restructered files and created a TOC to incorperate tutorials

Author: mEngstroem

docs/index.md

@@ -9,7 +9,7 @@ Therefore, this will be where information for developers will be found, such as
 ---
 hidden: True
 --- 
-
+tutorial
 build
 adrs
 ci

docs/tutorials/getting-started.md docs/tutorial.mddocs/tutorials/getting-started.md renamed to docs/tutorial.md

@@ -35,3 +35,15 @@ When a project is started two further buttons is visualised, and settings is the
 - **A**: Save project.
 - **B**: Reset to start.
 - **C**: Setting, is further explained in settings.
+
+```{toctree}
+---
+maxdepth: 1
+---
+
+tutorials/model_def.md
+tutorials/load_data.md
+tutorials/simple_fitting.md
+tutorials/settings.md
+
+```

docs/tutorials/index.rst

@@ -3,14 +3,14 @@
 Experimental data must be **.dat**, **.txt**, or **.ort** to be loaded into the EasyReflectometryApp.  
 Data is loaded in the `Experimental` page, by pressing the `Import experimental data`.
 
-<img src='./../_images/exp_load.png' width='800px'></img>
+<img src='./_images/exp_load.png' width='800px'></img>
 
 - **A**: Open your file manager to load data in the mentioned format.
 
 ## Instrumental parameters  
 When data is loaded, it is possible to change instrumental parameters that affect the data.
 
-<img src='./../_images/exp_data.png' width='800px'></img>
+<img src='./_images/exp_data.png' width='800px'></img>
 
 - **A**: Scale the data by the given value.
 - **B**: Set the level where data merges into the experimental background.

docs/tutorials/data/load_data.md docs/tutorials/load_data.mddocs/tutorials/data/load_data.md renamed to docs/tutorials/load_data.md

@@ -3,7 +3,7 @@ When a project is initialised it is then possible to define material and set the
 
 Let us first look at the general layout of the `Model` page, which is split up into two parts, the main window showing the graphs and the sidebar being the control panel for variables and data.
 
-<img src='./../_images/sample_overview.png' width='800px'></img>
+<img src='./_images/sample_overview.png' width='800px'></img>
 
 - **A**: Graph change between the Reflectivity- and Scattering Length Density (SLD) curve.
 - **B**: Graph control of ledger, visible coordinates on hower, zoom and pan control, and reset.
@@ -14,7 +14,7 @@ Let us first look at the general layout of the `Model` page, which is split up i
 To construct a model in the app, first, you add the materials that will compose the layers in `Material Editor`.  
 The materials are added by the real and imaginary components of the scattering length density (in units of 10<sup>-6</sup>Å<sup>-2</sup>) and given a name for the material.  
 
-<img src='./../_images/sample_material.png' width='800px'></img>
+<img src='./_images/sample_material.png' width='800px'></img>
 
 - **A**: For adding more material.
 - **B**: Duplicating the last clicked material.
@@ -23,7 +23,7 @@ The materials are added by the real and imaginary components of the scattering l
 ### Model creation and editing
 For creating new models, the `Models selector` tab is used, and then for setting the assemblies in the model the `Model editor` is used.  
 
-<img src='./../_images/sample_model.png' width='800px'></img>
+<img src='./_images/sample_model.png' width='800px'></img>
 
 - **A**: Renaming model.
 - **B**: Removing the specific model.
@@ -37,7 +37,7 @@ For creating new models, the `Models selector` tab is used, and then for setting
 Then for editing the assemblies in the model, the `Layer editor` is used.  
 By clicking an assembly, the `Layer editor` is specified and changes can be made to that assembly.
 
-<img src='./../_images/sample_layer.png' width='800px'></img>
+<img src='./_images/sample_layer.png' width='800px'></img>
 
 - **A**: Pick the desired assembly to modify.
 - **1**: Choose a material from materials in the `Material Editor`.
@@ -46,7 +46,7 @@ By clicking an assembly, the `Layer editor` is specified and changes can be made
 ## Advanced controls
 In the advanced controls, it is possible to apply a specific Q-range of interest and sample constraints on the model.
 
-<img src='./../_images/sample_adv.png' width='800px'></img>
+<img src='./_images/sample_adv.png' width='800px'></img>
 
 - **A**: Setting min. Q value of interest.
 - **B**: Setting max. Q value of interest.

docs/tutorials/models/model-def.md docs/tutorials/model_def.mddocs/tutorials/models/model-def.md renamed to docs/tutorials/model_def.md

@@ -1,20 +1,20 @@
 # Settings
 The settings can be reached from all tabs by pressing the cogs icon the the top right corner.
 
-<img src='./../_images/setting_overview.png' width='800px'></img>
+<img src='./_images/setting_overview.png' width='800px'></img>
 
 In the settings menu, there are five tabs:
-#### Prompts
+## Prompts
 Used for enabling/disabling tooltips.
 
-#### Updates
+## Updates
 Allowing the app to check for updates when starting and force-checking for updates.
 
-#### Appearance
+## Appearance
 Change the theme of the app between: Light, Dark and system mode.
 
-#### Experimental
+## Experimental
 Setting the overall zoom level of icons and buttons, and changing the language of the app (to be implemented).
 
-#### Develop
+## Develop
 Is for setting how the app will log errors.

docs/tutorials/settings/settings.md docs/tutorials/settings.mddocs/tutorials/settings/settings.md renamed to docs/tutorials/settings.md

@@ -7,7 +7,7 @@ Then a polymer film is attached to the silicon dioxide by some chemical method a
 This is shown pictorially below, as a slab model. 
 
 <center>
-    <img src='./../_images/polymer_film.png' width='300px'></img>
+    <img src='./_images/polymer_film.png' width='800px'></img>
 </center>
 <center>
     A slab model description of the polymer film system.
@@ -20,7 +20,7 @@ The graph window has the same functionality as the previous tabs, so it will not
 ## Basic controls 
 The basic controls is for fitting the variables.
 
-<img src='./../_images/anal_bsc.png' width='800px'></img>
+<img src='./_images/anal_bsc.png' width='800px'></img>
 
 - **A**: Picking the desired variable to use the slider for fine-tuning it.
 - **B**: Able to change the specific variable.
@@ -32,7 +32,7 @@ The basic controls is for fitting the variables.
 ## Advanced controls
 The advanced control is then for changing the calculation engine and setting the minimisation method.
 
-<img src='./../_images/anal_adv.png' width='800px'></img>
+<img src='./_images/anal_adv.png' width='800px'></img>
 
 - **A**: Changing the calculation engine between `refnx` and `refl1d`.<br></br>
 - **B**: Setting the minimisation method for minimising variables.