Improve landing page

Signed-off-by: trivernis <trivernis@protonmail.com>

_docs/10_installation.md

@@ -48,6 +48,4 @@ Mediarepo can also be installed from the AUR which is much easier than
 installing it the manual way (not everyone uses arch tho). All you need to install
 is the `mediarepo` package for the client and the `mediarepo-daemon` package for
 the daemon. As both applications are installed in `/usr/bin` the client should be
-able to find the daemon executable automatically.
-
-
+able to find the daemon executable automatically.

_sass/_utilities.scss

@@ -86,6 +86,8 @@
 
 .align-middle { vertical-align: middle; }
 
+.align-top {vertical-align: top;}
+
 /* Padding */
 .px-0 { padding-left: 0; padding-right:  0 }
 .py-0 { padding-top: 0;  padding-bottom: 0 }
@@ -181,3 +183,7 @@
     text-decoration: none !important;
   }
 }
+
+.max-100 {
+  max-width: 100% !important;
+}

index.html

@@ -0,0 +1,39 @@
+---
+# Feel free to add content and custom Front Matter to this file.
+# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
+
+layout: home
+---
+
+<p><img class="max-100" src="assets/images/mediarepo-overlapping.png"></p>
+
+<div class="px-2 py-2 col-3 inline-block align-top">
+    <h3>Tagging of files</h3>
+    Tags can be assigned to files to describe specific
+    aspects and group them together.
+</div>
+<div class="px-2 py-2 col-3 inline-block align-top">
+    <h3>Searching by tags and file properties</h3>
+    Assigned tags and file properties can be used to 
+    search for files.
+</div>
+<div class="px-2 py-2 col-3 inline-block align-top">
+    <h3>Sorting by tags and file properties</h3>
+    Tag namespaces and file properties can be used for
+    sorting files.
+</div>
+<div class="px-2 py-2 col-3 inline-block align-top">
+    <h3>Content addressing</h3>
+    Tags are not assigned to the actual file on the
+    disk but to identifiers made from the files content.
+</div>
+<div class="px-2 py-2 col-3 inline-block align-top">
+    <h3>Multiple repositories</h3>
+    You can have multiple repositories on your system and
+    access them from your client with ease.
+</div>
+<div class="px-2 py-2 col-3 inline-block align-top">
+    <h3>Remote repositories</h3>
+    You can have repositories on remote system and connect to
+    those via tcp.
+</div>

index.markdown

@@ -1,10 +0,0 @@
----
-# Feel free to add content and custom Front Matter to this file.
-# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
-
-layout: home
----
-
-Coming soon™
-
-![](/assets/images/screenshot-1.png)