frog-collective/frog-website
frog-collective
/
frog-website
5
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

fix social links #13

Merged
aallard merged 7 commits from feature/fix-social-links into main 2024-06-10 09:56:19 +00:00
Conversation 0 Commits 7 Files Changed 3 +11 -9
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 00a5353080 - Show all commits

12
src/lib/nav.html
View File

@ -18,22 +18,22 @@
</div>
<div class="nav-bar--separator"></div>
<div class="nav-bar--links">
<a href="mailto:contact@frog-collective.com">
<a class="nav-bar--link" href="mailto:contact@frog-collective.com">
<img src="/img/mail-fill.svg" alt-text="{{ gettext('Mail') }}"></img>
</a>
<a href="https://www.youtube.com/@FrogCoGames" target="_blank">
<a class="nav-bar--link" href="https://www.youtube.com/@FrogCoGames" target="_blank">
<img src="/img/youtube-fill.svg" alt-text="Youtube"></img>
</a>
<a href="https://www.twitch.tv/frogcollective" target="_blank">
<a class="nav-bar--link" href="https://www.twitch.tv/frogcollective" target="_blank">
<img src="/img/twitch-fill.svg" alt-text="Twitch"></img>
</a>
<a href="https://mastodon.social/@frogcollective" target="_blank">
<a class="nav-bar--link" href="https://mastodon.social/@frogcollective" target="_blank">
<img src="/img/mastodon-fill.svg" alt-text="Mastodon"></img>
</a>
<a href="https://x.com/FrogCoGames" target="_blank">
<a class="nav-bar--link" href="https://x.com/FrogCoGames" target="_blank">
<img src="/img/twitter-x-line.svg" alt-text="Twitter - X"></img>
</a>
<a href="https://www.facebook.com/profile.php?id=61560180067337" target="_blank">
<a class="nav-bar--link" href="https://www.facebook.com/profile.php?id=61560180067337" target="_blank">
<img src="/img/facebook-circle-fill.svg" alt-text="Facebook"></img>
</a>
</div>

8
src/lib/nav.scss
View File

@ -184,12 +184,10 @@
}
&--links {
height: var(--desktop-height);
display: flex;
justify-self: end;
align-self: center;
display: flex;
padding: var(--space-small);
img {
@ -197,5 +195,9 @@
filter: invert(100%);
}
}
&--link {
display: flex;
}
}