Jonas_Jones/jonasjones.dev
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/jonasjones.dev.git synced 2025-10-23 08:59:19 +02:00
Code Issues Projects Releases Packages Wiki Activity

code refactor

Browse source
This commit is contained in:
Jonas_Jones 2023-07-24 15:28:39 +02:00
parent c10e75ac36
commit d63ed25e1a
13 changed files with 386 additions and 405 deletions
Download patch file Download diff file Expand all files Collapse all files

77
src/components/NavBar.svelte
View file

@ -32,8 +32,6 @@
<p id="lastfm_artist"></p>
</div>
</div>
<div class="navigation-menu {showMenu ? 'show' : ''}">
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="hamburger-menu close-button {showMenu ? 'open' : ''}" on:click={toggleMenu}>
@ -49,9 +47,9 @@
</div>
</div>
<div class="unsupported"><TooSmallDimsOverlay /></div>
<div class="unsupported">
<TooSmallDimsOverlay />
</div>
<script>
let showMenu = false;
@ -60,20 +58,20 @@
showMenu = !showMenu;
}
import TooSmallDimsOverlay from './TooSmallDimsOverlay.svelte';
import TooSmallDimsOverlay from './TooSmallDimsOverlay.svelte';
let navLinks = [
{ name: 'Home', url: '/' },
{ name: 'Projects', url: '/projects'},
{ name: 'For The Based™', url: '/based'},
{ name: 'Status', url: '/status'},
{ name: 'About', url: '/about' }
];
let navLinks = [
{ name: 'Home', url: '/' },
{ name: 'Projects', url: '/projects'},
{ name: 'For The Based™', url: '/based'},
{ name: 'Status', url: '/status'},
{ name: 'About', url: '/about' }
];
// @ts-ignore
let miscLinks = [
{ name: 'For The Based&trade;', url: '/based'}
]
// @ts-ignore
let miscLinks = [
{ name: 'For The Based&trade;', url: '/based'}
]
const fetch_url = "https://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=Jonas_Jones&api_key=57c0ca64285c7ca676bb8c2acf320f41&format=json&limit=1"
/**
@ -97,37 +95,36 @@
//let song_title = truncateString("WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWw");
let artist = truncateString(data.recenttracks.track[0].artist['\#text']);
try {
// @ts-ignore
document.getElementById("lastfm_title").innerHTML = song_title;
// @ts-ignore
document.getElementById("lastfm_artist").innerHTML = artist;
// @ts-ignore
document.getElementById("lastfm_logo").style.backgroundImage = `url(${album_cover})`;
} catch (error) {}
try {
// @ts-ignore
document.getElementById("lastfm_title").innerHTML = song_title;
// @ts-ignore
document.getElementById("lastfm_artist").innerHTML = artist;
// @ts-ignore
document.getElementById("lastfm_logo").style.backgroundImage = `url(${album_cover})`;
} catch (error) {}
try {
let is_playing = data.recenttracks.track[0]['\@attr'].nowplaying;
if (is_playing == "true") {
// @ts-ignore
document.getElementById("lastfm_logo_overlay").src="/equalizer.gif";
} else {
try {
let is_playing = data.recenttracks.track[0]['\@attr'].nowplaying;
if (is_playing == "true") {
// @ts-ignore
document.getElementById("lastfm_logo_overlay").src="/equalizer.gif";
} else {
// @ts-ignore
document.getElementById("lastfm_logo_overlay").src="/pause-icon-256.png";
}
} catch (error) {
try {
// @ts-ignore
document.getElementById("lastfm_logo_overlay").src="/pause-icon-256.png";
}
} catch (error) {
try {
// @ts-ignore
document.getElementById("lastfm_logo_overlay").src="/pause-icon-256.png";
} catch (error) {}
}
} catch (error) {}
}
}
fetchLastFmData();
setInterval(fetchLastFmData, 15000);
</script>
<style>
.hamburger-menu {
position: relative;