From 2421f2c38c8c97e60bb291492fa6dff7077d5760 Mon Sep 17 00:00:00 2001
From: Calum Lind <calumlind+deluge@gmail.com>
Date: Sat, 6 Jul 2024 16:24:50 +0100
Subject: [PATCH] Update homepage layout and links

---
 overrides/assets/stylesheets/home.css | 12 +++++++++++-
 overrides/home.html                   | 17 +++++++++++------
 2 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/overrides/assets/stylesheets/home.css b/overrides/assets/stylesheets/home.css
index 50dea1f7b..fecd173f6 100644
--- a/overrides/assets/stylesheets/home.css
+++ b/overrides/assets/stylesheets/home.css
@@ -5,7 +5,7 @@ body {
 
 section {
     display: flex;
-    align-items: flex-end;
+    align-items: flex-start;
     flex-wrap: wrap;
     gap: 16px;
     margin: 0 auto;
@@ -22,9 +22,19 @@ section > *:first-child {
     flex-basis: 100%;
     border-right: none;
     border-bottom: 1px dotted #889db8;
+    padding-bottom: 15px;
 }
 
 section > *:last-child {
     border-right: none;
 }
 
+.item h2 {
+    font-size: 1.4em;
+    margin: 0.5em 0 0.5em;
+}
+
+.item a {
+    color: #D1DAE5;
+    text-decoration: underline;
+}
\ No newline at end of file
diff --git a/overrides/home.html b/overrides/home.html
index a55d18259..9ece6259d 100644
--- a/overrides/home.html
+++ b/overrides/home.html
@@ -4,26 +4,31 @@
 
 <section>
   <div class="item">
-    Deluge is a lightweight, Free Software, cross-platform BitTorrent client to
-    send or receive files across a decentralized network.
+    Deluge is a lightweight, Free Software, cross-platform BitTorrent client.
     <ul>
       <li>Full Encryption</li>
       <li>Web User Interface</li>
       <li>Plugin System</li>
       <li>Much more...</li>
     </ul>
-    <a>Learn More</a>
+    <a href="/about">Learn More</a>
   </div>
   <div class="item">
     <h2>Get started</h2>
 
-    Check out our guides to learn how to setup and use Deluge.
+    <p>Check out our guides to learn how to setup and use Deluge.</p>
+
+    <a href="/userguide">User guide</a>
   </div>
   <div class="item">
     <h2>Download</h2>
 
-    Deluge 2.1.1 Download now Available for Linux, macOS and Windows.
+    <p>Available for Linux, macOS and Windows.</p>
+
+    <p>Latest version: <b>2.1.1</b></p>
+
+    <a href="/download">Download now</a>
   </div>
 </section>
 
-{% endblock %}
+{% endblock %} {% block footer%} {% endblock %}