remove playlists add a guide
This commit is contained in:
EduardSkibidiEdger
parent
b38f0cf15e
commit
b843c61639
6 changed files with 64 additions and 568 deletions
76
guides.html
76
guides.html
|
|
@ -47,6 +47,11 @@
|
||||||
h3, h4 {
|
h3, h4 {
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
|
h4 {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 15px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
.guide {
|
.guide {
|
||||||
cursor: url(./link.cur), auto;
|
cursor: url(./link.cur), auto;
|
||||||
}
|
}
|
||||||
|
|
@ -107,12 +112,15 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h3>Guides</h3>
|
<h3>Guides</h3>
|
||||||
|
<br>
|
||||||
<h4 class="guide" id="adBlockingBtn">Ad Blocking</h4>
|
<div style="display: flex; justify-content: center;">
|
||||||
|
<h4 class="guide" id="adBlockingBtn">Ad Blocking</h4>
|
||||||
|
<h4 class="guide" id="spotifyBtn">Spotify</h4>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="adBlockingModal" class="modal">
|
<div id="adBlockingModal" class="modal">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<span class="close" id="closeModal">×</span>
|
<span class="close" id="closeAdBlockingModal">×</span>
|
||||||
<h3>Ad Blocking</h3>
|
<h3>Ad Blocking</h3>
|
||||||
<p>Add these 2 extensions to your browser:</p>
|
<p>Add these 2 extensions to your browser:</p>
|
||||||
<p><a href="https://chromewebstore.google.com/detail/ublock-origin-lite/ddkjiahejlhfcafbddmgiahcphecmpfh">uBlock Origin Lite</a> <a href="https://chromewebstore.google.com/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm">uBlock Origin</a></p>
|
<p><a href="https://chromewebstore.google.com/detail/ublock-origin-lite/ddkjiahejlhfcafbddmgiahcphecmpfh">uBlock Origin Lite</a> <a href="https://chromewebstore.google.com/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm">uBlock Origin</a></p>
|
||||||
|
|
@ -125,24 +133,66 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<div id="spotifyModal" class="modal">
|
||||||
var modal = document.getElementById("adBlockingModal");
|
<div class="modal-content">
|
||||||
var btn = document.getElementById("adBlockingBtn");
|
<span class="close" id="closeSpotifyModal">×</span>
|
||||||
var close = document.getElementById("closeModal");
|
<h3>Spotify</h3>
|
||||||
|
<strong><u><p>Android</p></u></strong>
|
||||||
|
<p>go to <a href="https://github.com/Team-xManager/xManager/releases/latest">xManager's release page</a> and download the APK file there. Install it, open xManager, and sign in.</p>
|
||||||
|
<strong><u><p>iOS</p></u></strong>
|
||||||
|
<p>iOS sideloading is complicated, and there are lots of paid and free ways to sideload. <a href="https://github.com/SpotCompiled/SpotC-Plus-Plus/releases/latest">here's what tweaked iOS spotify client I would recommend</a>, and <a href="https://sideloading.gitbook.io/">here is a sideloading guide.</p></a>
|
||||||
|
<strong><u><p>Desktop</p></u></strong>
|
||||||
|
<p>Windows: download and run <a href="https://raw.githack.com/amd64fox/SpotX/main/Install_New_theme.bat">this powershell file</a>.</p>
|
||||||
|
<p>macOS and Linux: run this in a terminal: bash <(curl -sSL https://spotx-official.github.io/run.sh)</p>
|
||||||
|
<p>Browser: Follow <a href="./guides.html#adBlocking">my ad-blocking guide</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
btn.onclick = function() {
|
<script>
|
||||||
modal.style.display = "flex";
|
var adBlockingModal = document.getElementById("adBlockingModal");
|
||||||
|
var adBlockingBtn = document.getElementById("adBlockingBtn");
|
||||||
|
var closeAdBlocking = document.getElementById("closeAdBlockingModal");
|
||||||
|
|
||||||
|
var spotifyModal = document.getElementById("spotifyModal");
|
||||||
|
var spotifyBtn = document.getElementById("spotifyBtn");
|
||||||
|
var closeSpotify = document.getElementById("closeSpotifyModal");
|
||||||
|
|
||||||
|
adBlockingBtn.onclick = function() {
|
||||||
|
adBlockingModal.style.display = "flex";
|
||||||
}
|
}
|
||||||
|
|
||||||
close.onclick = function() {
|
closeAdBlocking.onclick = function() {
|
||||||
modal.style.display = "none";
|
adBlockingModal.style.display = "none";
|
||||||
|
}
|
||||||
|
|
||||||
|
spotifyBtn.onclick = function() {
|
||||||
|
spotifyModal.style.display = "flex";
|
||||||
|
}
|
||||||
|
|
||||||
|
closeSpotify.onclick = function() {
|
||||||
|
spotifyModal.style.display = "none";
|
||||||
}
|
}
|
||||||
|
|
||||||
window.onclick = function(event) {
|
window.onclick = function(event) {
|
||||||
if (event.target == modal) {
|
if (event.target == adBlockingModal) {
|
||||||
modal.style.display = "none";
|
adBlockingModal.style.display = "none";
|
||||||
|
}
|
||||||
|
if (event.target == spotifyModal) {
|
||||||
|
spotifyModal.style.display = "none";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function showModalFromHash() {
|
||||||
|
const hash = window.location.hash;
|
||||||
|
if (hash === '#adBlocking') {
|
||||||
|
adBlockingModal.style.display = "flex";
|
||||||
|
} else if (hash === '#spotify') {
|
||||||
|
spotifyModal.style.display = "flex";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
window.onload = showModalFromHash;
|
||||||
|
window.onhashchange = showModalFromHash;
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -15,18 +15,11 @@
|
||||||
<li><a href="./projects">projects</a></li>
|
<li><a href="./projects">projects</a></li>
|
||||||
<li><a href="./about">about</a></li>
|
<li><a href="./about">about</a></li>
|
||||||
<li><a href="./guides">guides</a></li>
|
<li><a href="./guides">guides</a></li>
|
||||||
<li class="dropdown">
|
|
||||||
<a href="#" class="dropbtn">playlists</a>
|
|
||||||
<div class="dropdown-content">
|
|
||||||
<a href="./">Eduard (👅)</a>
|
|
||||||
<a href="./playlists/noah/">Noah (Yep)</a>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<!-- New Disguise Dropdown -->
|
<!-- New Disguise Dropdown -->
|
||||||
<li class="dropdown">
|
<li class="dropdown">
|
||||||
<a href="#" class="dropbtn">disguise</a>
|
<a href="#" class="dropbtn">disguise</a>
|
||||||
<div class="dropdown-content">
|
<div class="dropdown-content">
|
||||||
<a href="#" data-title="prigoana.lol" data-icon="./favicon.png">Bases</a>
|
<a href="#" data-title="prigoana.lol" data-icon="./favicon.png">Base</a>
|
||||||
<a href="#" data-title="Home" data-icon="https://www.gstatic.com/classroom/ic_product_classroom_144.png">Classroom</a>
|
<a href="#" data-title="Home" data-icon="https://www.gstatic.com/classroom/ic_product_classroom_144.png">Classroom</a>
|
||||||
<a href="#" data-title="Home - Google Drive" data-icon="https://ssl.gstatic.com/docs/doclist/images/drive_2022q3_32dp.png">Drive</a>
|
<a href="#" data-title="Home - Google Drive" data-icon="https://ssl.gstatic.com/docs/doclist/images/drive_2022q3_32dp.png">Drive</a>
|
||||||
<a href="#" data-title="Google Docs" data-icon="https://ssl.gstatic.com/docs/documents/images/kix-favicon-2023q4.ico">Docs</a>
|
<a href="#" data-title="Google Docs" data-icon="https://ssl.gstatic.com/docs/documents/images/kix-favicon-2023q4.ico">Docs</a>
|
||||||
|
|
|
||||||
|
|
@ -1,58 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<link rel="icon" type="image/x-icon" href="/favicon.png">
|
|
||||||
<link rel="manifest" href="/manifest.json">
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>prigoana.lol</title>
|
|
||||||
<link rel="stylesheet" href="/common.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<div class="terminal">
|
|
||||||
<ul class="navbar">
|
|
||||||
<li><a href="/">back</a></li>
|
|
||||||
<li class="dropdown">
|
|
||||||
<a href="#" class="dropbtn">playlists</a>
|
|
||||||
<div class="dropdown-content">
|
|
||||||
<a href="/">Eduard (👅)</a>
|
|
||||||
<a href="/playlists/noah/">Noah (Yep)</a>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="dropdown">
|
|
||||||
<a href="#" class="dropbtn">disguise</a>
|
|
||||||
<div class="dropdown-content">
|
|
||||||
<a href="#" data-title="prigoana.lol" data-icon="./favicon.png">Base</a>
|
|
||||||
<a href="#" data-title="Home" data-icon="https://www.gstatic.com/classroom/ic_product_classroom_144.png">Classroom</a>
|
|
||||||
<a href="#" data-title="Home - Google Drive" data-icon="https://ssl.gstatic.com/docs/doclist/images/drive_2022q3_32dp.png">Drive</a>
|
|
||||||
<a href="#" data-title="Google Docs" data-icon="https://ssl.gstatic.com/docs/documents/images/kix-favicon-2023q4.ico">Docs</a>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<p style="line-height: 50px; height: 200px;"> </p>
|
|
||||||
<div id="app"></div>
|
|
||||||
<p style="line-height: 50px; height: 230px;"> </p>
|
|
||||||
</main>
|
|
||||||
<footer>
|
|
||||||
</footer>
|
|
||||||
<script src="https://unpkg.com/webamp/built/webamp.bundle.min.js"></script>
|
|
||||||
<script src="https://unpkg.com/butterchurn/lib/butterchurn.min.js"></script>
|
|
||||||
<script src="https://unpkg.com/butterchurn-presets/lib/butterchurnPresets.min.js"></script>
|
|
||||||
<script src="./index.js"></script>
|
|
||||||
<script>
|
|
||||||
if ('serviceWorker' in navigator) {
|
|
||||||
navigator.serviceWorker.register('./service-worker.js')
|
|
||||||
.then(registration => {
|
|
||||||
console.log('Service Worker registered with scope:', registration.scope);
|
|
||||||
})
|
|
||||||
.catch(error => {
|
|
||||||
console.log('Service Worker registration failed:', error);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,352 +0,0 @@
|
||||||
const Webamp = window.Webamp;
|
|
||||||
const webamp = new Webamp({
|
|
||||||
initialTracks: [
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Dave",
|
|
||||||
"title": "Sprinter"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/01.%20Dave%20-%20Sprinter.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Coolio",
|
|
||||||
"title": "Gangsta's Paradise"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/02.%20Coolio%20-%20Gangsta's%20Paradise.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Central Cee",
|
|
||||||
"title": "BAND4BAND"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/03.%20Central%20Cee%20-%20BAND4BAND.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Central Cee",
|
|
||||||
"title": "Doja"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/04.%20Central%20Cee%20-%20Doja.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "BenzZ",
|
|
||||||
"title": "Je M'appelle"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/05.%20BenzZ%20-%20Je%20M'appelle.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Aitch",
|
|
||||||
"title": "Rain"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/06.%20Aitch%20-%20Rain.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "21 Savage",
|
|
||||||
"title": "redrum"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/07.%2021%20Savage%20-%20redrum.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "ArrDee",
|
|
||||||
"title": "Oliver Twist"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/08.%20ArrDee%20-%20Oliver%20Twist.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "SR",
|
|
||||||
"title": "Welcome To Brixton"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/09.%20SR%20-%20Welcome%20To%20Brixton.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Hzino",
|
|
||||||
"title": "Violation"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/10.%20Hzino%20-%20Violation.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Tion Wayne",
|
|
||||||
"title": "Body (Remix) [feat. ArrDee, E1 (3x3), ZT (3x3), Bugzy Malone, Buni, Fivio Foreign & Darkoo]"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/11.%20Tion%20Wayne%20-%20Body%20(Remix)%20[feat.%20ArrDee,%20E1%20(3x3),%20ZT%20(3x3),%20Bugzy%20Malone,%20Buni,%20Fivio%20Foreign%20&%20Darkoo].flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Russ Millions",
|
|
||||||
"title": "Body"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/12.%20Russ%20Millions%20-%20Body.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Central Cee",
|
|
||||||
"title": "Day in the Life"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/13.%20Central%20Cee%20-%20Day%20in%20the%20Life.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Central Cee",
|
|
||||||
"title": "Loading"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/14.%20Central%20Cee%20-%20Loading.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "OTP",
|
|
||||||
"title": "BM"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/15.%20OTP%20-%20BM.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Central Cee",
|
|
||||||
"title": "Commitment Issues"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/16.%20Central%20Cee%20-%20Commitment%20Issues.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Central Cee",
|
|
||||||
"title": "Obsessed With You"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/17.%20Central%20Cee%20-%20Obsessed%20With%20You.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Central Cee",
|
|
||||||
"title": "6 For 6"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/18.%20Central%20Cee%20-%206%20For%206.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Central Cee",
|
|
||||||
"title": "Khabib"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/19.%20Central%20Cee%20-%20Khabib.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Central Cee",
|
|
||||||
"title": "Retail Therapy"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/20.%20Central%20Cee%20-%20Retail%20Therapy.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Central Cee",
|
|
||||||
"title": "Daily Duppy (feat. GRM Daily)"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/21.%20Central%20Cee%20-%20Daily%20Duppy%20(feat.%20GRM%20Daily).flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Asake",
|
|
||||||
"title": "Wave"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/22.%20Asake%20-%20Wave.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Dave",
|
|
||||||
"title": "UK Rap"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/23.%20Dave%20-%20UK%20Rap.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Central Cee",
|
|
||||||
"title": "gen z luv"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/24.%20Central%20Cee%20-%20gen%20z%20luv.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "BenzZ",
|
|
||||||
"title": "Je M'appelle (Remix)"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/25.%20BenzZ%20-%20Je%20M'appelle%20(Remix).flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "BenzZ",
|
|
||||||
"title": "Alors Alors"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/26.%20BenzZ%20-%20Alors%20Alors.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Ice Spice",
|
|
||||||
"title": "Did It First"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/27.%20Ice%20Spice%20-%20Did%20It%20First.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "The Police",
|
|
||||||
"title": "Every Breath You Take (Remastered 2003)"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/28.%20The%20Police%20-%20Every%20Breath%20You%20Take%20(Remastered%202003).flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Dave",
|
|
||||||
"title": "Trojan Horse"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/29.%20Dave%20-%20Trojan%20Horse.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Russ Millions",
|
|
||||||
"title": "Reggae & Calypso (Russ Millions x Buni x YV)"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/30.%20Russ%20Millions%20-%20Reggae%20&%20Calypso%20(Russ%20Millions%20x%20Buni%20x%20YV).flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Canking",
|
|
||||||
"title": "lemme land"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/31.%20Canking%20-%20lemme%20land_.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "ArrDee",
|
|
||||||
"title": "Oliver Twist"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/32.%20ArrDee%20-%20Oliver%20Twist.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Russ Millions",
|
|
||||||
"title": "Big Shark"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/33.%20Russ%20Millions%20-%20Big%20Shark.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "SR",
|
|
||||||
"title": "What's Good"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/34.%20SR%20-%20What's%20Good.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "D38",
|
|
||||||
"title": "No Miming"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/35.%20D38%20-%20D38%20-%20No%20Miming.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Russ Millions",
|
|
||||||
"title": "Talk To Me Nice"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/36.%20Russ%20Millions%20-%20Talk%20To%20Me%20Nice.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Dave",
|
|
||||||
"title": "Thiago Silva"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/37.%20Dave%20-%20Thiago%20Silva.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Russ Millions",
|
|
||||||
"title": "6:30"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/38.%20Russ%20Millions%20-%206_30.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "Oasis",
|
|
||||||
"title": "Champagne Supernova"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/39.%20Oasis%20-%20Champagne%20Supernova.flac"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"metaData": {
|
|
||||||
"artist": "New Music Masters",
|
|
||||||
"title": "Can't Hold Us (Like the Ceiling Can't Hold Us)"
|
|
||||||
},
|
|
||||||
"url": "https://eduardskibidiedger.github.io/noah1/40.%20New%20Music%20Masters%20-%20Can't%20Hold%20Us%20(Like%20the%20Ceiling%20Can't%20Hold%20Us).flac"
|
|
||||||
},
|
|
||||||
],
|
|
||||||
initialSkin: {
|
|
||||||
url: "../../skins/PurpleGlow.wsz",
|
|
||||||
},
|
|
||||||
availableSkins: [
|
|
||||||
{
|
|
||||||
url: "../../skins/Axon.wsz",
|
|
||||||
name: "Axon",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
url: "../../skins/m-lo_black.wsz",
|
|
||||||
name: "Black",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
url: "../../skins/PurpleGlow.wsz",
|
|
||||||
name: "Purple Glow",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
url: "../../skins/purpleplayer.wsz",
|
|
||||||
name: "Purple",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
url: "../../skins/TSWNN.wsz",
|
|
||||||
name: "TSWNN",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
url: "../../skins/Vaporwave.wsz",
|
|
||||||
name: "Vaporwave",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
__butterchurnOptions: {
|
|
||||||
importButterchurn: () => Promise.resolve(window.butterchurn),
|
|
||||||
getPresets: () => {
|
|
||||||
const presets = window.butterchurnPresets.getPresets();
|
|
||||||
return Object.keys(presets).map((name) => {
|
|
||||||
return {
|
|
||||||
name,
|
|
||||||
butterchurnPresetObject: presets[name],
|
|
||||||
};
|
|
||||||
});
|
|
||||||
},
|
|
||||||
butterchurnOpen: true,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
// Disguise Dropdown Functionality
|
|
||||||
document.querySelectorAll('.dropdown-content a[data-title]').forEach(function(element) {
|
|
||||||
element.addEventListener('click', function(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
const newTitle = this.getAttribute('data-title');
|
|
||||||
const newIcon = this.getAttribute('data-icon');
|
|
||||||
|
|
||||||
// Change the document title
|
|
||||||
document.title = newTitle;
|
|
||||||
|
|
||||||
// Change the favicon
|
|
||||||
const favicon = document.getElementById('favicon');
|
|
||||||
if (favicon) {
|
|
||||||
favicon.href = newIcon;
|
|
||||||
} else {
|
|
||||||
const link = document.createElement('link');
|
|
||||||
link.id = 'favicon';
|
|
||||||
link.rel = 'icon';
|
|
||||||
link.type = 'image/x-icon';
|
|
||||||
link.href = newIcon;
|
|
||||||
document.head.appendChild(link);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
webamp.renderWhenReady(document.getElementById("app"));
|
|
||||||
|
|
@ -1,58 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<link rel="icon" type="image/x-icon" href="./favicon.png">
|
|
||||||
<link rel="manifest" href="./manifest.json">
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>prigoana.lol</title>
|
|
||||||
<link rel="stylesheet" href="../../common.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<div class="terminal">
|
|
||||||
<ul class="navbar">
|
|
||||||
<li><a href="../../">back</a></li>
|
|
||||||
<li class="dropdown">
|
|
||||||
<a href="#" class="dropbtn">playlists</a>
|
|
||||||
<div class="dropdown-content">
|
|
||||||
<a href="../../">Eduard (👅)</a>
|
|
||||||
<a href="../noah/">Noah (Yep)</a>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="dropdown">
|
|
||||||
<a href="#" class="dropbtn">disguise</a>
|
|
||||||
<div class="dropdown-content">
|
|
||||||
<a href="#" data-title="prigoana.lol" data-icon="./favicon.png">Base</a>
|
|
||||||
<a href="#" data-title="Home" data-icon="https://www.gstatic.com/classroom/ic_product_classroom_144.png">Classroom</a>
|
|
||||||
<a href="#" data-title="Home - Google Drive" data-icon="https://ssl.gstatic.com/docs/doclist/images/drive_2022q3_32dp.png">Drive</a>
|
|
||||||
<a href="#" data-title="Google Docs" data-icon="https://ssl.gstatic.com/docs/documents/images/kix-favicon-2023q4.ico">Docs</a>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<p style="line-height: 50px; height: 200px;"> </p>
|
|
||||||
<div id="app"></div>
|
|
||||||
<p style="line-height: 50px; height: 230px;"> </p>
|
|
||||||
</main>
|
|
||||||
<footer>
|
|
||||||
</footer>
|
|
||||||
<script src="https://unpkg.com/webamp/built/webamp.bundle.min.js"></script>
|
|
||||||
<script src="https://unpkg.com/butterchurn/lib/butterchurn.min.js"></script>
|
|
||||||
<script src="https://unpkg.com/butterchurn-presets/lib/butterchurnPresets.min.js"></script>
|
|
||||||
<script src="./index.js"></script>
|
|
||||||
<script>
|
|
||||||
if ('serviceWorker' in navigator) {
|
|
||||||
navigator.serviceWorker.register('./service-worker.js')
|
|
||||||
.then(registration => {
|
|
||||||
console.log('Service Worker registered with scope:', registration.scope);
|
|
||||||
})
|
|
||||||
.catch(error => {
|
|
||||||
console.log('Service Worker registration failed:', error);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,79 +0,0 @@
|
||||||
const Webamp = window.Webamp;
|
|
||||||
const webamp = new Webamp({
|
|
||||||
initialTracks: [
|
|
||||||
{
|
|
||||||
metaData: {
|
|
||||||
artist: "Tyler, The Creator",
|
|
||||||
title: "EARFQUAKE"
|
|
||||||
},
|
|
||||||
url: "https://eduardskibidiedger.github.io/2/049.%20Tyler,%20The%20Creator%20-%20EARFQUAKE.flac"
|
|
||||||
},
|
|
||||||
],
|
|
||||||
initialSkin: {
|
|
||||||
url: "../../skins/PurpleGlow.wsz",
|
|
||||||
},
|
|
||||||
availableSkins: [
|
|
||||||
{
|
|
||||||
url: "../../skins/Axon.wsz",
|
|
||||||
name: "Axon",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
url: "../../skins/m-lo_black.wsz",
|
|
||||||
name: "Black",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
url: "../../skins/PurpleGlow.wsz",
|
|
||||||
name: "Purple Glow",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
url: "../../skins/purpleplayer.wsz",
|
|
||||||
name: "Purple",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
url: "../../skins/TSWNN.wsz",
|
|
||||||
name: "TSWNN",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
url: "../../skins/Vaporwave.wsz",
|
|
||||||
name: "Vaporwave",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
__butterchurnOptions: {
|
|
||||||
importButterchurn: () => Promise.resolve(window.butterchurn),
|
|
||||||
getPresets: () => {
|
|
||||||
const presets = window.butterchurnPresets.getPresets();
|
|
||||||
return Object.keys(presets).map((name) => {
|
|
||||||
return {
|
|
||||||
name,
|
|
||||||
butterchurnPresetObject: presets[name],
|
|
||||||
};
|
|
||||||
});
|
|
||||||
},
|
|
||||||
butterchurnOpen: true,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
// Disguise Dropdown Functionality
|
|
||||||
document.querySelectorAll('.dropdown-content a[data-title]').forEach(function(element) {
|
|
||||||
element.addEventListener('click', function(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
const newTitle = this.getAttribute('data-title');
|
|
||||||
const newIcon = this.getAttribute('data-icon');
|
|
||||||
|
|
||||||
// Change the document title
|
|
||||||
document.title = newTitle;
|
|
||||||
|
|
||||||
// Change the favicon
|
|
||||||
const favicon = document.getElementById('favicon');
|
|
||||||
if (favicon) {
|
|
||||||
favicon.href = newIcon;
|
|
||||||
} else {
|
|
||||||
const link = document.createElement('link');
|
|
||||||
link.id = 'favicon';
|
|
||||||
link.rel = 'icon';
|
|
||||||
link.type = 'image/x-icon';
|
|
||||||
link.href = newIcon;
|
|
||||||
document.head.appendChild(link);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
webamp.renderWhenReady(document.getElementById("app"));
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue