Add custom homepage

docs/index.md

@@ -1,36 +1,4 @@
 ---
 template: home.html
-title: Material for MkDocs
+title: Welcome
-social:
-  cards_layout_options:
-    title: Documentation that simply works
 ---
-
-Welcome to Material for MkDocs.
-
-# Welcome to MkDocs
-
-For full documentation visit [mkdocs.org](https://www.mkdocs.org).
-
-## Embed
-
-<embed src="https://ftp.osuosl.org/pub/deluge/version" />
-
-## Object
-
-<object data="https://ftp.osuosl.org/pub/deluge/version" width="300" height="200">
-Not supported
-</object>
-## Commands
-
-* `mkdocs new [dir-name]` - Create a new project.
-* `mkdocs serve` - Start the live-reloading docs server.
-* `mkdocs build` - Build the documentation site.
-* `mkdocs -h` - Print help message and exit.
-
-## Project layout
-
-    mkdocs.yml    # The configuration file.
-    docs/
-        index.md  # The documentation homepage.
-        ...       # Other markdown pages, images and other files.

overrides/assets/stylesheets/home.css

@@ -0,0 +1,30 @@
+body {
+    color: #D1DAE5;
+    background-color: #304663;
+}
+
+section {
+    display: flex;
+    align-items: flex-end;
+    flex-wrap: wrap;
+    gap: 16px;
+    margin: 0 auto;
+    max-width: 751px;
+}
+
+.item {
+    flex-grow: 1;
+    flex-basis: 250px;
+    border-right: 1px dotted #889db8;
+}
+
+section > *:first-child {
+    flex-basis: 100%;
+    border-right: none;
+    border-bottom: 1px dotted #889db8;
+}
+
+section > *:last-child {
+    border-right: none;
+}
+

overrides/home.html

@@ -0,0 +1,29 @@
+{% extends "main.html" %} {% block extrahead %}
+<link rel="stylesheet" href="{{ 'assets/stylesheets/home.css' | url }}" />
+{% endblock %} {% block site_nav%} {% endblock %} {% block content %}
+
+<section>
+  <div class="item">
+    Deluge is a lightweight, Free Software, cross-platform BitTorrent client to
+    send or receive files across a decentralized network.
+    <ul>
+      <li>Full Encryption</li>
+      <li>Web User Interface</li>
+      <li>Plugin System</li>
+      <li>Much more...</li>
+    </ul>
+    <a>Learn More</a>
+  </div>
+  <div class="item">
+    <h2>Get started</h2>
+
+    Check out our guides to learn how to setup and use Deluge.
+  </div>
+  <div class="item">
+    <h2>Download</h2>
+
+    Deluge 2.1.1 Download now Available for Linux, macOS and Windows.
+  </div>
+</section>
+
+{% endblock %}