Skip to content

Commit

Permalink
v0.2.1
Browse files Browse the repository at this point in the history
  • Loading branch information
@20essentials
20essentials committed Jan 15, 2025
1 parent 2b73fd8 commit 3fdda55
Show file tree
Hide file tree
Showing 2 changed files with 40 additions and 34 deletions.
28 changes: 25 additions & 3 deletions script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,8 @@ const bands = [
['Alan Walker', `${path}/alan--walker`],
['AKFG', `${path}/akfg`],
['Agnes Obel', `${path}/agnes-obel`],
['Autechre', `${path}/autechre`],
['Alex Bueno', `${path}/alex-bueno/`],

/* ======================= B ======================= */
['Beyonce', `${path}/beyonce/`],
Expand All @@ -43,15 +45,18 @@ const bands = [
['Bad Bunny', `${path}/bad-bunny/`],
['Billy Idol', `${path}/billy-idol/`],
['Blink 182', `${path}/blink-182-ost/`],
['Bonobo', `${path}/bonobo/`],
['Bruno Mars', `${path}/bruno-mars/`],

/* ======================= C ======================= */
['Cage the Elephant', `${path}/cage-the-elephant-ost/`],
['Culture Code', `${path}/culture-code-ost`],
['Cartoon', `${path}/cartoon-ost/`],
['Clint Mansell', `${path}/clint-mansell/`],
['Cigarettes After Sex', `${path}/cigarettes-after-sex/`],
['Cadmium', `${path}/cadmium/`],
['Counting Crows', `${path}/counting-crows/`],
['Craspore', `${path}/craspore/`],
['Cigarettes After Sex', `${path}/cigarettes-after-sex/`],
['Calvin Harris', `${path}/calvin-harris/`],
['Crystal Castles', `${path}/crystal-castles-ost`],
['Carl Duglas', `${path}/carl-douglas/`],
Expand All @@ -64,6 +69,7 @@ const bands = [
['Chromeo', `${path}/chromeo-ost/`],
['Culture Beat', `${path}/culture-beat-ost/`],
['Chvrches', `${path}/chvrches-ost/`],
['Can', `${path}/can/`],

/* ======================= D ======================= */
['Different Heaven', `${path}/different-heaven-ost/`],
Expand Down Expand Up @@ -130,6 +136,7 @@ const bands = [
['Glass Animals', `${path}/glass-animals-ost/`],
['Glwzbll', `${path}/glwzbll/`],
['Geolier', `${path}/geolier/`],
['Gaitán Castro', `${path}/gaitan-castro/`],

/* ======================= H ======================= */
['Hippie Sabotage', `${path}/hippie-sabotage/`],
Expand Down Expand Up @@ -212,6 +219,8 @@ const bands = [
['Libido', `${path}/libido/`],
['Los Iracundos', `${path}/los-iracundos/`],
['Los Morrochucos', `${path}/los-morrochucos/`],
['Luther Vandross', `${path}/luther-vandross`],
['Lucha Reyes', `${path}/lucha-reyes/`],

/* ======================= M ======================= */
['M83', `${path}/m83/`],
Expand Down Expand Up @@ -277,6 +286,7 @@ const bands = [
['Pachelbel', `${path}/pachelbel/`],
['Propellerheads', `${path}/propellerheads/`],
['Petit Biscuit', `${path}/petit-biscuit/`],
['Pepe Vasquez', `${path}/pepe-vasquez/`],

/* ======================= Q ======================= */
['Queen Latifah', `${path}/queen-latifah/`],
Expand Down Expand Up @@ -309,8 +319,9 @@ const bands = [
/* ======================= S ======================= */
['Skyrim', `${path}/skyrim/`],
['Snap!', `${path}/snap/`],
['Selena Gomez', `${path}/selena-gomez/`],
['Sia', `${path}/sia/`],
['Sawano Hiroyuki', `${path}/sawano-hiroyuki-ost/`],
['Spin Doctors', `${path}/spin-doctors/`],
['September 87', `${path}/september-87-ost/`],
['Succession', `${path}/succession/`],
['St. Vincent', `${path}/st-vincent/`],
Expand All @@ -322,13 +333,13 @@ const bands = [
['Stevie Wonder', `${path}/stevie-wonder//`],
['Ship Wrek', `${path}/ship-wrek-ost/`],
['Shrek 2', `${path}/shrek-2/`],
['Spin Doctors', `${path}/spin-doctors/`],
['Serena', `${path}/serena/`],
[
'Star vs. The Forces Of Evil - Soundtrack',
`${path}/star-vs-the-forces-of-evil-soundtrack/`
],
['Shakira', `${path}/shakira/`],
['Selena Gomez', `${path}/selena-gomez/`],

/* ======================= T ======================= */
['The Score', `${path}/the-score/`],
Expand Down Expand Up @@ -1991,3 +2002,14 @@ window.addEventListener('storage', e => {
$dataList.innerHTML = html;
}
})();

document.addEventListener('contextmenu', function (e) {
if (e.target.matches('.card-single-right h3')) {
let h3Title = e.target.textContent;
localStorage.setItem('lastNameCardClicked', h3Title);
}
if (e.target.matches('.card-single-right p')) {
let h3Title = e.target.previousElementSibling.textContent;
localStorage.setItem('lastNameCardClicked', h3Title);
}
});
46 changes: 15 additions & 31 deletions styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
html,
body {
width: 100%;
height: 100%;
min-height: 100vh;
max-width: 2400px;
max-height: 100vh;
margin-inline: auto;
Expand All @@ -32,8 +32,6 @@ html {
place-content: center;
}



.html-scheme {
position: fixed;
width: 100%;
Expand Down Expand Up @@ -489,27 +487,15 @@ html {
}

.card-single:nth-child(3n + 1) {
background-color: color-mix(
in srgb,
var(--color1, #f004),
transparent 55%
);
background-color: color-mix(in srgb, var(--color1, #f004), transparent 55%);
}

.card-single:nth-child(3n + 2) {
background-color: color-mix(
in srgb,
var(--color2, #f004),
transparent 55%
);
background-color: color-mix(in srgb, var(--color2, #f004), transparent 55%);
}

.card-single:nth-child(3n + 3) {
background-color: color-mix(
in srgb,
var(--color3, #00f4),
transparent 55%
);
background-color: color-mix(in srgb, var(--color3, #00f4), transparent 55%);
}

.playlist-container-form,
Expand Down Expand Up @@ -1101,10 +1087,10 @@ html {
height: 100vh;
width: 100%;
left: 0;
zoom: .4;
zoom: 0.4;

@media (width <= 1111px) {
zoom: .5;
zoom: 0.5;
}

.container-cube {
Expand Down Expand Up @@ -2378,8 +2364,7 @@ html {
left: 20px;
width: 73%;
height: 25%;
transform: translate(0px, 0px) translateZ(-37px) scale(0.7)
rotateX(90deg);
transform: translate(0px, 0px) translateZ(-37px) scale(0.7) rotateX(90deg);
background-color: #ffa50088;
}
&.side-bottom {
Expand Down Expand Up @@ -2516,23 +2501,23 @@ html {
}
&.tts-bottom-left {
transform: perspective(10000px) scaleY(-1)
translateZ(var(--w-half-negative))
translateX(var(--w-half-negative)) rotateY(90deg) rotateX(-47deg);
translateZ(var(--w-half-negative)) translateX(var(--w-half-negative))
rotateY(90deg) rotateX(-47deg);
}

&.tts-bottom-front {
transform: perspective(10000px) scaleY(-1) scaleZ(-1) rotateX(-47deg);
}

&.tts-bottom-behind {
transform: perspective(10000px) scaleY(-1)
translateZ(var(--w-negative)) rotateX(-47deg);
transform: perspective(10000px) scaleY(-1) translateZ(var(--w-negative))
rotateX(-47deg);
}

&.tts-bottom-right {
transform: perspective(10000px) scaleY(-1)
translateZ(var(--w-half-negative))
translateX(var(--w-half-positive)) rotateY(-90deg) rotateX(-47deg);
translateZ(var(--w-half-negative)) translateX(var(--w-half-positive))
rotateY(-90deg) rotateX(-47deg);
}

.side {
Expand Down Expand Up @@ -2770,8 +2755,7 @@ html {
}

25% {
transform: translate(-50%, -50%) rotateX(90deg) rotateY(180deg)
rotate(90deg);
transform: translate(-50%, -50%) rotateX(90deg) rotateY(180deg) rotate(90deg);
}

50% {
Expand Down Expand Up @@ -3236,7 +3220,7 @@ html {
@media (width <= 800px) and (orientation: portrait) {
width: 72%;
margin-inline: auto;
transform: translate(-50%, -50%) translateY(-60px);
transform: translate(-50%, -50%) translateY(-60px);
}

.autocomplete {
Expand Down

0 comments on commit 3fdda55

Please sign in to comment.