Update homepage layout and links

This commit is contained in:
Calum Lind 2024-07-06 16:24:50 +01:00
commit 2421f2c38c
No known key found for this signature in database
GPG key ID: 90597A687B836BA3
2 changed files with 22 additions and 7 deletions

View file

@ -5,7 +5,7 @@ body {
section { section {
display: flex; display: flex;
align-items: flex-end; align-items: flex-start;
flex-wrap: wrap; flex-wrap: wrap;
gap: 16px; gap: 16px;
margin: 0 auto; margin: 0 auto;
@ -22,9 +22,19 @@ section > *:first-child {
flex-basis: 100%; flex-basis: 100%;
border-right: none; border-right: none;
border-bottom: 1px dotted #889db8; border-bottom: 1px dotted #889db8;
padding-bottom: 15px;
} }
section > *:last-child { section > *:last-child {
border-right: none; border-right: none;
} }
.item h2 {
font-size: 1.4em;
margin: 0.5em 0 0.5em;
}
.item a {
color: #D1DAE5;
text-decoration: underline;
}

View file

@ -4,26 +4,31 @@
<section> <section>
<div class="item"> <div class="item">
Deluge is a lightweight, Free Software, cross-platform BitTorrent client to Deluge is a lightweight, Free Software, cross-platform BitTorrent client.
send or receive files across a decentralized network.
<ul> <ul>
<li>Full Encryption</li> <li>Full Encryption</li>
<li>Web User Interface</li> <li>Web User Interface</li>
<li>Plugin System</li> <li>Plugin System</li>
<li>Much more...</li> <li>Much more...</li>
</ul> </ul>
<a>Learn More</a> <a href="/about">Learn More</a>
</div> </div>
<div class="item"> <div class="item">
<h2>Get started</h2> <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>
<div class="item"> <div class="item">
<h2>Download</h2> <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> </div>
</section> </section>
{% endblock %} {% endblock %} {% block footer%} {% endblock %}