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

skibidi

Browse source
This commit is contained in:
EduardSkibidiEdger 2024-10-02 19:38:23 +03:00
parent fb9a6b1b1e
commit b38f0cf15e
8 changed files with 228 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
CS/ProblemSolvingProcess/index.html
View file

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <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 charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Problem Solving Process Poster</title> <title>Problem Solving Process Poster</title>

4
CS/index.html
View file

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <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 charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CS/</title> <title>CS/</title>
@ -49,7 +49,7 @@
<body> <body>
<div class="terminal"> <div class="terminal">
<ul> <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> <li><span class="space"><span class="space"></span><span class="command"><a href="./ProblemSolvingProcess/">Problem Solving Process</a></span></li>
</ul> </ul>
</div> </div>

23
guides.html
View file

@ -24,11 +24,9 @@
margin: 0; margin: 0;
text-align: center; text-align: center;
} }
.terminal { .terminal {
margin-bottom: 20px; margin-bottom: 20px;
} }
.terminal ul { .terminal ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
@ -36,29 +34,22 @@
justify-content: center; justify-content: center;
margin: 0; margin: 0;
} }
.terminal li { .terminal li {
margin: 0 15px; margin: 0 15px;
} }
.terminal a { .terminal a {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
} }
.terminal a:hover { .terminal a:hover {
text-decoration: underline; text-decoration: underline;
} }
h3, h4 { h3, h4 {
margin: 10px 0; margin: 10px 0;
} }
.guide {
h4 { cursor: url(./link.cur), auto;
cursor: pointer;
} }
/* Modal styles */
.modal { .modal {
display: none; display: none;
position: fixed; position: fixed;
@ -72,7 +63,6 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.modal-content { .modal-content {
background-color: #333; background-color: #333;
padding: 20px; padding: 20px;
@ -83,22 +73,18 @@
color: #fff; color: #fff;
font-size: 1rem; font-size: 1rem;
} }
.modal-content img { .modal-content img {
width: 100%; width: 100%;
height: auto; height: auto;
margin: 10px 0; margin: 10px 0;
} }
.modal-content p { .modal-content p {
margin-bottom: 15px; margin-bottom: 15px;
} }
.modal-content a { .modal-content a {
text-decoration: underline; text-decoration: underline;
color: inherit; color: inherit;
} }
.close { .close {
color: #fff; color: #fff;
font-size: 28px; font-size: 28px;
@ -108,7 +94,6 @@
top: 20px; top: 20px;
cursor: pointer; cursor: pointer;
} }
.close:hover { .close:hover {
color: #ccc; color: #ccc;
} }
@ -123,7 +108,7 @@
<h3>Guides</h3> <h3>Guides</h3>
<h4 id="adBlockingBtn">Ad Blocking</h4> <h4 class="guide" id="adBlockingBtn">Ad Blocking</h4>
<div id="adBlockingModal" class="modal"> <div id="adBlockingModal" class="modal">
<div class="modal-content"> <div class="modal-content">
@ -131,7 +116,7 @@
<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>
<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> <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> <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> <h4>Paranoid?</h4>

41
index.html
View file

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <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"> <link rel="manifest" href="./manifest.json">
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -19,7 +19,17 @@
<a href="#" class="dropbtn">playlists</a> <a href="#" class="dropbtn">playlists</a>
<div class="dropdown-content"> <div class="dropdown-content">
<a href="./">Eduard (👅)</a> <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> </div>
</li> </li>
</ul> </ul>
@ -43,6 +53,7 @@
<script src="https://unpkg.com/butterchurn-presets/lib/butterchurnPresets.min.js"></script> <script src="https://unpkg.com/butterchurn-presets/lib/butterchurnPresets.min.js"></script>
<script src="./index.js"></script> <script src="./index.js"></script>
<script> <script>
// Existing Last.fm Fetch Script
let url = 'https://lastfm-last-played.biancarosa.com.br/yetiuard/latest-song'; let url = 'https://lastfm-last-played.biancarosa.com.br/yetiuard/latest-song';
let songElement = document.querySelector('#song'); let songElement = document.querySelector('#song');
let albumCoverElement = document.querySelector('#album-cover'); let albumCoverElement = document.querySelector('#album-cover');
@ -55,6 +66,7 @@
albumCoverElement.innerHTML = `<img src="${json.track.image[2]['#text']}" alt="Album Cover">`; albumCoverElement.innerHTML = `<img src="${json.track.image[2]['#text']}" alt="Album Cover">`;
}); });
// Service Worker Registration
if ('serviceWorker' in navigator) { if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('./service-worker.js') navigator.serviceWorker.register('./service-worker.js')
.then(registration => { .then(registration => {
@ -64,6 +76,31 @@
console.log('Service Worker registration failed:', error); 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> </script>
</body> </body>
</html> </html>

58
playlists/noah/index.html Normal file
View 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;">&nbsp;</p>
<div id="app"></div>
<p style="line-height: 50px; height: 230px;">&nbsp;</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>

38
noah.js → playlists/noah/index.js
View file

@ -283,31 +283,31 @@ const webamp = new Webamp({
}, },
], ],
initialSkin: { initialSkin: {
url: "./skins/PurpleGlow.wsz", url: "../../skins/PurpleGlow.wsz",
}, },
availableSkins: [ availableSkins: [
{ {
url: "./skins/Axon.wsz", url: "../../skins/Axon.wsz",
name: "Axon", name: "Axon",
}, },
{ {
url: "./skins/m-lo_black.wsz", url: "../../skins/m-lo_black.wsz",
name: "Black", name: "Black",
}, },
{ {
url: "./skins/PurpleGlow.wsz", url: "../../skins/PurpleGlow.wsz",
name: "Purple Glow", name: "Purple Glow",
}, },
{ {
url: "./skins/purpleplayer.wsz", url: "../../skins/purpleplayer.wsz",
name: "Purple", name: "Purple",
}, },
{ {
url: "./skins/TSWNN.wsz", url: "../../skins/TSWNN.wsz",
name: "TSWNN", name: "TSWNN",
}, },
{ {
url: "./skins/Vaporwave.wsz", url: "../../skins/Vaporwave.wsz",
name: "Vaporwave", name: "Vaporwave",
}, },
], ],
@ -325,4 +325,28 @@ const webamp = new Webamp({
butterchurnOpen: true, 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")); webamp.renderWhenReady(document.getElementById("app"));

21
noah.html → playlists/template/index.html
View file

@ -6,20 +6,27 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>prigoana.lol</title> <title>prigoana.lol</title>
<link rel="stylesheet" href="./common.css"> <link rel="stylesheet" href="../../common.css">
</head> </head>
<body> <body>
<header> <header>
<div class="terminal"> <div class="terminal">
<ul class="navbar"> <ul class="navbar">
<li><a href="./projects">projects</a></li> <li><a href="../../">back</a></li>
<li><a href="./about">about</a></li>
<li><a href="./guides">guides</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropbtn">playlists</a> <a href="#" class="dropbtn">playlists</a>
<div class="dropdown-content"> <div class="dropdown-content">
<a href="./">Eduard (👅)</a> <a href="../../">Eduard (👅)</a>
<a href="./noah">Noah (Yep)</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> </div>
</li> </li>
</ul> </ul>
@ -35,7 +42,7 @@
<script src="https://unpkg.com/webamp/built/webamp.bundle.min.js"></script> <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/lib/butterchurn.min.js"></script>
<script src="https://unpkg.com/butterchurn-presets/lib/butterchurnPresets.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> <script>
if ('serviceWorker' in navigator) { if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('./service-worker.js') navigator.serviceWorker.register('./service-worker.js')

79
playlists/template/index.js Normal file
View 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"));