Disroot-themes
/
grav-theme-disrootblog
6
2
Fork 2
Code Pull Requests Releases Activity

style: Make footer look the same as in grav-theme-disroot 

Refs: /Disroot-themes/grav-theme-disroot/pulls/75/
This commit is contained in:
floss4good 2024-02-06 02:07:06 +02:00
parent 577231a53b
commit 39a51533af
Signed by untrusted user: floss4good
GPG Key ID: 5B948B4F4DAF819D
4 changed files with 89 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/media-queries.css
View File

@ -14,9 +14,15 @@
padding-right: 5px;
}
footer #footer-links {
text-align: center;
width: 100%;
}
/* Icons */
footer #footer-icons { display: none; }
footer #footer-logo { display: none; }
footer #footer-left { display: none; }
/* Go To Top Button */
#go-top { margin-left: -22px; }

89
css/style.css
View File

@ -1729,19 +1729,46 @@ footer {
justify-content: center;
text-align: center;
align-items: center;
height: 82px;
}
footer #footer-logo {
height: 45px;
width: 15%;
background: url("../images/d-white.png") no-repeat left center;
background-size: 40px 40px;
margin-left: 30px;
background: url("../images/d-white.png") no-repeat center;
background-size: contain;
margin-bottom: 0;
margin-left: 1dvw;
opacity: 0.7;
display: inline-block;
}
footer #footer-left {
display: flex;
width: 150px;
background: transparent;
align-items: center;
margin-left: 10px;
}
#footer-copyleft {
background: url("https://disroot.org/user/themes/disroot/images/by-sa.png") no-repeat center;
background-size: contain;
margin-bottom: 0;
margin-left: 1dvw;
opacity: 0.7;
}
#footer-logo a {
display: flex;
width: 45px;
height: 45px;
margin-bottom: 0;
}
#footer-copyleft a {
display: flex;
width: 120px;
height: 40px;
margin-bottom: 0;
}
footer .dot {
height: 5px;
width: 5px;
@ -1753,28 +1780,40 @@ footer {
footer #footer-links {
text-align: center;
width: 60%;
width: calc(100% - 300px);
}
footer ul.footer-links {
display: flex;
justify-content: center;
justify-content: space-evenly;
align-items: center;
padding-left: 0;
padding-left: 10%;
padding-right: 10%;
margin-bottom: 24px;
margin-top: 12px;
}
footer ul.footer-icons {
display: flex;
justify-content: end;
margin-right: 30px;
align-items: center;
}
footer ul.footer-icons-left {
display: inline-flex;
width: 100%;
justify-content: left;
align-items: center;
margin: 0;
padding: 0;
}
footer ul.footer-icons-right{
display: inline-flex;
width: 100%;
justify-content: right;
align-items: center;
margin: 0;
padding: 0;
}
footer div#footer-links ul li {
padding-left: 20px;
padding-right: 20px;
padding-left: 8px;
padding-right: 8px;
margin: 0;
padding-top: 13px;
font-weight: 600;
@ -1790,25 +1829,25 @@ footer {
}
footer #footer-icons {
width: 25%;
width: 150px;
background: transparent;
margin-left: auto;
margin-right: auto;
margin-right: 10px;
text-align: center;
margin-bottom: 24px;
margin-top: 12px;
}
footer #footer-icons ul li {
margin: 0;
padding-right: 10px;
padding-top: 10px;
text-align: right;
margin-right: 1dvw;;
text-align: center;
}
footer #footer-icons ul li .fa-fw {
display: flex;
color: white;
opacity: 0.7;
height: 45px;
align-items: center;
}
footer #footer-icons ul li .fa-fw:hover {

14
languages.yaml
View File

@ -1,24 +1,24 @@
en:
Terms_Of_Service: "Terms Of Service"
Privacy_Policy: "Privacy Policy"
Changelog: "Changelog"
Changelog: "Change­log"
fr:
Terms_Of_Service: "Conditions d'utilisation"
Privacy_Policy: "Politique de confidentialité"
Changelog: "Changelog"
Changelog: "Change­log"
es:
Terms_Of_Service: "Al utilizar cualquiera"
Privacy_Policy: "Política de Privacidad"
Changelog: "Changelog"
Changelog: "Change­log"
de:
Terms_Of_Service: "Nutzungsbedingungen"
Privacy_Policy: "Datenschutzerklärung"
Changelog: "Changelog"
Terms_Of_Service: "Nutzungs­bedingungen"
Privacy_Policy: "Datenschutz­erklärung"
Changelog: "Change­log"
it:
Terms_Of_Service: "Utilizzando i servizi"
Privacy_Policy: "Informativa sulla privacy"
Changelog: "Changelog"
Changelog: "Change­log"

20
templates/partials/footer.html.twig
View File

@ -6,22 +6,26 @@
</div>
</div>
<footer>
<div id="footer-logo" ><a href="{{ base_url }}/contact"></a></div>
<div id="footer-left">
<ul class="footer-icons-left">
<div id="footer-copyleft"><a href="https://git.disroot.org/Disroot/Website#license"></a></div>
</ul>
</div>
<div id="footer-links">
<ul class="footer-links">
<li>Copyleft Disroot.org</li>
<li><a href="{{ base_url }}/tos">{{ 'Terms_Of_Service'|t }}</a></li>
<li><span class="dot"></span></li>
<li><a href="https://disroot.org/tos">{{ 'Terms_Of_Service'|t }}</a></li>
<li><a href="{{ base_url }}/privacy_policy">{{ 'Privacy_Policy'|t }}</a></li>
<li><span class="dot"></span></li>
<li><a href="https://disroot.org/privacy_policy">{{ 'Privacy_Policy'|t }}</a></li>
<li><a href="{{ base_url }}/changelog">{{ 'Changelog'|t }}</a></li>
<li><span class="dot"></span></li>
<li><a href="https://disroot.org/changelog">{{ 'Changelog'|t }}</a></li>
<li><a href="{{ base_url }}/tor">{{ 'Tor Onion'|t }}</a></li>
</ul>
</div>
<div id="footer-icons">
<ul class="footer-icons">
<li><a href="https://nixnet.social/disroot"><i class="fa fa-mastodon fa-fw fa-3x"></i></a></li>
<li><a href="/blog.atom"><i class="fa fa-rss-square fa-fw fa-3x"></i></a></li>
<ul class="footer-icons-right">
<li><a href="https://nixnet.social/disroot"><i class="fa fa-mastodon fa-fw fa-3x"></i></a></li>
<li><a href="{{ base_url }}/blog.atom"><i class="fa fa-rss-square fa-fw fa-3x"></i></a></li>
</ul>
</div>
</footer>