This commit is contained in:
EduardSkibidiEdger 2024-09-30 20:02:30 +03:00
parent 3605f0af24
commit fb9a6b1b1e
8 changed files with 646 additions and 98 deletions

View file

@ -49,7 +49,7 @@
<body>
<div class="terminal">
<ul>
<li><p><span class="command"><a href="../projects.html">../</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>

View file

@ -29,7 +29,7 @@
justify-content: center;
margin: 0;
}
.terminal li {
.terminal li {s
margin: 0 15px;
}
.terminal a {
@ -44,7 +44,7 @@
<header>
<div class="terminal">
<ul>
<li><a href="./index.html">back</a></li>
<li><a href="./">back</a></li>
</ul>
</div>
</header>

110
common.css Normal file
View file

@ -0,0 +1,110 @@
body {
user-select: none;
background-color: #000;
color: #fff;
font-family: monospace;
cursor: url(./cursor.cur), auto;
display: flex;
flex-direction: column;
align-items: center;
}
img {
pointer-events: none;
}
.terminal {
background-color: #000;
color: green;
padding: 20px;
text-align: center;
}
.terminal h1 {
color: lightgreen;
}
.terminal .command {
color: lightblue;
}
.terminal ul.navbar {
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;
}
/* Updated Dropdown Styles */
.dropdown {
position: relative;
display: inline-block;
}
.dropbtn {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #333;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
right: 0; /* Align to the right */
left: auto; /* Remove left alignment */
}
.dropdown-content a {
color: #fff;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {
background-color: #575757;
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
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;
}
.spacer230p {
height: 230px;
}
.model {
color: #ff2ef1;
height: 230px;
font-family: monospace;
white-space: pre;
}
a {
cursor: url(./link.cur), auto;
}

View file

@ -6,7 +6,10 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>prigoana.lol</title>
<style> a{ cursor: url(./link.cur), auto;}
<style>
a {
cursor: url(./link.cur), auto;
}
body {
user-select: none;
background-color: #000;
@ -16,11 +19,16 @@
display: flex;
flex-direction: column;
align-items: center;
background-color: #000;
color: rgb(255, 255, 255);
justify-content: center;
height: 20vh;
margin: 0;
text-align: center;
}
.terminal {
margin-bottom: 20px;
}
.terminal ul {
list-style: none;
padding: 0;
@ -28,25 +36,128 @@
justify-content: center;
margin: 0;
}
.terminal li {
margin: 0 15px;
}
.terminal a {
color: #fff;
text-decoration: none;
}
.terminal a:hover {
text-decoration: underline;}
text-decoration: underline;
}
h3, h4 {
margin: 10px 0;
}
h4 {
cursor: pointer;
}
/* Modal styles */
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.8);
align-items: center;
justify-content: center;
}
.modal-content {
background-color: #333;
padding: 20px;
border: 1px solid #fff;
width: 80%;
max-width: 600px;
text-align: left;
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;
font-weight: bold;
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
}
.close:hover {
color: #ccc;
}
</style>
</head>
<body>
<div class="terminal">
<ul>
<li><a href="./index.html">back</a></li>
</ul>
</div>
<h3>Guides</h3>
<h4>Ad Blocking</h4>
<div class="terminal">
<ul>
<li><a href="./">back</a></li>
</ul>
</div>
<h3>Guides</h3>
<h4 id="adBlockingBtn">Ad Blocking</h4>
<div id="adBlockingModal" class="modal">
<div class="modal-content">
<span class="close" id="closeModal">&times;</span>
<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>
<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>
<p>Both extensions and filter lists are <strong>open-source</strong>, which means you can see their actual code.</p>
<p><a href="https://github.com/uBlockOrigin/uBOL-home">uBO Lite source</a> <a href="https://github.com/gorhill/uBlock">uBO source</a></p>
</div>
</div>
<script>
var modal = document.getElementById("adBlockingModal");
var btn = document.getElementById("adBlockingBtn");
var close = document.getElementById("closeModal");
btn.onclick = function() {
modal.style.display = "flex";
}
close.onclick = function() {
modal.style.display = "none";
}
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
</body>
</html>

View file

@ -6,86 +6,28 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>prigoana.lol</title>
<style>
body {
user-select: none;
background-color: #000;
color: #fff;
font-family: monospace;
cursor: url(./cursor.cur), auto;
display: flex;
flex-direction: column;
align-items: center;
}
img {
pointer-events: none;
}
.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;
}
.spacer230p {
height: 230px;
}
.model {
color: #ff2ef1;
height: 230px;
font-family: monospace;
white-space: pre;
}
a{ cursor: url(./link.cur), auto;}
</style>
<link rel="stylesheet" href="./common.css">
</head>
<body>
<header>
<div class="terminal">
<ul>
<li><a href="./projects.html">projects</a></li>
<li><a href="./about.html">about</a></li>
<!--<li><a href="./guides.html">guides</a></li>-->
<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 class="dropdown">
<a href="#" class="dropbtn">playlists</a>
<div class="dropdown-content">
<a href="./">Eduard (👅)</a>
<a href="./noah">Noah (Yep)</a>
</div>
</li>
</ul>
</div>
</header>
<main><p style="line-height: 50px; height: 200px;">&nbsp;</p>
<div id="app" ></div>
<main>
<p style="line-height: 50px; height: 200px;">&nbsp;</p>
<div id="app"></div>
<p style="line-height: 50px; height: 230px;">&nbsp;</p>
<div id="lastfm-widget"></div>
<div id="widget">
@ -104,17 +46,23 @@
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(response => response.json()).then(json => {
songElement.innerHTML = json.track.name + ' - ' + json.track.artist['#text'];
songElement.innerHTML += '<div>' + json.track.album['#text'] + '</div>';
albumCoverElement.innerHTML = '<img src="' + json.track.image[2]['#text'] + '" alt="Album Cover">';
});
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);
fetch(url)
.then(response => response.json())
.then(json => {
songElement.innerHTML = `${json.track.name} - ${json.track.artist['#text']}`;
songElement.innerHTML += `<div>${json.track.album['#text']}</div>`;
albumCoverElement.innerHTML = `<img src="${json.track.image[2]['#text']}" alt="Album Cover">`;
});
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>

51
noah.html Normal file
View file

@ -0,0 +1,51 @@
<!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="./projects">projects</a></li>
<li><a href="./about">about</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="./noah">Noah (Yep)</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="./noah.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>

328
noah.js Normal file
View file

@ -0,0 +1,328 @@
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,
},
});
webamp.renderWhenReady(document.getElementById("app"));

View file

@ -49,7 +49,7 @@
<body>
<div class="terminal">
<ul>
<li><p><span class="command"><a href="./index.html">./</a></span></p></li>
<li><p><span class="command"><a href="./">./</a></span></p></li>
<li><span class="space"></span><span class="command"><a href="./CS/">CS/</a></span></li>
<li><span class="space"><span class="space"></span><span class="command"><a href="./CS/ProblemSolvingProcess/">Problem Solving Process</a></span></li>
</ul>