modules/footer.raw: régularisation du footer

This commit is contained in:
Adrien Bourmault 2024-02-29 12:20:51 +01:00
parent 5e0916f382
commit 22c7ab59eb
Signed by: neox
GPG Key ID: 2974E1D5F25DFCC8
2 changed files with 107 additions and 56 deletions

View File

@ -35,24 +35,25 @@
<a title="Page d'accueil du site Libre en Communs" <a title="Page d'accueil du site Libre en Communs"
href="https://www.a-lec.org/">page d'accueil</a>. href="https://www.a-lec.org/">page d'accueil</a>.
</p> </p>
</div> </div>
<nav id="footer_menu" aria-labelledby="navigation-3">
<ul role="list" id="footer_items"> <div id="footer_custom_nav">
<!-- Links from domain configuration [WEBSITE_FOOTER] --> <nav id="footer_menu" aria-labelledby="navigation-3">
<li role="listitem" class="footer_item"><a role="link" class="footer_item_link" href="https://creativecommons.org/licenses/by-sa/4.0/legalcode" title="Licence du site web de Association Libre en Communs ">Licence : CC BY-SA 4.0</a></li> <ul role="list" id="footer_items">
<li role="listitem" class="footer_item"><a role="link" class="footer_item_link" href="/mentions-legales.html" title="Mentions légales de Association Libre en Communs ">Mentions légales</a></li> <!-- Links from domain configuration [WEBSITE_FOOTER] -->
<li role="listitem" class="footer_item"><a role="link" class="footer_item_link" href="https://forge.a-lec.org/CA/reglement-interieur/src/branch/master/RI.pdf" title="Règlement intérieur de Association Libre en Communs ">Règlement intérieur</a></li> <li role="listitem" class="footer_item"><a role="link" class="footer_item_link" href="/mentions-legales.html" title="Mentions légales de Association Libre en Communs ">Mentions légales</a></li>
<li role="listitem" class="footer_item"><a role="link" class="footer_item_link" href="https://forge.a-lec.org/CA/statuts/src/branch/master/Statuts.pdf" title="Statuts de Association Libre en Communs ">Statuts</a></li> <li role="listitem" class="footer_item"><a role="link" class="footer_item_link" href="https://forge.a-lec.org/CA/reglement-interieur/src/branch/master/RI.pdf" title="Règlement intérieur de Association Libre en Communs ">Règlement intérieur</a></li>
<li role="listitem" class="footer_item"><a role="link" class="footer_item_link" href="/sitemap.html" title="Plan du site Association Libre en Communs">Plan du site</a></li> <li role="listitem" class="footer_item"><a role="link" class="footer_item_link" href="https://forge.a-lec.org/CA/statuts/src/branch/master/Statuts.pdf" title="Statuts de Association Libre en Communs ">Statuts</a></li>
<li role="listitem" class="footer_item"><a role="link" class="footer_item_link" href="/rss.xml" title="Flux RSS 2.0 Association Libre en Communs">Flux RSS 2.0</a></li> <li role="listitem" class="footer_item"><a role="link" class="footer_item_link" href="/sitemap.html" title="Plan du site Association Libre en Communs">Plan du site</a></li>
</ul> <li role="listitem" class="footer_item"><a role="link" class="footer_item_link" href="/rss.xml" title="Flux RSS 2.0 Association Libre en Communs">Flux RSS 2.0</a></li>
</nav> </ul>
</div> </nav>
<div id="footer_credit">
<div id="footer_credit"> <p id="footer_copyright">Copyright © 2024 Association Libre en Communs
<p id="footer_copyright">Copyright © 2024 Association Libre en Communs <a role="link" class="footer_item_link" href="https://creativecommons.org/licenses/by-sa/4.0/legalcode" title="Licence du site web de Association Libre en Communs ">sous licence CC BY-SA 4.0</a>
<a role="link" class="footer_item_link" href="https://creativecommons.org/licenses/by-sa/4.0/legalcode" title="Licence du site web de Association Libre en Communs ">sous licence CC BY-SA 4.0</a> </p>
</p> <p id="footer_tyto">Propulsé par <a role="link" class="footer_cr_link" href="https://tyto.echolib.re/" title="Site web officiel">Tyto - Littérateur</a> [<a role="link" class="footer_cr_link" href="https://forge.a-lec.org/echolib/tyto-litterateur" title="Tyto - Littérateur">Code source</a>]</p>
<p id="footer_tyto">Propulsé par <a role="link" class="footer_cr_link" href="https://tyto.echolib.re/" title="Site web officiel">Tyto - Littérateur</a> [<a role="link" class="footer_cr_link" href="https://forge.a-lec.org/echolib/tyto-litterateur" title="Tyto - Littérateur">Code source</a>]</p> </div>
</div>
</div> </div>
</footer> </footer>

View File

@ -58,28 +58,28 @@ article#article {
header#article_header {} header#article_header {}
img#article_logo { img#article_logo {
display: inline; display: inline;
vertical-align: middle; vertical-align: middle;
max-width: 100%; max-width: 100%;
height: auto; height: auto;
float: left; float: left;
margin-right: 1rem; margin-right: 1rem;
} }
h1#article_title { h1#article_title {
font-size: 150%; font-size: 150%;
margin-top: 30px; margin-top: 30px;
margin-bottom: 40px; margin-bottom: 40px;
} }
a#article_title_link { a#article_title_link {
color: var(--a-lec_blue_darker); color: var(--a-lec_blue_darker);
} }
div#article_refs { div#article_refs {
background-color: var(--a-lec_yellow); background-color: var(--a-lec_yellow);
float: right; float: right;
padding: 5px; padding: 5px;
font-size: 82%; font-size: 82%;
margin-bottom: 10px; margin-bottom: 10px;
margin-top: -3em; margin-top: -3em;
} }
a#post_code { a#post_code {
@ -93,8 +93,8 @@ a#post_code {
/* ! TOC */ /* ! TOC */
h2.toc_title { h2.toc_title {
font-size: 100%; font-size: 100%;
color: #808080; color: #808080;
} }
nav.toc {} nav.toc {}
ul.toc_items {} ul.toc_items {}
@ -369,37 +369,87 @@ footer#footer {
color: #FFF; color: #FFF;
height: 100%; height: 100%;
} }
div#footer_title { div#footer_title {
display: block; display: block;
font-size: 130%; font-size: 150%;
color: #FFF; color: #FFF;
font-weight: bold; font-weight: bold;
margin-top: 0px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
margin-left: 0px; padding: 20px;
} }
div#footer_about_menu { div#footer_about_menu {
display: block; display: flex;
margin-bottom: 10px; flex-direction: row;
border: 2px solid var(--a-lec_blue); margin-bottom: 10px;
border-top : unset; border-top : unset;
border-left: unset; border-left: unset;
border-right: unset; border-right: unset;
font-size: 90%; padding: 15px;
padding: 15px; }
div#footer_about {
display: flex;
flex-basis: 80%;
justify-content: center;
align-items: center;
}
p#footer_about_p {
font-size: 120%;
margin: 0px 0px 0px 0px;
}
p#footer_about_p a {
color: var(--a-lec_yellow);
font-weight: bold;
}
p#footer_about_p b {
color: var(--a-lec_blue);
font-weight: bold;
}
nav#footer_menu {
display: flex;
flex-basis: 30%;
justify-content: center;
align-items: center;
} }
div#footer_about {}
p#footer_about_p {}
nav#footer_menu {}
ul#footer_items { ul#footer_items {
color: var(--a-lec_yellow); color: var(--a-lec_yellow);
} }
li.footer_item {} li.footer_item {
a.footer_item_link {} text-align: justify;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
list-style-type: none;
}
a.footer_item_link {
color: var(--a-lec_yellow);
font-weight: bold;
}
a.footer_item_link:hover {
color: #000;
}
div#footer_credit {} div#footer_credit {}
p#footer_copyright {} p#footer_copyright {
p#footer_tyto {} text-align: center;
a.footer_cr_link {} font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
}
p#footer_tyto {
text-align: center;
padding-bottom: 10px;
margin: auto;
}
a.footer_cr_link {
color: var(--a-lec_blue);
font-weight: bold;
}
/* ---------------------------------------------------------------------------- /* ----------------------------------------------------------------------------
* Small screens * Small screens