docs: split up quicktips (#584)

until now, all features were listed under quicktips. for a better overview and in preparation for further descriptions, the pages will be split into quicktips and features.

Author: lixxbox

Gemfile.lock

@@ -25,6 +25,7 @@ GEM
     ethon (0.14.0)
       ffi (>= 1.15.0)
     eventmachine (1.2.7)
+    eventmachine (1.2.7-x64-mingw32)
     execjs (2.8.1)
     faraday (1.7.0)
       faraday-em_http (~> 1.0)
@@ -46,6 +47,7 @@ GEM
     faraday-patron (1.0.0)
     faraday-rack (1.0.0)
     ffi (1.15.3)
+    ffi (1.15.3-x64-mingw32)
     forwardable-extended (2.6.0)
     gemoji (3.0.1)
     github-pages (218)
@@ -229,6 +231,8 @@ GEM
     nokogiri (1.12.5)
       mini_portile2 (~> 2.6.1)
       racc (~> 1.4)
+    nokogiri (1.12.5-x64-mingw32)
+      racc (~> 1.4)
     octokit (4.21.0)
       faraday (>= 0.9)
       sawyer (~> 0.8.0, >= 0.5.3)
@@ -263,18 +267,24 @@ GEM
       ethon (>= 0.9.0)
     tzinfo (1.2.9)
       thread_safe (~> 0.1)
+    tzinfo-data (1.2021.5)
+      tzinfo (>= 1.0.0)
     unf (0.1.4)
       unf_ext
     unf_ext (0.0.7.7)
+    unf_ext (0.0.7.7-x64-mingw32)
     unicode-display_width (1.7.0)
+    wdm (0.1.1)
     zeitwerk (2.4.2)
 
 PLATFORMS
   ruby
+  x64-mingw32
 
 DEPENDENCIES
   github-pages
   jekyll-feed (~> 0.12)
+  jekyll-redirect-from
   jekyll-remote-theme
   tzinfo (~> 1.2)
   tzinfo-data

about.md.draft

@@ -1,9 +1,12 @@
 ---
 layout: default
 title: Console Shortcuts
-parent: Quicktips
+parent: Features
+nav_order: 50
 has_children: false
-permalink: /quicktips/console-shortcuts
+permalink: /features/console-shortcuts
+redirect_from:
+  - /quicktips/console-shortcuts
 description: >-
   Keyboard shortcuts are available for those who prefer shortcuts.
 ---
@@ -19,7 +22,7 @@ Issue a `HELP` command in the console to get a list of all available commands.
 
 You can start typing a command and then complete it with the Tab key. If there are several possibilities, a list of choices will be displayed.
 
-![](../assets/img/quicktips/console-shortcuts/tab_complete.gif)
+![](/assets/img/quicktips/console-shortcuts/tab_complete.gif)
 
 ## Scroll through commands
 

quicktips/console-shortcuts.md renamed to features/console-shortcuts.md

@@ -1,9 +1,12 @@
 ---
 layout: default
 title: Hide macros, outputs or fans
-parent: Quicktips
+parent: Features
+nav_order: 50
 has_children: false
-permalink: /quicktips/hide-gcode_macros
+permalink: /features/hide-gcode_macros
+redirect_from:
+  - /quicktips/hide-gcode_macros
 description: >-
   You can show and hide G-Code macros in the interface settings
 ---
@@ -27,7 +30,7 @@ gcode:
 
 `MY_AWESOME_GCODE` appears in your interface settings, `_MY_HELPER_CODE` does not.
 
-![](../assets/img/quicktips/hide-gcode_macros/my_awesome_macro.png)
+![](/assets/img/quicktips/hide-gcode_macros/my_awesome_macro.png)
 
 This also works for other configuration sections including **fans and outputs.**
 {: .info}

quicktips/hide-gcode_macros-by-default.md renamed to features/hide-gcode_macros-by-default.md

@@ -1,9 +1,12 @@
 ---
 layout: default
 title: Print History and Statistics
-parent: Quicktips
+parent: Features
+nav_order: 50
 has_children: false
-permalink: /quicktips/history
+permalink: /features/history
+redirect_from:
+  - /quicktips/history
 description: >-
   You can view your print history and statistics in the History section of Mainsail.  
   

quicktips/history.md renamed to features/history.md

@@ -0,0 +1,13 @@
+---
+layout: default
+title: Features
+nav_order: 9
+has_children: true
+permalink: /features
+description: >-
+  Mainsail offers a lot of great features that we would like to highlight here.  
+---
+
+# {{ page.title }}
+{{ page.description }}
+{: .fs-5 }

features/index.md

@@ -1,9 +1,12 @@
 ---
 layout: default
 title: Presets
-parent: Quicktips
+parent: Features
+nav_order: 50
 has_children: false
-permalink: /quicktips/presets
+permalink: /features/presets
+redirect_from:
+  - /quicktips/presets
 description: >-
   Mainsail supports so-called presets. They are often used for preheat & cooldown, but also execute normal gcode.
 ---
@@ -18,7 +21,7 @@ In Mainsails interface settings you will find a section called "Preheat Presets"
 
 Enter a name for your preset, such as filament, color or other text and the temperature you wish to set the preset at. You can disable individual heaters and even specify a custom gcode for the preheat phase. The G-Code will be executed after the selected temperatures are set.
 
-![](../assets/img/quicktips/presets/preheat.png)
+![](/assets/img/quicktips/presets/preheat.png)
 
 ### Further Examples
 
@@ -27,4 +30,4 @@ You can add custom G-Code to make it easier to switch between different Z-Offset
 
 To configure the G-Code enter `SET_GCODE_OFFSET Z=0.2`, and change `0.2` to the offset you need.
 
-![](../assets/img/quicktips/presets/gcodeoffset.png)
+![](/assets/img/quicktips/presets/gcodeoffset.png)

quicktips/presets.md renamed to features/presets.md

@@ -2,8 +2,11 @@
 layout: default
 title: Backgrounds
 parent: Theming
+grand_parent: Features
 nav_order: 10
-permalink: /theming/backgrounds
+permalink: /features/theming/backgrounds
+redirect_from:
+  - /theming/backgrounds
 description: >-
   Place some background images to give Mainsail its own look with ease.
 ---
@@ -14,11 +17,11 @@ description: >-
 There are two background images that can be used in Mainsail.  The first is in the sidebar and the second is in the main section.
 
 
-![screenshot](../assets/img/customizing/sidebar-main.jpg){:width="50%"}
+![screenshot](/assets/img/customizing/sidebar-main.jpg){:width="50%"}
 
 You can upload a new background image using the file manager located in `Settings > Machine`.
 
-<!-- ![screenshot](../assets/img/customizing/screenshot-sidebar-background.png) -->
+<!-- ![screenshot](/assets/img/customizing/screenshot-sidebar-background.png) -->
 
 ## Sidebar background image
 Load the background image into your .theme folder and name it `sidebar-background.<extension>`.

themes/backgrounds.md renamed to features/themes/backgrounds.md

@@ -2,18 +2,21 @@
 layout: default
 title: Custom CSS
 parent: Theming
+grand_parent: Features
 nav_order: 30
-permalink: /theming/custom-css
+permalink: /features/theming/custom-css
+redirect_from:
+  - /theming/custom-css
 ---
 
 # Custom CSS 
 
 The `custom.css` file allows you to customize the appearance of Mainsail
 without the need of rebuilding it.  Place a file named `custom.css` in the `.theme` folder of your Mainsail installation and define your custom **C**ascading **S**tyle **S**heets (CSS) rules inside the file.
 
-![file-screenshot](../assets/img/customizing/screenshot-custom-css.png "custom.css file")
+![file-screenshot](/assets/img/customizing/screenshot-custom-css.png "custom.css file")
 
-![example result](../assets/img/customizing/screenshot-custom-css-example-result.png "custom.css result")
+![example result](/assets/img/customizing/screenshot-custom-css-example-result.png "custom.css result")
 
 
 ## Customizing the CSS
@@ -25,23 +28,23 @@ You need to be familiar with the CSS syntax to customize Mainsail.  There are ma
 
 You will need to use your browser's built in developer tools to find the element you want to customize.  You can do this by clicking the "Developer Tools" button in the browser's toolbar or by right clicking on the page and choosing `Inspect Element` or press `F12`.
 
-![open dev-tools](../assets/img/customizing/screenshot-custom-css-inspect.png "open dev-tools")
+![open dev-tools](/assets/img/customizing/screenshot-custom-css-inspect.png "open dev-tools")
 
 1. Activate the developer tools and inspector
 2. Select the desired element
 3. Find the selector
 4. Use the style editor to customize the element.  Play around to find the style you like!
 
-![find element](../assets/img/customizing/screenshot-custom-css-find-element.png "find the right element")
+![find element](/assets/img/customizing/screenshot-custom-css-find-element.png "find the right element")
 
-![fiddle](../assets/img/customizing/screenshot-custom-css-fiddle.png "fiddle")
+![fiddle](/assets/img/customizing/screenshot-custom-css-fiddle.png "fiddle")
 
 When you have achieved your desired appearance, copy the full "section", including the selector and curly braces.
 
-![fiddle 2](../assets/img/customizing/screenshot-custom-css-fiddle-2.png "fiddle 2")
+![fiddle 2](/assets/img/customizing/screenshot-custom-css-fiddle-2.png "fiddle 2")
 
 Next copy it inside the "custom.css" file (you can keep everything or only what you have added)
 
-![example](../assets/img/customizing/screenshot-custom-css-example.png "custom.css example")
+![example](/assets/img/customizing/screenshot-custom-css-example.png "custom.css example")
 
 NOTE: After saving, your browser may need a uncached reload to show the change. Visit [Wikipedia to learn how.](https://en.wikipedia.org/wiki/Wikipedia:Bypass_your_cache#Bypassing_cache)

themes/custom-css.md renamed to features/themes/custom-css.md

@@ -2,8 +2,11 @@
 layout: default
 title: Logos and Icons
 parent: Theming
+grand_parent: Features
 nav_order: 20
-permalink: /theming/favicons
+permalink: /features/theming/icons
+redirect_from:
+  - /theming/favicons
 description: >-
   Replace the default logos and icons with your own.
 ---
@@ -16,13 +19,13 @@ You can use the built in file manager in `Settings > Machine` to upload your own
 ## Sidebar logo
 Upload a logo into your .theme folder and name it `sidebar-logo.<extension>`, where extension is one of the valid file types below.
 
-For more information on creating and uploading to your `.theme` folder, please refer to the [Customizing your theme](/theming/prepare) chapter.
+For more information on creating and uploading to your `.theme` folder, please refer to the [Customizing your theme](/features/theming/prepare) chapter.
 
 | Filename					| sidebar-logo				|
 | Valid file extensions		| .svg, .jpg, .png and .gif	|
 | Recommended image size	| XxY px					|
 
-![screenshot](../assets/img/customizing/screenshot-sidebar-logo.png)
+![screenshot](/assets/img/customizing/screenshot-sidebar-logo.png)
 
 ## Favicons
 Upload favicons into your .theme folder and name them `favicon-32x32.png` *(required)*	and `favicon-16x16.png` *(optional)*.
@@ -35,6 +38,4 @@ Upload favicons into your .theme folder and name them `favicon-32x32.png` *(requ
 A browser refresh may be necessary (CTRL+SHIFT+F5 on windows or CMD++SHIFT+R on macOS) to reload without the browser cache.
 {: .info}
 
-![screenshot](../assets/img/customizing/screenshot-favicons.png)
-
-
+![screenshot](/assets/img/customizing/screenshot-favicons.png)