Redisposition des menus et du pied de page.
This commit is contained in:
David Soulayrol
@@ -10,6 +10,7 @@ body {
|
||||
}
|
||||
|
||||
.Container {
|
||||
clear: both;
|
||||
max-width: 960px;
|
||||
margin: 0 auto;
|
||||
padding: 0 32px;
|
||||
@@ -130,46 +131,25 @@ abbr {
|
||||
height: 25vh;
|
||||
}
|
||||
|
||||
.logo-small {
|
||||
width: 3em;
|
||||
display: inline-block;
|
||||
margin: 0.4em;
|
||||
}
|
||||
|
||||
menu {
|
||||
nav {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.container-logo,
|
||||
.menu-item {
|
||||
height: 30%;
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
vertical-align: middle;
|
||||
nav section {
|
||||
float: left;
|
||||
padding-left: 2em;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
float: right;
|
||||
margin-left: 2em;
|
||||
nav section h2 {
|
||||
font-size: 1.5em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.menu-button {
|
||||
padding: 8px 24px;
|
||||
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;
|
||||
nav section ul li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.Hero {
|
||||
@@ -259,23 +239,17 @@ menu {
|
||||
gap: 64px 0;
|
||||
}
|
||||
|
||||
.Article-Title {
|
||||
margin-top: 64px;
|
||||
margin-bottom: 32px;
|
||||
.footer h2 {
|
||||
font-size: 1.2em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.footer {
|
||||
.footer p {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.footer ul,
|
||||
.footer li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.footer .Two-cols-One-row {
|
||||
grid-row-gap: 0;
|
||||
.footer p + p {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
|
||||
@@ -9,7 +9,7 @@ title: Mentions légales
|
||||
<br>SIREN : `904 949 534 00013`
|
||||
<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.
|
||||
<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).
|
||||
|
||||
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.
|
||||
|
||||
@@ -30,59 +30,45 @@
|
||||
{% endif %}
|
||||
</head>
|
||||
<body>
|
||||
<div class="Container">
|
||||
<menu>
|
||||
<li class="container-logo">
|
||||
{% if not hidemenuicon %}
|
||||
<a href="/"><img class="logo-small" src="/images/logo.svg" alt=""></a>
|
||||
{% endif %}
|
||||
</li>
|
||||
<li class="menu-item">
|
||||
<a class="menu-button menu-button-login" href="https://mon.ti-nuage.fr">Espace adhérents</a>
|
||||
</li>
|
||||
<li class="menu-item">
|
||||
<a class="menu-button" href="https://status.ti-nuage.fr/">État des services</a>
|
||||
</li>
|
||||
<li class="menu-item">
|
||||
<a class="menu-button" href="https://wiki.ti-nuage.fr/">Documentation</a>
|
||||
</li>
|
||||
<li class="menu-item">
|
||||
<a class="menu-button" href="/blog">Actualités</a>
|
||||
</li>
|
||||
</menu>
|
||||
<nav class="Container">
|
||||
<section>
|
||||
<h2>Association</h2>
|
||||
<ul>
|
||||
<li><a href="/association.html">Découvrir l'association</a></li>
|
||||
<li><a href="/blog">Actualités</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Documentation</h2>
|
||||
<ul>
|
||||
<li><a href="https://wiki.ti-nuage.fr">Wiki</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Services</h2>
|
||||
<ul>
|
||||
<li><a href="https://mon.ti-nuage.fr">Espace adhérents</a></li>
|
||||
<li><a href="/services.html">Tous les services</a></li>
|
||||
<li><a href="https://status.ti-nuage.fr/">Suivi des incidents</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
</nav>
|
||||
|
||||
<section class="Container">
|
||||
{% block article %}{% endblock %}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer mt128">
|
||||
<div class="Container">
|
||||
<p class="tad">Page générée le {{ moment(article.date).format('LL') }}.</p>
|
||||
<hr>
|
||||
<div class="Two-cols-One-row">
|
||||
<div>
|
||||
<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>
|
||||
<h2>Ti Nuage</h2>
|
||||
<p><em>Hébergeur associatif, transparent, éthique, militant et solidaire.</em></p>
|
||||
<p>
|
||||
Mairie - Le Vieux-Marché<br>
|
||||
11 place aux Chevaux<br>
|
||||
22420 Le Vieux Marché
|
||||
<b><a href="/cgu">Conditions Générales d'Utilisation</b></a>
|
||||
—
|
||||
<b><a href="/mentions_legales">Mentions légales</a></b>
|
||||
</p>
|
||||
<h5>Email</h5>
|
||||
<p>contact @ ti-nuage.fr</p>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user