asdf
This commit is contained in:
EduardSkibidiEdger
parent
9605c39a66
commit
2d17517bc2
9 changed files with 2157 additions and 1634 deletions
2
media/.gitattributes
vendored
Normal file
2
media/.gitattributes
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
# Auto detect text files and perform LF normalization
|
||||
* text=auto
|
||||
1
media/CNAME
Normal file
1
media/CNAME
Normal file
|
|
@ -0,0 +1 @@
|
|||
media.prigoana.lol
|
||||
BIN
media/IGOR/favicon.png
Normal file
BIN
media/IGOR/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
209
media/IGOR/index.html
Normal file
209
media/IGOR/index.html
Normal file
|
|
@ -0,0 +1,209 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>IGOR</title>
|
||||
<link rel="icon" href="./favicon.png" type="image/x-icon">
|
||||
<style>
|
||||
body {
|
||||
background-color: #000;
|
||||
color: #fff; /* Set default text color to white */
|
||||
font-family: monospace;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
user-select: none;
|
||||
cursor: url(https://prigoana.lol/cursor.cur), auto;
|
||||
}
|
||||
.container, .terminal ul.navbar {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
.navbar {
|
||||
list-style: none; /* Remove the dot next to the back button */
|
||||
padding: 0; /* Remove default padding */
|
||||
margin: 0; /* Remove default margin */
|
||||
}
|
||||
.navbar a, a, .dropbtn {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
cursor: url(https://prigoana.lol/link.cur), auto;
|
||||
}
|
||||
a:hover, .dropbtn:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.container {
|
||||
gap: 20px;
|
||||
}
|
||||
#app, #info {
|
||||
width: 300px;
|
||||
margin: 20px;
|
||||
}
|
||||
#gallery img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
cursor: pointer;
|
||||
margin: 5px;
|
||||
}
|
||||
#gallery-display {
|
||||
display: none;
|
||||
background-color: #222;
|
||||
padding: 20px;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
color: #fff;
|
||||
border: 1px solid #333;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
|
||||
width: 400px; /* Fixed width for the modal */
|
||||
max-height: 80%; /* Set max height for the modal */
|
||||
overflow-y: auto; /* Allow vertical scrolling if content overflows */
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
|
||||
#gallery-display img {
|
||||
width: 400px;
|
||||
height: auto;
|
||||
}
|
||||
#gallery-display .caption {
|
||||
margin-top: 10px;
|
||||
color: #fff; /* Ensure caption text is white */
|
||||
}
|
||||
#gallery-display .close {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
cursor: pointer;
|
||||
color: #fff; /* Close button color */
|
||||
}
|
||||
#gallery-display .arrow {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
font-size: 24px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
#gallery-display .arrow.left {
|
||||
left: 10px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
#gallery-display .arrow.right {
|
||||
right: 10px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.container {
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="terminal">
|
||||
<ul class="navbar">
|
||||
<li><a href="../">back</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main><br><br><br>
|
||||
<div class="container">
|
||||
<div id="app"></div>
|
||||
<div id="info">
|
||||
IGOR, one of the best and most influential albums of the 21st century, by American rapper, artist, and creative Tyler, The Creator, came out on May 17, 2019, with 12 masterful tracks. It received an update adding the bonus track "BOYFRIEND" in place of track #4, "EXACTLY WHAT YOU RUN FROM YOU END UP CHASING". Here, I have included all tracks and cover media in the highest quality I could find. As Tyler instructs, you should listen to this album without distraction to fully take in the meaning, quality, and effort put into it. <br><br> I would go into detail about what the album is about; however, I recommend listening to the album, interpreting the lyrics, and developing your own theory. If you're still curious, watch a video explaining its themes. Personally, I recommend <a href="https://inv.nadeko.net/watch?v=3w5iqQp9khs">this video</a> by TennisThom as it aligns with my interpretation and is masterfully executed.
|
||||
</div>
|
||||
</div><br><br><br>
|
||||
<center><p>gallery</p>
|
||||
<div id="gallery">
|
||||
<img src="https://igor.prigoana.lol/covers/main3000x3000.png" alt="Main Cover Art">
|
||||
<img src="https://igor.prigoana.lol/covers/alt2048x2048.png" alt="Mixed media alternate cover for 'IGOR' that's seen on limited Vinyl releases, designed by Lewis Rossignol">
|
||||
<img src="https://igor.prigoana.lol/covers/2alt2048x2048.png" alt="This cover was was used for promoting the album until the official cover was revealed with the release of IGOR on May 17, 2019.">
|
||||
<img src="https://igor.prigoana.lol/covers/3alt1500x1500.png" alt="Instructions on how to listen to IGOR. This was posted the night before IGOR’s release on all of Tyler’s social media platforms."><br>
|
||||
<img src="https://igor.prigoana.lol/covers/igorstheme1218x1218.png" alt="Lyrics sheet for 'IGOR'S THEME.'">
|
||||
<img src="https://igor.prigoana.lol/covers/earfquake1218x1218.png" alt="Lyrics sheet for 'EARFQUAKE.' Carti lyrics cannot be transcribed.">
|
||||
<img src="https://igor.prigoana.lol/covers/runningoutoftime1218x1218.png" alt="Lyrics sheet for 'RUNNING OUT OF TIME.'">
|
||||
<img src="https://igor.prigoana.lol/covers/newmagicwand1218x1218.png" alt="Lyrics sheet for 'NEW MAGIC WAND.'">
|
||||
<img src="https://igor.prigoana.lol/covers/aboyisagun1218x1218.png" alt="Lyrics sheet for 'PUPPET.'">
|
||||
<img src="https://igor.prigoana.lol/covers/puppet1218x1218.png" alt="Lyrics sheet for 'PUPPET,' has lines that are unheard in the final version. Kanye lyrics cannot be transcribed."><br>
|
||||
<img src="https://igor.prigoana.lol/covers/whatsgood1218x1218.png" alt="Lyrics sheet for 'WHAT'S GOOD.'">
|
||||
<img src="https://igor.prigoana.lol/covers/gonegone1218x1218.png" alt="Lyrics sheet for 'GONE, GONE.'">
|
||||
<img src="https://igor.prigoana.lol/covers/thankyou1218x1218.png" alt="Lyrics sheet for 'THANK YOU.'">
|
||||
<img src="https://igor.prigoana.lol/covers/idontloveyouanymore1218x1218.png" alt="Lyrics sheet for 'I DON'T LOVE YOU ANYMORE.'">
|
||||
<img src="https://igor.prigoana.lol/covers/arewestillfriends1218x1218.png" alt="Lyrics sheet for 'ARE WE STILL FRIENDS?'">
|
||||
</div>
|
||||
</center>
|
||||
</main>
|
||||
|
||||
<div id="gallery-display">
|
||||
<span class="close" onclick="closeGallery()">×</span>
|
||||
<div class="arrow left" onclick="navigateGallery(-1)">❮</div>
|
||||
<img id="displayed-img" src="" alt="">
|
||||
<div class="arrow right" onclick="navigateGallery(1)">❯</div>
|
||||
<div class="caption" id="img-caption"></div>
|
||||
</div>
|
||||
<h3>final rating: 10/10</h3>
|
||||
<h3>Downloads</h3>
|
||||
<table>
|
||||
<tr>
|
||||
<th><a href="https://github.com/EduardSkibidiGooner/IGOR/releases/download/zips/covers-igor.zip">covers-igor.zip</a></th>
|
||||
|
||||
<tr>
|
||||
<td><a href="https://github.com/EduardSkibidiGooner/IGOR/releases/download/zips/covers-igor.zip">tracks-igor.zip</a></td>
|
||||
<tr>
|
||||
<td><a href="https://github.com/EduardSkibidiGooner/IGOR/releases/download/zips/MVs-igor.zip">MVs-igor.zip</a></td>
|
||||
</table>
|
||||
<br>
|
||||
<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>
|
||||
const gallery = document.getElementById('gallery');
|
||||
const galleryDisplay = document.getElementById('gallery-display');
|
||||
const displayedImg = document.getElementById('displayed-img');
|
||||
const imgCaption = document.getElementById('img-caption');
|
||||
let currentIndex = 0;
|
||||
|
||||
const images = Array.from(gallery.getElementsByTagName('img'));
|
||||
|
||||
gallery.addEventListener('click', function(event) {
|
||||
if (event.target.tagName === 'IMG') {
|
||||
openGallery(event.target);
|
||||
}
|
||||
});
|
||||
|
||||
function openGallery(target) {
|
||||
currentIndex = images.indexOf(target);
|
||||
displayedImg.src = target.src;
|
||||
imgCaption.textContent = target.alt;
|
||||
galleryDisplay.style.display = 'block';
|
||||
}
|
||||
|
||||
function closeGallery() {
|
||||
galleryDisplay.style.display = 'none';
|
||||
displayedImg.src = '';
|
||||
imgCaption.textContent = '';
|
||||
}
|
||||
|
||||
function navigateGallery(direction) {
|
||||
currentIndex = (currentIndex + direction + images.length) % images.length;
|
||||
displayedImg.src = images[currentIndex].src;
|
||||
imgCaption.textContent = images[currentIndex].alt;
|
||||
}
|
||||
|
||||
// Removed the click event listener for galleryDisplay
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
160
media/IGOR/index.js
Normal file
160
media/IGOR/index.js
Normal file
|
|
@ -0,0 +1,160 @@
|
|||
const Webamp = window.Webamp;
|
||||
const webamp = new Webamp({
|
||||
zIndex: 1,
|
||||
initialTracks: [
|
||||
{
|
||||
metaData: {
|
||||
artist: "Tyler, The Creator",
|
||||
title: "IGOR'S THEME",
|
||||
},
|
||||
url: "https://igor.prigoana.lol/music/01.%20IGOR'S%20THEME.flac",
|
||||
|
||||
},
|
||||
{
|
||||
metaData: {
|
||||
artist: "Tyler, The Creator",
|
||||
title: "EARFQUAKE",
|
||||
},
|
||||
url: "https://igor.prigoana.lol/music/02.%20EARFQUAKE.flac",
|
||||
|
||||
},
|
||||
{
|
||||
metaData: {
|
||||
artist: "Tyler, The Creator",
|
||||
title: "I THINK",
|
||||
},
|
||||
url: "https://igor.prigoana.lol/music/03.%20I%20THINK.flac",
|
||||
|
||||
},
|
||||
{
|
||||
metaData: {
|
||||
artist: "Tyler, The Creator",
|
||||
title: "BOYFRIEND",
|
||||
},
|
||||
url: "https://files.catbox.moe/b1bglt.flac",
|
||||
|
||||
},
|
||||
{
|
||||
metaData: {
|
||||
artist: "Tyler, The Creator",
|
||||
title: "RUNNING OUT OF TIME",
|
||||
},
|
||||
url: "https://igor.prigoana.lol/music/05.%20RUNNING%20OUT%20OF%20TIME.flac",
|
||||
|
||||
},
|
||||
{
|
||||
metaData: {
|
||||
artist: "Tyler, The Creator",
|
||||
title: "NEW MAGIC WAND",
|
||||
},
|
||||
url: "https://igor.prigoana.lol/music/06.%20NEW%20MAGIC%20WAND.flac",
|
||||
|
||||
},
|
||||
{
|
||||
metaData: {
|
||||
artist: "Tyler, The Creator",
|
||||
title: "A BOY IS A GUN",
|
||||
},
|
||||
url: "https://igor.prigoana.lol/music/07.%20A%20BOY%20IS%20A%20GUN_.flac",
|
||||
|
||||
},
|
||||
{
|
||||
metaData: {
|
||||
artist: "Tyler, The Creator",
|
||||
title: "PUPPET",
|
||||
},
|
||||
url: "https://igor.prigoana.lol/music/08.%20PUPPET.flac",
|
||||
|
||||
},
|
||||
{
|
||||
metaData: {
|
||||
artist: "Tyler, The Creator",
|
||||
title: "WHAT'S GOOD",
|
||||
},
|
||||
url: "https://igor.prigoana.lol/music/09.%20WHAT'S%20GOOD.flac",
|
||||
|
||||
},
|
||||
{
|
||||
metaData: {
|
||||
artist: "Tyler, The Creator",
|
||||
title: "WHAT'S GOOD (original release)",
|
||||
},
|
||||
url: "https://igor.prigoana.lol/music/11.%20WHAT'S%20GOOD%20Original%20Release.mp3",
|
||||
|
||||
},
|
||||
{
|
||||
metaData: {
|
||||
artist: "Tyler, The Creator",
|
||||
title: "GONE, GONE / THANK YOU",
|
||||
},
|
||||
url: "https://igor.prigoana.lol/music/12.%20GONE%2C%20GONE%20-%20THANK%20YOU.flac",
|
||||
|
||||
},
|
||||
{
|
||||
metaData: {
|
||||
artist: "Tyler, The Creator",
|
||||
title: "I DONT LOVE YOU ANYMORE",
|
||||
},
|
||||
url: "https://igor.prigoana.lol/music/13.%20I%20DON'T%20LOVE%20YOU%20ANYMORE.flac"
|
||||
},
|
||||
{
|
||||
metaData: {
|
||||
artist: "Tyler, The Creator",
|
||||
title: "ARE WE STILL FRIENDS?",
|
||||
},
|
||||
url: "https://igor.prigoana.lol/music/14.%20ARE%20WE%20STILL%20FRIENDS_.flac",
|
||||
|
||||
},
|
||||
{
|
||||
metaData: {
|
||||
artist: "Tyler, The Creator",
|
||||
title: "Best Interest (scrapped)",
|
||||
},
|
||||
url: "https://igor.prigoana.lol/music/15.%20BEST%20INTEREST.flac",
|
||||
|
||||
}
|
||||
],
|
||||
initialSkin: {
|
||||
url: "https://prigoana.lol/skins/PurpleGlow.wsz",
|
||||
},
|
||||
availableSkins: [
|
||||
{
|
||||
url: "https://prigoana.lol/skins/Axon.wsz",
|
||||
name: "Axon",
|
||||
},
|
||||
{
|
||||
url: "https://prigoana.lol/skins/m-lo_black.wsz",
|
||||
name: "Black",
|
||||
},
|
||||
{
|
||||
url: "https://prigoana.lol/skins/PurpleGlow.wsz",
|
||||
name: "Purple Glow",
|
||||
},
|
||||
{
|
||||
url: "https://prigoana.lol/skins/purpleplayer.wsz",
|
||||
name: "Purple",
|
||||
},
|
||||
{
|
||||
url: "https://prigoana.lol/skins/TSWNN.wsz",
|
||||
name: "TSWNN",
|
||||
},
|
||||
{
|
||||
url: "https://prigoana.lol/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"));
|
||||
126
media/index.html
Normal file
126
media/index.html
Normal file
|
|
@ -0,0 +1,126 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>IGOR</title>
|
||||
<link rel="icon" href="https://prigoana.lol/favicon.png" type="image/x-icon">
|
||||
<style>
|
||||
body {
|
||||
background-color: #000;
|
||||
color: #fff; /* Set default text color to white */
|
||||
font-family: monospace;
|
||||
user-select: none;
|
||||
cursor: url(https://prigoana.lol/cursor.cur), auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto; /* Center the container horizontally */
|
||||
text-align: center; /* Center the text inside the container */
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.navbar a, a, .dropbtn {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
cursor: url(https://prigoana.lol/link.cur), auto;
|
||||
}
|
||||
|
||||
#gallery img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
cursor: pointer;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
#gallery-display {
|
||||
display: none;
|
||||
background-color: #222;
|
||||
padding: 20px;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
color: #fff;
|
||||
border: 1px solid #333;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
|
||||
width: 400px; /* Fixed width for the modal */
|
||||
max-height: 80%; /* Set max height for the modal */
|
||||
overflow-y: auto; /* Allow vertical scrolling if content overflows */
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#gallery-display img {
|
||||
width: 400px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#gallery-display .caption {
|
||||
margin-top: 10px;
|
||||
color: #fff; /* Ensure caption text is white */
|
||||
}
|
||||
|
||||
#gallery-display .close {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
cursor: pointer;
|
||||
color: #fff; /* Close button color */
|
||||
}
|
||||
|
||||
#gallery-display .arrow {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
font-size: 24px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#gallery-display .arrow.left {
|
||||
left: 10px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
#gallery-display .arrow.right {
|
||||
right: 10px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.container {
|
||||
width: 70%; /* Adjust width for larger screens */
|
||||
margin: 0 auto; /* Center the container */
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body class="container">
|
||||
<p><a href="../">back</a></p>
|
||||
<p>This is where I will be putting pieces of media that I review. Please do not take these reviews as objective, and if my opinion doesn't align with yours don't think it should. The worst mistake is letting critics decide what your opinion should be. Everything here should be treated as a recommendation. Thank you.<br><br></p>
|
||||
<p><a href="./IGOR/">IGOR</a></p>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue