EduardPrigoana/prigoana.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

optimize

Browse source
This commit is contained in:
EduardSkibidiGooner 2024-09-28 22:35:58 +03:00
parent 6a370f87f9
commit 59883061ca
3 changed files with 51 additions and 62 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
favicon.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 192 KiB

After

Width:  |  Height:  |  Size: 10 KiB

70
index.html
View file

@ -6,60 +6,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>prigoana.lol</title>
<style>
body {
background-color: black;
color: white;
font-family: monospace;
cursor: url('./cursor.cur'), auto;
}
.terminal {
background-color: black;
color: green;
padding: 20px;
text-align: center;
}
.terminal h1 {
color: lightgreen;
}
.terminal .command {
color: lightblue;
}
.terminal ul {
list-style: none;
padding: 0;
display: flex;
justify-content: center;
margin: 0;
}
.terminal li {
margin: 0 15px;
}
.terminal a {
color: white;
text-decoration: none;
cursor: url('./cursor.cur'), auto; /* Custom cursor for links */
}
.terminal a:hover {
text-decoration: underline;
}
#widget {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#album-cover img {
max-width: 150px;
max-height: 150px;
}
#song {
text-align: center;
}
a{ cursor: url('./cursor.cur'), auto;}
body{background-color:#000;color:#fff;font-family:monospace;cursor:url(./cursor.cur),auto}.terminal{background-color:#000;color:green;padding:20px;text-align:center}.terminal h1{color:lightgreen}.terminal .command{color:lightblue}.terminal ul{list-style:none;padding:0;display:flex;justify-content:center;margin:0}.terminal li{margin:0 15px}.terminal a{color:#fff;text-decoration:none}.terminal a:hover{text-decoration:underline}#widget{display:flex;flex-direction:column;align-items:center;justify-content:center}#album-cover img{max-width:150px;max-height:150px}#song{text-align:center;}
</style>
</head>
<body>
<div class="terminal">
<ul>
<li><a href="/CS/">CS</a></li>
@ -83,18 +33,14 @@
let url = 'https://lastfm-last-played.biancarosa.com.br/yetiuard/latest-song';
let songElement = document.querySelector('#song');
let albumCoverElement = document.querySelector('#album-cover');
fetch(url)
.then(function (response) {
return response.json();
}).then(function (json) {
songElement.innerHTML = json['track']['name'] + ' - ' + json['track']['artist']['#text'];
let albumName = json['track']['album']['#text'];
let albumHtml = '<div>' + albumName + '</div>';
songElement.innerHTML += albumHtml;
let albumImageUrl = json['track']['image'][2]['#text'];
albumCoverElement.innerHTML = '<img src="' + albumImageUrl + '" alt="Album Cover">';
fetch(url).then(function(response){return response.json()}).then(function(json){songElement.innerHTML=json.track.name+' - '+json.track.artist['#text'];let albumName=json.track.album['#text'];songElement.innerHTML+='<div>'+albumName+'</div>';let albumImageUrl=json.track.image[2]['#text'];albumCoverElement.innerHTML='<img src="'+albumImageUrl+'" alt="Album Cover">'});
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('./service-worker.js').then(function(registration) {
console.log('Service Worker registered with scope:', registration.scope);
}).catch(function(error) {
console.log('Service Worker registration failed:', error);
});
}
</script>
</body>
</html>

43
service-worker.js Normal file
View file

@ -0,0 +1,43 @@
const CACHE_NAME = 'v1';
const URLS_TO_CACHE = [
'./',
'./favicon.png',
'./cursor.cur',
'./index.js',
'https://unpkg.com/webamp/built/webamp.bundle.min.js',
'https://unpkg.com/butterchurn/lib/butterchurn.min.js',
'https://unpkg.com/butterchurn-presets/lib/butterchurnPresets.min.js',
'https://lastfm.freetls.fastly.net/'
];
self.addEventListener('install', function(event) {
event.waitUntil(
caches.open(CACHE_NAME)
.then(function(cache) {
return cache.addAll(URLS_TO_CACHE);
})
);
});
self.addEventListener('fetch', function(event) {
event.respondWith(
caches.match(event.request)
.then(function(response) {
return response || fetch(event.request);
})
);
});
self.addEventListener('activate', function(event) {
event.waitUntil(
caches.keys().then(function(cacheNames) {
return Promise.all(
cacheNames.map(function(cacheName) {
if (cacheName !== CACHE_NAME) {
return caches.delete(cacheName);
}
})
);
})
);
});