PrivateCoffee/structables
4
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: revamp footer layout and improve section separation

Browse source 
Redesigned the footer in `footer.html` to use a light background with dark text, adopting a more modern aesthetic and enhancing readability. The layout now utilizes a responsive grid, separating content into two columns for better organization on wider screens.

In `index.html`, added conditional rendering of horizontal rules between sections, omitting the rule after the last section. This change improves visual flow and reduces unnecessary visual clutter on the page.

These changes collectively enhance the user interface's look and feel, aligning with modern web design practices and improving overall user experience.
This commit is contained in:
Kumi 2024-05-25 17:21:23 +02:00
parent 75ae8ada4f
commit cbf596aee7
Signed by: kumi
GPG key ID: ECBCC9082395383F
2 changed files with 22 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/structables/templates/footer.html
View file

@ -1,11 +1,21 @@
<footer class="text-center"> <footer class="bg-light text-dark py-4">
<hr /> <div class="container">
<p> <div class="row">
<a href="https://git.private.coffee/PrivateCoffee/structables" <div class="col-md-6 text-center text-md-left">
>Structables Code (AGPLv3)</a <p class="mb-1">
> <a
</p> href="https://git.private.coffee/PrivateCoffee/structables"
<p> class="text-dark"
<a href="/privacypolicy">View privacy policy.</a> >
</p> Structables Code (AGPLv3)
</a>
</p>
</div>
<div class="col-md-6 text-center text-md-right">
<p class="mb-1">
<a href="/privacypolicy" class="text-dark">View privacy policy</a>
</p>
</div>
</div>
</div>
</footer> </footer>

2
src/structables/templates/index.html
View file

@ -36,7 +36,9 @@
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
{% if section != sections[-1] %}
<hr /> <hr />
{% endif %}
</section> </section>
{% endfor %} {% endfor %}
</div> </div>