Disroot-themes/grav-theme-disroot
Disroot-themes
/
grav-theme-disroot
7
2
Fork 0
Code Pull Requests Releases Activity

add cc-by-sa icon

This commit is contained in:
avg_joe 2023-11-18 21:16:39 +01:00
parent e1750e39b5
commit 7bad826337
Signed by: avg_joe
GPG Key ID: FA6644140512EF0E
4 changed files with 85 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/media-queries.css
View File

@ -320,9 +320,16 @@ div#nav-logo {
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; }

93
css/style.css
View File

@ -1181,14 +1181,42 @@ footer {
align-items: center;
}
footer #footer-logo {
height: 45px;
width: 15%;
background: url("../images/d-white.png") no-repeat left center;
background-size: 40px 40px;
margin-left: 30px;
footer #footer-left {
display:flex;
width: 175px;
background: transparent;
align-items: center;
margin-left: 10px;
}
#footer-logo {
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-copyleft {
background: url("../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: 90px;
height: 35px;
margin-bottom:0;
}
footer .dot {
@ -1202,26 +1230,45 @@ footer .dot {
footer #footer-links {
text-align: center;
width: 100%;
width: calc(100% - 350px);
}
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%;
}
footer ul.footer-icons {
display: flex;
justify-content: end;
margin-right: 10%;
footer #footer-icons {
width: 175px;
background: transparent;
text-align: center;
margin-right: 10px;
}
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: 2%;
padding-right: 2%;
padding-left: 8px;
padding-right: 8px;
margin: 0;
padding-top: 13px;
}
@ -1233,24 +1280,16 @@ footer #footer-links a:hover {
color: #FFFFFF;
}
footer #footer-icons {
width: 25%;
background: transparent;
margin-left: auto;
margin-right: auto;
text-align: center;
}
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 {
color: white;
opacity: 0.7;
width: 45px;
}
footer #footer-icons ul li .fa-fw:hover {

BIN
images/by-sa.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

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

@ -1,11 +1,18 @@
<footer>
<div id="footer-logo" >
<ul class="footer-icons"></ul>
<div id="footer-left" >
<ul class="footer-icons-left">
<div id="footer-logo">
<a href="{{ base_url == '' ? '/#home' : base_url }}"></a>
</div>
<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><span class="dot"></span></li>
{#<li><a href="https://git.disroot.org/Disroot/Website#license">{{ 'Copyleft Disroot.org'|t }}</a></li>
<li><span class="dot"></span></li>#}
<li><a href="{{ base_url }}/tos">{{ 'Terms_Of_Service'|t }}</a></li>
<li><span class="dot"></span></li>
<li><a href="{{ base_url }}/privacy_policy">{{ 'Privacy_Policy'|t }}</a></li>
@ -16,7 +23,7 @@
</ul>
</div>
<div id="footer-icons">
<ul class="footer-icons">
<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>