skibidi
This commit is contained in:
EduardSkibidiEdger
parent
fb9a6b1b1e
commit
b38f0cf15e
8 changed files with 228 additions and 38 deletions
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="../../favicon.png">
|
||||
<link rel="icon" type="image/x-icon" href="/favicon.png">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Problem Solving Process Poster</title>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="../favicon.png">
|
||||
<link rel="icon" type="image/x-icon" href="/favicon.png">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>CS/</title>
|
||||
|
|
@ -49,7 +49,7 @@
|
|||
<body>
|
||||
<div class="terminal">
|
||||
<ul>
|
||||
<li><p><span class="command"><a href="../projects">../</a></span></p></li>
|
||||
<li><p><span class="command"><a href="/projects">../</a></span></p></li>
|
||||
<li><span class="space"><span class="space"></span><span class="command"><a href="./ProblemSolvingProcess/">Problem Solving Process</a></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
23
guides.html
23
guides.html
|
|
@ -24,11 +24,9 @@
|
|||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.terminal {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.terminal ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
|
|
@ -36,29 +34,22 @@
|
|||
justify-content: center;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.terminal li {
|
||||
margin: 0 15px;
|
||||
}
|
||||
|
||||
.terminal a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.terminal a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h3, h4 {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
h4 {
|
||||
cursor: pointer;
|
||||
.guide {
|
||||
cursor: url(./link.cur), auto;
|
||||
}
|
||||
|
||||
/* Modal styles */
|
||||
.modal {
|
||||
display: none;
|
||||
position: fixed;
|
||||
|
|
@ -72,7 +63,6 @@
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
background-color: #333;
|
||||
padding: 20px;
|
||||
|
|
@ -83,22 +73,18 @@
|
|||
color: #fff;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.modal-content img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.modal-content p {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.modal-content a {
|
||||
text-decoration: underline;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.close {
|
||||
color: #fff;
|
||||
font-size: 28px;
|
||||
|
|
@ -108,7 +94,6 @@
|
|||
top: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.close:hover {
|
||||
color: #ccc;
|
||||
}
|
||||
|
|
@ -123,7 +108,7 @@
|
|||
|
||||
<h3>Guides</h3>
|
||||
|
||||
<h4 id="adBlockingBtn">Ad Blocking</h4>
|
||||
<h4 class="guide" id="adBlockingBtn">Ad Blocking</h4>
|
||||
|
||||
<div id="adBlockingModal" class="modal">
|
||||
<div class="modal-content">
|
||||
|
|
@ -131,7 +116,7 @@
|
|||
<h3>Ad Blocking</h3>
|
||||
<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>Go to the extensions icon, then click on uBlock Origon. Click on the settings icon, and turn on every filter. Do the same for uBlock Origin Lite.</p>
|
||||
<p>Go to the extensions icon, then click on uBlock Origin. Click on the settings icon, and turn on every filter. Do the same for uBlock Origin Lite.</p>
|
||||
<h4>Why?</h4>
|
||||
<p>This is to block ads (from Spotify, YouTube, etc.), protect from malware, remove annoyances like cookie pop-ups, and provide a cleaner, more streamlined web-browsing experience.</p>
|
||||
<h4>Paranoid?</h4>
|
||||
|
|
|
|||
41
index.html
41
index.html
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="./favicon.png">
|
||||
<link id="favicon" 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">
|
||||
|
|
@ -19,7 +19,17 @@
|
|||
<a href="#" class="dropbtn">playlists</a>
|
||||
<div class="dropdown-content">
|
||||
<a href="./">Eduard (👅)</a>
|
||||
<a href="./noah">Noah (Yep)</a>
|
||||
<a href="./playlists/noah/">Noah (Yep)</a>
|
||||
</div>
|
||||
</li>
|
||||
<!-- New Disguise Dropdown -->
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropbtn">disguise</a>
|
||||
<div class="dropdown-content">
|
||||
<a href="#" data-title="prigoana.lol" data-icon="./favicon.png">Bases</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>
|
||||
|
|
@ -43,6 +53,7 @@
|
|||
<script src="https://unpkg.com/butterchurn-presets/lib/butterchurnPresets.min.js"></script>
|
||||
<script src="./index.js"></script>
|
||||
<script>
|
||||
// Existing Last.fm Fetch Script
|
||||
let url = 'https://lastfm-last-played.biancarosa.com.br/yetiuard/latest-song';
|
||||
let songElement = document.querySelector('#song');
|
||||
let albumCoverElement = document.querySelector('#album-cover');
|
||||
|
|
@ -55,6 +66,7 @@
|
|||
albumCoverElement.innerHTML = `<img src="${json.track.image[2]['#text']}" alt="Album Cover">`;
|
||||
});
|
||||
|
||||
// Service Worker Registration
|
||||
if ('serviceWorker' in navigator) {
|
||||
navigator.serviceWorker.register('./service-worker.js')
|
||||
.then(registration => {
|
||||
|
|
@ -64,6 +76,31 @@
|
|||
console.log('Service Worker registration failed:', error);
|
||||
});
|
||||
}
|
||||
|
||||
// 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);
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
58
playlists/noah/index.html
Normal file
58
playlists/noah/index.html
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
<!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>
|
||||
|
|
@ -283,31 +283,31 @@ const webamp = new Webamp({
|
|||
},
|
||||
],
|
||||
initialSkin: {
|
||||
url: "./skins/PurpleGlow.wsz",
|
||||
url: "../../skins/PurpleGlow.wsz",
|
||||
},
|
||||
availableSkins: [
|
||||
{
|
||||
url: "./skins/Axon.wsz",
|
||||
url: "../../skins/Axon.wsz",
|
||||
name: "Axon",
|
||||
},
|
||||
{
|
||||
url: "./skins/m-lo_black.wsz",
|
||||
url: "../../skins/m-lo_black.wsz",
|
||||
name: "Black",
|
||||
},
|
||||
{
|
||||
url: "./skins/PurpleGlow.wsz",
|
||||
url: "../../skins/PurpleGlow.wsz",
|
||||
name: "Purple Glow",
|
||||
},
|
||||
{
|
||||
url: "./skins/purpleplayer.wsz",
|
||||
url: "../../skins/purpleplayer.wsz",
|
||||
name: "Purple",
|
||||
},
|
||||
{
|
||||
url: "./skins/TSWNN.wsz",
|
||||
url: "../../skins/TSWNN.wsz",
|
||||
name: "TSWNN",
|
||||
},
|
||||
{
|
||||
url: "./skins/Vaporwave.wsz",
|
||||
url: "../../skins/Vaporwave.wsz",
|
||||
name: "Vaporwave",
|
||||
},
|
||||
],
|
||||
|
|
@ -325,4 +325,28 @@ const webamp = new Webamp({
|
|||
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"));
|
||||
|
|
@ -6,20 +6,27 @@
|
|||
<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">
|
||||
<link rel="stylesheet" href="../../common.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="terminal">
|
||||
<ul class="navbar">
|
||||
<li><a href="./projects">projects</a></li>
|
||||
<li><a href="./about">about</a></li>
|
||||
<li><a href="./guides">guides</a></li>
|
||||
<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>
|
||||
<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>
|
||||
|
|
@ -35,7 +42,7 @@
|
|||
<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="./noah.js"></script>
|
||||
<script src="./index.js"></script>
|
||||
<script>
|
||||
if ('serviceWorker' in navigator) {
|
||||
navigator.serviceWorker.register('./service-worker.js')
|
||||
79
playlists/template/index.js
Normal file
79
playlists/template/index.js
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
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
Reference in a new issue