blob: 06f89b45658f4a29b49a6b9dbf241d6974702a64 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
---
layout: default
title: albums
---
<style>
body {
/* background-color: black; */
}
main {
margin: 2.5vw;
display: grid;
grid-template-columns: repeat(5, 18vw);
grid-gap: 15px;
}
div {
display: none;
position: fixed;
top: 50%;
left: 50%;
margin-left: -20em;
margin-top: -20em;
z-index: 1;
width: 40em;
height: auto;
}
img {
width: 100%;
height: auto;
}
a img:hover:target {
width: 200%;
height: auto;
}
img:hover + div {
display: block;
border: 2px solid white;
}
</style>
<main>
<img src="assets/albums/1989.jpg" alt="Taylor Swift - 1989">
<div id="1989"><img src="assets/albums/1989.jpg" alt="Taylor Swift - 1989"></div>
<img src="assets/albums/random-access-memories.jpg" alt="Daft Punk - Random Access Memories">
<div id="random-access-memories"><img src="assets/albums/random-access-memories.jpg" alt="Daft Punk - Random Access Memories"></div>
<img src="assets/albums/blurryface.jpg" alt="Twenty One Pilots - Blurryface">
<div id="blurryface"><img src="assets/albums/blurryface.jpg" alt="Twenty One Pilots - Blurryface"></div>
<img src="assets/albums/death-of-a-bachelor.jpg" alt="Panic! at the Disco - Death of a Bachelor">
<div id="death-of-a-bachelor"><img src="assets/albums/death-of-a-bachelor.jpg" alt="Panic! at the Disco - Death of a Bachelor"></div>
<img src="assets/albums/american-idiot.jpg" alt="Green Day - American Idiot">
<div id="american-idiot"><img src="assets/albums/american-idiot.jpg" alt="Green Day - American Idiot"></div>
<img src="assets/albums/funeral.jpg" alt="Arcade Fire - Funeral">
<div id="funeral"><img src="assets/albums/funeral.jpg" alt="Arcade Fire - Funeral"></div>
<img src="assets/albums/the-suburbs.jpg" alt="Arcade Fire - The Suburbs">
<div id="the-suburbs"><img src="assets/albums/the-suburbs.jpg" alt="Arcade Fire - The Suburbs"></div>
<img src="assets/albums/mellon-collie.jpg" alt="The Smashing Pumpkins - Mellon Collie and the Infinite Sadness">
<div id="mellon-collie"><img src="assets/albums/mellon-collie.jpg" alt="The Smashing Pumpkins - Mellon Collie and the Infinite Sadness"></div>
<img src="assets/albums/deathconsciousness.jpg" alt="Have A Nice Life - Deathconsciousness">
<div id="deathconsciousness"><img src="assets/albums/deathconsciousness.jpg" alt="Have A Nice Life - Deathconsciousness"></div>
<img src="assets/albums/let-them-be-alien.jpg" alt="Lebanon Hanover - Let Them Be Alien">
<div id="let-them-be-alien"><img src="assets/albums/let-them-be-alien.jpg" alt="Lebanon Hanover - Let Them Be Alien"></div>
<img src="assets/albums/lungs.jpg" alt="Florence and the Machine - Lungs">
<div id="lungs"><img src="assets/albums/lungs.jpg" alt="Florence and the Machine - Lungs"></div>
<img src="assets/albums/dance-fever.jpg" alt="Florence and the Machine - Dance Fever">
<div id="dance-fever"><img src="assets/albums/dance-fever.jpg" alt="Florence and the Machine - Dance Fever"></div>
<img src="assets/albums/laurel-hell.jpg" alt="Mitski - Laurel Hell">
<div id="laurel-hell"><img src="assets/albums/laurel-hell.jpg" alt="Mitski - Laurel Hell"></div>
<img src="assets/albums/electra-heart.jpg" alt="Marina and the Diamonds - Electra Heart">
<div id="electra-heart"><img src="assets/albums/electra-heart.jpg" alt="Marina and the Diamonds - Electra Heart"></div>
<img src="assets/albums/food-house.jpg" alt="Food House - Food House">
<div id="food-house"><img src="assets/albums/food-house.jpg" alt="Food House - Food House"></div>
<img src="assets/albums/HARDCORE-HEAVEN.jpg" alt="Alice Gas - HARDCORE HEAVEN">
<div id="hardcore-heaven"><img src="assets/albums/HARDCORE-HEAVEN.jpg" alt="Alice Gas - HARDCORE HEAVEN"></div>
<img src="assets/albums/swvwv.jpg" alt="Brian David Gilbert - Songs With Videos Without Videos">
<div id="swvwv"><img src="assets/albums/swvwv.jpg" alt="Brian David Gilbert - Songs With Videos Without Videos"></div>
<img src="assets/albums/biyaaheysf.jpg" alt="Machine Girl - ...BECAUSE I'M YOUNG ARROGANT AND HATE EVERYTHING YOU STAND FOR">
<div id="biyaaheysf"><img src="assets/albums/biyaaheysf.jpg" alt="Machine Girl - ...BECAUSE I'M YOUNG ARROGANT AND HATE EVERYTHING YOU STAND FOR"></div>
<img src="assets/albums/celeste.jpg" alt="Lena Raine - Celeste Soundtrack">
<div id="celeste"><img src="assets/albums/celeste.jpg" alt="Lena Raine - Celeste Soundtrack"></div>
<img src="assets/albums/octopath.jpg" alt="Yasunori Nishiki - Octopath Traveler Soundtrack">
<div id="octopath"><img src="assets/albums/octopath.jpg" alt="Yasunori Nishiki - Octopath Traveler Soundtrack"></div>
<!-- <img src="assets/albums/undertale.jpg" alt="Toby Fox - Undertale Soundtrack">
<div id="undertale"><img src="assets/albums/undertale.jpg" alt="Toby Fox - Undertale Soundtrack"></div> -->
<!-- <img src="assets/albums/a-moon-shaped-pool.jpg" alt="Radiohead - A Moon Shaped Pool">
<div id="a-moon-shaped-pool"><img src="assets/albums/a-moon-shaped-pool.jpg" alt="Radiohead - A Moon Shaped Pool"></div> -->
<!-- <img src="assets/albums/hamilton.jpg" alt="Lin-Manuel Miranda - Hamilton Soundtrack">
<div id="hamilton"><img src="assets/albums/hamilton.jpg" alt="Lin-Manuel Miranda - Hamilton Soundtrack"></div>
<img src="assets/albums/inception.jpg" alt="Hans Zimmer - Inception Soundtrack">
<div id="inception"><img src="assets/albums/inception.jpg" alt="Hans Zimmer - Inception Soundtrack"></div> -->
</main>
|
