almet/la-chariotte
1
0
Fork 0
mirror of https://framagit.org/la-chariotte/la-chariotte.git synced 2025-05-02 20:01:51 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Rework the footer

Browse source
This commit is contained in:
Alexis Métaireau 2024-02-05 21:35:31 +01:00
parent ad0782d8f3
commit e5de39e568
2 changed files with 61 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
la_chariotte/static/sass/base/_footer.sass
View file

@ -1,6 +1,18 @@
.footer
padding-bottom: 10px !important
padding: 50px 0
padding-left: 2em
font-size: 1em
logo > h2
font-size: 2rem
footer > .columns footer > .columns
margin-bottom: 1rem !important margin-bottom: 1rem !important
margin-top: 0 margin-top: 0
footer .margin-auto footer .margin-auto
margin: auto margin: auto
footer .logo
letter-spacing: 1px

90
la_chariotte/templates/base.html
View file

@ -1,7 +1,6 @@
{% load static %} {% load static %}
{% load settings %} {% load settings %}
{% load sass_tags %} {% load sass_tags %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<head> <head>
@ -121,46 +120,53 @@
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div> </div>
</main> </main>
<footer class="footer"> <footer class="footer section">
<div class="content columns has-text-centered"> <div class="container">
<div class="column margin-auto"> <div class="columns is-multiline is-justify-content-center">
<p> <div class="column is-4-desktop is-5-tablet">
<strong>La Chariotte</strong> | version {{ version }} <div class="widget mb-0">
</p> <div class="logo mb-4">
<p> <p>
<a href="{% url 'legal_notice' %}">Mentions légales</a> {% settings_value "PROJECT_NAME" %}
</p> | <a href="https://gitlab.com/la-chariotte/">version {{ version }}</a>
</div> </p>
<div class="column is-size-6 columns"> </div>
<div class="column margin-auto"> <ul class="list-unstyled footer-menu lh-35">
<p>Contact : <a href="mailto:{% settings_value "CONTACT_MAIL" %}">{% settings_value "CONTACT_MAIL" %}</a> <a href="mailto:{% settings_value "CONTACT_MAIL" %}"><i class="fa fa-envelope-square mr-2 text-muted"></i>
<p>Suivez <strong>la Chariotte</strong> sur :</p> {% settings_value "CONTACT_MAIL" %}
</div> </a>
<div class="column"> </li>
<a href="https://www.facebook.com/profile.php?id=100091984176981" <li>
target="_blank" <a href="{% url 'legal_notice' %}"><i class="fa fa-legal mr-2 text-muted"></i>Mentions légales</a>
rel="noopener"> </li>
<i class="fa fa-facebook-square mr-2" aria-hidden="true"></i>Facebook </ul>
</a> </div>
<br> </div>
<a href="https://www.linkedin.com/company/la-chariotte-commandes-groupees/" <div class="column is-2-desktop is-5-tablet">
target="_blank" <div class="widget mb-0">
rel="noopener"> <h4 class="mb-4">Suivez nous</h4>
<i class="fa fa-linkedin-square mr-3" aria-hidden="true"></i>Linkedin <ul class="list-unstyled footer-socials">
</a> <li>
<br> <a href="https://blog.chariotte.fr"><i class="fa fa-rss-square mr-2 text-muted"></i>Chariotte news</a>
<a href="https://mastodon.scop.coop/@la_chariotte" </li>
target="_blank" <li>
rel="noopener"> <a href="https://mastodon.scop.coop/@la_chariotte"><i class="fa fa-mastodon-square mr-2 text-muted"></i>Mastodon</a>
<i class="fa fa-mastodon-square mr-3" aria-hidden="true"></i>Mastodon </li>
</a> <li>
</div> <a href="https://www.facebook.com/profile.php?id=100091984176981"><i class="fa fa-facebook-square mr-2 text-muted"></i>Facebook</a>
</div> </li>
</div> <li>
</footer> <a href="https://www.linkedin.com/company/la-chariotte-commandes-groupees/"><i class="fa fa-linkedin-square mr-2 text-muted"></i>LinkedIn</a>
</body> </li>
</html> </ul>
<script> </div>
</div>
</div>
</div>
</footer>
</body>
</html>
<script>
// For responsive menu // For responsive menu
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
@ -183,4 +189,4 @@
}); });
}); });
{% block extra_js %} {% endblock %} {% block extra_js %} {% endblock %}
</script> </script>