nyansen/nicojensen.de
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change footer from text to icon based

Browse source
This commit is contained in:
Nico Jensen 2023-07-24 10:00:07 +02:00
parent 5a87a80320
commit cf2e0936c9
2 changed files with 41 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
_includes/footer.html
View file

@ -1,27 +1,38 @@
<footer class="site-footer clearfix">
<div class="wrapper">
{% if site.data.footer-links %}
<div id="footerlinks">
{% assign footerlinks = site.data.footer-links %}&nbsp;|&nbsp;
{% for footerlink in footerlinks %}
{% assign fkey = footerlink | first %}
<a href="{{footerlinks[fkey].href}}" title="{{footerlinks[fkey].title}}">{{footerlinks[fkey].title}}</a>&nbsp;|&nbsp;
{% endfor %}
</div>
<div id="footerlinks">
{% assign footerlinks = site.data.footer-links %}&nbsp;|&nbsp; {% for
footerlink in footerlinks %} {% assign fkey = footerlink | first %}
<a href="{{footerlinks[fkey].href}}" title="{{footerlinks[fkey].title}}"
>{{footerlinks[fkey].title}}</a
>&nbsp;|&nbsp; {% endfor %}
</div>
{% endif %} {% if site.data.social-media %}
<div id="social-media">
{% assign sm = site.data.social-media %} {% for entry in sm%} {% assign
key = entry | first %} {% if sm[key].footer %} {% if sm[key].id %}
<a
href="{{sm[key].href}}{{sm[key].id}}"
title="{{sm[key].title}}"
target="_blank"
rel="noopener {{sm[key].rel}}"
><img
src="/assets/images/sm_logos/{{sm[key].logo]}}"
height="32px"
alt="{{sm[key].link}}"
/></a>
{% endif %} {% endif %} {% endfor %}
</div>
{% endif %}
{% if site.data.social-media %}
<div id="social-media">
{% assign sm = site.data.social-media %}&nbsp;|&nbsp;
{% for entry in sm%}
{% assign key = entry | first %}
{% if sm[key].footer %}
{% if sm[key].id %}
<a href="{{sm[key].href}}{{sm[key].id}}" title="{{sm[key].title}}" target="_blank" rel="noopener {{sm[key].rel}}">{{sm[key].link}}</a>&nbsp;|&nbsp;
{% endif %}
{% endif %}
{% endfor %}
</div>
{% endif %}
<p>Handmade with <span class="entypo red">♥</span> in <a href="https://www.stadt-stade.info/" target="_blank" rel="noopener noreferrer">Hansestadt Stade</a><br />&copy; {{'now' | date: "%Y"}} Nico Jensen</p>
<p>
Handmade with <span class="entypo red">♥</span> in
<a
href="https://www.stadt-stade.info/"
target="_blank"
rel="noopener noreferrer"
>Hansestadt Stade</a
><br />&copy; {{'now' | date: "%Y"}} Nico Jensen
</p>
</div>
</footer>

8
_sass/main.scss
View file

@ -267,3 +267,11 @@ footer.site-footer {
.ratingSet {
color: rgba(255, 144, 163, 1);
}
div#social-media {
margin-top: 18px;
}
div#social-media a {
margin: 0 6px;
}