docs: improve Wiki home page friendliness

Add Discord link to Wiki home page.
Only show relevant (wide/narrow) layout navigation advice.
Hide Navigation and add project mission statement quote.

Author: ukkopahis

docs/index.md

@@ -1,13 +1,25 @@
+---
+title: Home
+hide:
+  - navigation
+---
 # IOTStack Wiki
 
-Welcome to the IOTstack Wiki:
-
-* Use the list of contents at the left of this page to explore this Wiki.
+!!! abstract inline end "What is IOTstack"
+    IOTstack is a builder for docker-compose to easily make and maintain IoT
+    stacks on the Raspberry Pi
 
-	- If you are viewing this on a device that does not show the list by default, click the "≡" icon.
+Welcome to the IOTstack Wiki:
 
-* If you are looking for information on a specific container, click on the "Containers" folder at the bottom of the list.
+* <span class="show-when-wide-layout">
+  Use the header tabs and content list at the left to explore this Wiki.
+  </span>
+  <label class="show-when-narrow-layout">
+  Click the "≡" icon to navigate this Wiki.
+  </label>
 
 * If you are just getting started with IOTstack, see [Getting Started](Basic_setup/).
 
-* To contribute see [Contributing](Developers/)
+* You're always welcome to ask questions on the [IOTStack Discord](https://discord.gg/ZpKHnks).
+
+* Fixes and improvements welcome, see [Contributing](Developers/)

docs/style.css

@@ -1,4 +1,17 @@
+/* vim: set sw=2: */
+
 /* hide "Made with Material" footer */
 .md-footer-meta {
     display: none;
 }
+
+@media screen and (max-width:76.25em) {
+  .show-when-wide-layout {
+    display:none
+  }
+}
+@media screen and (min-width:76.25em) {
+  .show-when-narrow-layout {
+    display:none
+  }
+}