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 -11
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit b3b6e1c658 - Show all commits

12
src/lib/nav.html
View File

@ -19,22 +19,22 @@
<div class="nav-bar--separator"></div> <div class="nav-bar--separator"></div>
<div class="nav-bar--links"> <div class="nav-bar--links">
<a class="nav-bar--link" 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> <img class="nav-bar--link-icon" src="/img/mail-fill.svg" alt-text="{{ gettext('Mail') }}"></img>
</a> </a>
<a class="nav-bar--link" 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> <img class="nav-bar--link-icon" src="/img/youtube-fill.svg" alt-text="Youtube"></img>
</a> </a>
<a class="nav-bar--link" 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> <img class="nav-bar--link-icon" src="/img/twitch-fill.svg" alt-text="Twitch"></img>
</a> </a>
<a class="nav-bar--link" 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> <img class="nav-bar--link-icon" src="/img/mastodon-fill.svg" alt-text="Mastodon"></img>
</a> </a>
<a class="nav-bar--link" 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> <img class="nav-bar--link-icon" src="/img/twitter-x-line.svg" alt-text="Twitter - X"></img>
</a> </a>
<a class="nav-bar--link" 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> <img class="nav-bar--link-icon" src="/img/facebook-circle-fill.svg" alt-text="Facebook"></img>
</a> </a>
</div> </div>
<div class="nav-bar--separator"></div> <div class="nav-bar--separator"></div>

10
src/lib/nav.scss
View File

@ -189,15 +189,15 @@
align-self: center; align-self: center;
padding: var(--space-small); padding: var(--space-small);
img {
width: 2em;
filter: invert(100%);
}
} }
&--link { &--link {
display: flex; display: flex;
} }
&--link-icon {
width: 2em;
filter: invert(100%);
}
} }