ti-nuage/site
1
0
Fork 2
Code Issues 3 Pull Requests Releases Activity

Redisposition des menus et du pied de page.

Browse Source
This commit is contained in:
David Soulayrol
2022-08-14 15:35:59 +02:00
parent 1c322b4711
commit 63bb06e09e
3 changed files with 59 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
assets/production/css/style.css
View File

@@ -10,6 +10,7 @@ body {
} }
.Container { .Container {
clear: both;
max-width: 960px; max-width: 960px;
margin: 0 auto; margin: 0 auto;
padding: 0 32px; padding: 0 32px;
@@ -130,46 +131,25 @@ abbr {
height: 25vh; height: 25vh;
} }
.logo-small { nav {
width: 3em;
display: inline-block;
margin: 0.4em;
}
menu {
margin: 0; margin: 0;
overflow: hidden;
padding: 0; padding: 0;
font-size: 0;
} }
.container-logo, nav section {
.menu-item { float: left;
height: 30%; padding-left: 2em;
display: inline-block; width: 30%;
font-size: 16px;
vertical-align: middle;
} }
.menu-item { nav section h2 {
float: right; font-size: 1.5em;
margin-left: 2em; text-align: center;
} }
.menu-button { nav section ul li {
padding: 8px 24px; list-style: none;
background: #05b;
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-size: 12.8px;
font-weight: bold;
border-radius: 0 0 24px 24px;
line-height: 24px;
display: inline-block;
}
.menu-button-login {
background: #2eae2e;
} }
.Hero { .Hero {
@@ -259,23 +239,17 @@ menu {
gap: 64px 0; gap: 64px 0;
} }
.Article-Title { .footer h2 {
margin-top: 64px; font-size: 1.2em;
margin-bottom: 32px; margin-bottom: 0;
} }
.footer { .footer p {
font-size: 0.8em;
} }
.footer ul, .footer p + p {
.footer li { margin-top: 0;
margin: 0;
padding: 0;
list-style: none;
}
.footer .Two-cols-One-row {
grid-row-gap: 0;
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {

8
content/mentions_legales.md
View File

@@ -9,7 +9,7 @@ title: Mentions légales
<br>SIREN : `904 949 534 00013` <br>SIREN : `904 949 534 00013`
<br>Siège social : `Mairie, 11 places aux Chevaux, 22420 Le Vieux Marché - France` <br>Siège social : `Mairie, 11 places aux Chevaux, 22420 Le Vieux Marché - France`
## Hébergement ## Hébergement des données
Ce site et toutes les données de l'association sont actuellement stockées chez la Sas OVH. Ce site et toutes les données de l'association sont actuellement stockées chez la Sas OVH.
<br>Siège social : `2 rue Kellermann, 59100 Roubaix - France` <br>Siège social : `2 rue Kellermann, 59100 Roubaix - France`
@@ -21,3 +21,9 @@ Ce site est conçu avec le logiciel libre [Metalsmith](https://www.metalsmith.io
Sauf mention contraire sur les supports utilisés, tout le contenu affiché sur le site [ti-nuage.fr](/) appartient à l'association **Ti Nuage** et est distribuable sous licence [CC-BY-SA version 2.0 ou ultérieure](https://creativecommons.org/licenses/by-sa/2.0/fr). Sauf mention contraire sur les supports utilisés, tout le contenu affiché sur le site [ti-nuage.fr](/) appartient à l'association **Ti Nuage** et est distribuable sous licence [CC-BY-SA version 2.0 ou ultérieure](https://creativecommons.org/licenses/by-sa/2.0/fr).
Les icones utilisés pour la description des services sont réalisés avec **Uicons** de [Flaticon](https://www.flaticon.com/uicons). Les icones utilisés pour la description des services sont réalisés avec **Uicons** de [Flaticon](https://www.flaticon.com/uicons).
## Nous contacter
L'adresse électronique de contact de l'association est : contact @ ti-nuage.fr. Le courrier doit être adressé au siège social.
Il est possible de nous rencontrer tous les premiers jeudi du mois à la Hutte, à Vieux-Marché, à partir de 20 heures.

74
layouts/base.njk
View File

@@ -30,59 +30,45 @@
{% endif %} {% endif %}
</head> </head>
<body> <body>
<div class="Container"> <nav class="Container">
<menu> <section>
<li class="container-logo"> <h2>Association</h2>
{% if not hidemenuicon %} <ul>
<a href="/"><img class="logo-small" src="/images/logo.svg" alt=""></a> <li><a href="/association.html">Découvrir l'association</a></li>
{% endif %} <li><a href="/blog">Actualités</a></li>
</li> </ul>
<li class="menu-item"> </section>
<a class="menu-button menu-button-login" href="https://mon.ti-nuage.fr">Espace adhérents</a> <section>
</li> <h2>Documentation</h2>
<li class="menu-item"> <ul>
<a class="menu-button" href="https://status.ti-nuage.fr/">État des services</a> <li><a href="https://wiki.ti-nuage.fr">Wiki</a></li>
</li> </ul>
<li class="menu-item"> </section>
<a class="menu-button" href="https://wiki.ti-nuage.fr/">Documentation</a> <section>
</li> <h2>Services</h2>
<li class="menu-item"> <ul>
<a class="menu-button" href="/blog">Actualités</a> <li><a href="https://mon.ti-nuage.fr">Espace adhérents</a></li>
</li> <li><a href="/services.html">Tous les services</a></li>
</menu> <li><a href="https://status.ti-nuage.fr/">Suivi des incidents</a></li>
</ul>
</section>
</nav>
<section class="Container">
{% block article %}{% endblock %} {% block article %}{% endblock %}
</div> </section>
<footer class="footer mt128"> <footer class="footer mt128">
<div class="Container"> <div class="Container">
<p class="tad">Page générée le {{ moment(article.date).format('LL') }}.</p> <p class="tad">Page générée le {{ moment(article.date).format('LL') }}.</p>
<hr> <hr>
<div class="Two-cols-One-row"> <h2>Ti Nuage</h2>
<div> <p><em>Hébergeur associatif, transparent, éthique, militant et solidaire.</em></p>
<h4>Ti Nuage</h4>
<ul>
<li><a href="/">Accueil</a></li>
<li><a href="/association.html">L'association</a></li>
<li><a href="/blog">Le blog</a></li>
<li><a href="/services.html">Les services</a></li>
<li><a href="/cgu.html">CGU</a></li>
<li><a href="/mentions_legales.html">Mentions légales</a></li>
</ul>
</div>
<div>
<h4>Nous contacter</h4>
<h5>Adresse</h5>
<p> <p>
Mairie - Le Vieux-Marché<br> <b><a href="/cgu">Conditions Générales d'Utilisation</b></a>
11 place aux Chevaux<br> &mdash;
22420 Le Vieux Marché <b><a href="/mentions_legales">Mentions légales</a></b>
</p> </p>
<h5>Email</h5>
<p>contact @ ti-nuage.fr</p>
<br>
</div>
</div>
</div> </div>
</footer> </footer>
</body> </body>