sidski/kjelsrud.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

✨ add Grand Line webring

Browse source 
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
Sindre Kjelsrud 2024-04-24 20:22:16 +02:00
parent 11affefab8
commit a1ab8a78f2
Signed by: sidski
GPG key ID: D2BBDF3EDE6BA9A6
5 changed files with 26 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

9
public/socials/grandlinewebring.dark.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 97 KiB

9
public/socials/grandlinewebring.light.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 97 KiB

0
public/socials/webring_dark.svg → public/socials/xxiivvwebring_dark.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 294 B

After

Width:  |  Height:  |  Size: 294 B

Before After
Before After

0
public/socials/webring_light.svg → public/socials/xxiivvwebring_light.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 294 B

After

Width:  |  Height:  |  Size: 294 B

Before After
Before After

11
src/components/Footer.astro
View file

@ -4,13 +4,15 @@ const today = new Date();
<script type="module" client:load>
const githubImage = document.getElementById('githubImage');
const spotifyImage = document.getElementById('spotifyImage');
const webringImage = document.getElementById('webringImage');
const xxiivvwebringImage = document.getElementById('xxiivvwebringImage');
const grandlinewebringImage = document.getElementById('grandlinewebringImage');
const updateImageForTheme = () => {
const currentTheme = document.documentElement.classList.contains('dark') ? 'dark' : 'light';
githubImage.src = currentTheme === 'dark' ? '/socials/github_light.svg' : '/socials/github_dark.svg';
spotifyImage.src = currentTheme === 'dark' ? '/socials/spotify_light.svg' : '/socials/spotify_dark.svg';
webringImage.src = currentTheme === 'dark' ? '/socials/webring_light.svg' : '/socials/webring_dark.svg';
xxiivvwebringImage.src = currentTheme === 'dark' ? '/socials/xxiivvwebring_light.svg' : '/socials/xxiivvwebring_dark.svg';
grandlinewebringImage.src = currentTheme === 'dark' ? '/socials/grandlinewebring.light.svg' : '/socials/grandlinewebring.dark.svg';
};
updateImageForTheme();
@ -30,8 +32,11 @@ const today = new Date();
<a href="https://open.spotify.com/user/kjelsrud!" aria-label="Link to my Spotify" target="_blank">
<img id="spotifyImage" height="30" width="30" src="/socials/spotify_dark.svg" alt="Spotify"/>
</a>
<a href="https://webring.kjelsrud.dev/#sid" target="_blank" rel="noopener" target="_blank">
<img id="grandlinewebringImage" height="30" width="30" src="/socials/grandlinewebring.dark.svg" alt="Grand Line Webring"/>
</a>
<a href="https://webring.xxiivv.com/#sid" target="_blank" rel="noopener" target="_blank">
<img id="webringImage" height="30" width="30" src="/socials/webring_dark.svg" alt="XXIIVV webring"/>
<img id="xxiivvwebringImage" height="30" width="30" src="/socials/webring_dark.svg" alt="XXIIVV webring"/>
</a>
</div>
</footer>