Improved spacing of social logos in footer.

This commit is contained in:
Stephan 2021-03-21 12:22:28 +01:00
parent 6778116845
commit b55f6eb00b
2 changed files with 28 additions and 25 deletions

View File

@ -848,8 +848,10 @@ footer {
justify-content: center;
flex-wrap: wrap;
}
.footer__wrapper .social-logo{
.footer__social_logo {
max-width: 30px;
display: inline-block;
padding-top: 0.25rem;
}
.footer__navitem {

View File

@ -80,30 +80,31 @@ __ ____________________
<div class="footer__wrapper">
<ul class="footer__nav">
<li class="footer__navitem -first">
<p>folgt uns auf:</p>
<a href="https://chaos.social/@HackerGeno" title="Mastodon">
{%- if '/images/mastodon_logo.svg'|asseturl -%}
<img alt="Mastodon Logo" class="social-logo" src="{{ '/images/mastodon_logo.svg'|asseturl }}"/>
{%- else -%}
Mastodon
{%- endif -%}
</a>
<p>Abonniere unseren Podcast:</p>
<a href="https://vebit.xyz/podcast/" title="Podcast">
{%- if '/images/wtf_podcast_logo.svg'|asseturl -%}
<img alt="WTF Podcast Logo" class="social-logo" src="{{ '/images/wtf_podcast_logo.svg'|asseturl }}"/>
{%- else -%}
Podcast
{%- endif -%}
</a>
<a href="https://vebit.xyz/wtf.xml" title="Podcast Feed">
{%- if '/images/rss_feed.svg'|asseturl -%}
<img alt="Podcast Feed" class="social-logo" src="{{ '/images/rss_feed.svg'|asseturl }}"/>
{%- else -%}
Podcast Feed
{%- endif -%}
</a>
<p>Folgt uns auf:<br>
<a href="https://chaos.social/@HackerGeno" title="Mastodon">
{%- if '/images/mastodon_logo.svg'|asseturl -%}
<img alt="Mastodon Logo" class="footer__social_logo" src="{{ '/images/mastodon_logo.svg'|asseturl }}"/>
{%- else -%}
Mastodon
{%- endif -%}
</a>
</p>
<p>Abonniere unseren Podcast:<br>
<a href="https://vebit.xyz/podcast/" title="Podcast">
{%- if '/images/wtf_podcast_logo.svg'|asseturl -%}
<img alt="WTF Podcast Logo" class="footer__social_logo" src="{{ '/images/wtf_podcast_logo.svg'|asseturl }}"/>
{%- else -%}
Podcast
{%- endif -%}
</a>
<a href="https://vebit.xyz/wtf.xml" title="Podcast Feed">
{%- if '/images/rss_feed.svg'|asseturl -%}
<img alt="Podcast Feed" class="footer__social_logo" src="{{ '/images/rss_feed.svg'|asseturl }}"/>
{%- else -%}
Podcast Feed
{%- endif -%}
</a>
</p>
</li>
<li class="footer__navitem -second">
WTF Kooperative eG<br/>