add stuff

This commit is contained in:
EduardSkibidiGooner 2024-09-28 13:47:23 +03:00
parent f48e257462
commit 8cf39d9bc7
9 changed files with 155 additions and 77 deletions

57
CS/index.html Normal file
View file

@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CS/</title>
<style>
body {
background-color: black;
color: green;
font-family: monospace;
padding: 0;
margin: 0;
height: 100vh;
display: flex;
justify-content: center;
align-items: flex-start;
}
h1 {
color: lightgreen;
}
.terminal {
width: 80%;
margin-top: 20px;
text-align: left;
}
.command {
color: lightblue;
}
.path {
color: white;
}
ul {
list-style: none;
padding: 0;
}
li {
margin: 5px 0;
}
a {
color: white;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="terminal">
<ul>
<li><p><span class="command">CS/</span></li>
<li><a href="/ProblemSolvingProcess/">Problem Solving Process</a></li>
</ul>
</div>
</body>
</html>

View file

@ -1,103 +1,67 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<link rel="icon" type="image/x-icon" href="https://prigoana.lol/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>Sitemap</title> <title>prigoana.lol</title>
<style> <style>
body { body {
font-family: Arial, sans-serif; background-color: black;
margin: 0; color: white;
padding: 0; font-family: sans-serif;
background-color: #080709;
color: #e0ceed;
} }
.container { .terminal {
width: 210mm; background-color: black;
margin: 0 auto; color: green;
padding: 20mm; font-family: monospace;
}
.sitemap {
background-color: #151217;
color: #e0ceed;
height: 100%;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 20px; padding: 20px;
box-sizing: border-box;
} }
h1 { .terminal h1 {
text-align: center; color: lightgreen;
color: #b657ff;
margin-bottom: 30px;
font-size: 26px;
font-weight: bold;
} }
.section { .terminal .command {
margin-bottom: 20px; color: lightblue;
} }
.title { .terminal .path {
background-color: #211d26; color: white;
padding: 10px;
border-radius: 8px;
border: 1px solid #3b3442;
cursor: pointer;
margin-top: 10px;
color: #e0ceed;
font-size: 16px;
} }
.section-content { .terminal ul {
display: none; list-style: none;
padding: 10px; padding: 0;
background-color: #2c282f; width: 100%;
border: 1px solid #3b3442; display: flex;
border-radius: 8px; justify-content: center;
margin-top: 5px; margin: 0;
} }
.section-content a { .terminal li {
display: block; margin: 0 15px;
}
.terminal a {
color: white;
text-decoration: none; text-decoration: none;
color: #e0ceed;
background-color: #211d26;
padding: 10px;
border-radius: 8px;
border: 1px solid #3b3442;
margin-top: 5px;
font-size: 14px;
} }
.section-content a:hover { .terminal a:hover {
background-color: #2c282f; text-decoration: underline;
border-color: #3b3442; }
#spacer {
height: 0;
} }
</style> </style>
</head> </head>
<body> <body>
<div class="container"> <div class="terminal">
<div class="sitemap"> <ul>
<h1>prigoana.lol</h1> <li><a href="/CS/">CS</a></li>
</ul>
<div class="section"> <p style="line-height: 50px; height: 210px;">&nbsp;</p>
<div class="title" onclick="toggleContent(this)">CS</div>
<div class="section-content">
<div class="section">
<a href="https://prigoana.lol/CS/ProblemSolvingProcess/">Problem Solving Process</a>
</div>
</div>
</div>
</div>
</div> </div>
<div id="app"></div>
<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> <script>
function toggleContent(element) {
const content = element.nextElementSibling;
if (content.style.display === "none" || content.style.display === "") {
content.style.display = "block";
} else {
content.style.display = "none";
}
}
</script> </script>
</body> </body>

57
index.js Normal file
View file

@ -0,0 +1,57 @@
const Webamp = window.Webamp;
const webamp = new Webamp({
initialTracks: [
{
url: "https://cdn.jsdelivr.net/gh/captbaritone/webamp@43434d82cfe0e37286dbbe0666072dc3190a83bc/mp3/llama-2.91.mp3",
},
{
url: "https://raw.githubusercontent.com/captbaritone/webamp-music/4b556fbf/Diablo_Swing_Orchestra_-_01_-_Heroines.mp3",
},
{
url: "https://raw.githubusercontent.com/captbaritone/webamp-music/4b556fbf/Eclectek_-_02_-_We_Are_Going_To_Eclecfunk_Your_Ass.mp3",
},
],
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"));

BIN
skins/Axon.wsz Normal file

Binary file not shown.

BIN
skins/PurpleGlow.wsz Normal file

Binary file not shown.

BIN
skins/TSWNN.wsz Normal file

Binary file not shown.

BIN
skins/Vaporwave.wsz Normal file

Binary file not shown.

BIN
skins/m-lo_black.wsz Normal file

Binary file not shown.

BIN
skins/purpleplayer.wsz Normal file

Binary file not shown.