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

@ -36,23 +36,24 @@
href="https://www.a-lec.org/">page d'accueil</a>.
</p>
</div>
<nav id="footer_menu" aria-labelledby="navigation-3">
<ul role="list" id="footer_items">
<!-- Links from domain configuration [WEBSITE_FOOTER] -->
<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>
<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/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="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="/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="/rss.xml" title="Flux RSS 2.0 Association Libre en Communs">Flux RSS 2.0</a></li>
</ul>
</nav>
</div>
<div id="footer_credit">
<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>
</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 id="footer_custom_nav">
<nav id="footer_menu" aria-labelledby="navigation-3">
<ul role="list" id="footer_items">
<!-- Links from domain configuration [WEBSITE_FOOTER] -->
<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/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="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="/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="/rss.xml" title="Flux RSS 2.0 Association Libre en Communs">Flux RSS 2.0</a></li>
</ul>
</nav>
<div id="footer_credit">
<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>
</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>
</footer>

View File

@ -58,28 +58,28 @@ article#article {
header#article_header {}
img#article_logo {
display: inline;
vertical-align: middle;
max-width: 100%;
height: auto;
float: left;
margin-right: 1rem;
display: inline;
vertical-align: middle;
max-width: 100%;
height: auto;
float: left;
margin-right: 1rem;
}
h1#article_title {
font-size: 150%;
margin-top: 30px;
margin-bottom: 40px;
font-size: 150%;
margin-top: 30px;
margin-bottom: 40px;
}
a#article_title_link {
color: var(--a-lec_blue_darker);
color: var(--a-lec_blue_darker);
}
div#article_refs {
background-color: var(--a-lec_yellow);
float: right;
padding: 5px;
font-size: 82%;
margin-bottom: 10px;
margin-top: -3em;
background-color: var(--a-lec_yellow);
float: right;
padding: 5px;
font-size: 82%;
margin-bottom: 10px;
margin-top: -3em;
}
a#post_code {
@ -93,8 +93,8 @@ a#post_code {
/* ! TOC */
h2.toc_title {
font-size: 100%;
color: #808080;
font-size: 100%;
color: #808080;
}
nav.toc {}
ul.toc_items {}
@ -369,37 +369,87 @@ footer#footer {
color: #FFF;
height: 100%;
}
div#footer_title {
display: block;
font-size: 130%;
font-size: 150%;
color: #FFF;
font-weight: bold;
margin-top: 0px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
padding: 20px;
}
div#footer_about_menu {
display: block;
margin-bottom: 10px;
border: 2px solid var(--a-lec_blue);
border-top : unset;
border-left: unset;
border-right: unset;
font-size: 90%;
padding: 15px;
display: flex;
flex-direction: row;
margin-bottom: 10px;
border-top : unset;
border-left: unset;
border-right: unset;
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 {
color: var(--a-lec_yellow);
}
li.footer_item {}
a.footer_item_link {}
li.footer_item {
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 {}
p#footer_copyright {}
p#footer_tyto {}
a.footer_cr_link {}
p#footer_copyright {
text-align: center;
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