generated from shkeating/html-starter
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgreen.html
91 lines (91 loc) · 6.19 KB
/
green.html
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
89
90
91
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>What The Hyperpop?</title>
<meta name="description" content="A guide to understanding a growing genre>
<meta name="author" content="Jess Soledad :D">
<link rel="icon" type="image/png" href="favicon.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body class="greenbg">
<header class="green">
<a id="logo" href="index.html"><img src="vector.png"/></a>
<nav class="menu">
<a href=blue.html class="link">pc music and co.</a>
<a href=pink.html class="link">girly pop(star)</a>
<a href=green.html class="link">extremely online</a>
<a href=orange.html class="link">pots and pans</a>
</nav>
</header>
<main>
<h1>extremely online</h1>
<h2>a new wave of young, rebellious artists</h2>
<section class="squareg">
<h3>about:</h3>
<div>
<p>origin: late 2010s</p>
<p>similar genres associated with: digicore, glitch pop, nightcore, cloud rap, punk, noise pop, dariacore, emo</p>
<p>primary figures: 100 gecs (dylan brady, laura les, arguably the pioneers), dorian electra, food house (fraxiom, gupi), alice longyu gao, jane remover, underscores, recovery girl (aka galen tipton)</p>
</div>
</section>
<h3 class="main">quintessential albums to check out</h3>
<section class="squareg">
<div class="leftsq">
<img class="album" src="albums/1000gecs.jpeg">
</div>
<div class="rightsq padding">
<h3 class="review1">album: 1000 gecs</h3>
<h3 class="review1">artist: 100 gecs</h3>
<p class="review2">released: november 15, 2019</p>
<p class="review2">sub-genres: digicore, emo rap, nightcore, electropop</p>
<p class="review2">descriptors: chaotic, noisy, humourous, rebellious, youthful, aggressive, loud, surreal, absurdist, bratty</p>
<p class="review2">recommended if you like: trolling people, bongs, monster trucks, rage rooms, taking names and kicking *ss, deep-fried memes, basement shows</p>
<p class="review2">thoughts: i honestly think this album has shifted the timeline. it unironically defined a whole generation, full of creativity and individual identity, breaking every rule possible and never caring about what works.</p>
<p class="review2">fav track: stupid horse</p>
</div>
</section>
<section class="squareg">
<div class="leftsq">
<img class="album" src="albums/my_agenda.jpeg">
</div>
<div class="rightsq padding">
<h3 class="review1">album: my agenda</h3>
<h3 class="review1">artist: dorian electra</h3>
<p class="review2">released: october 16, 2020</p>
<p class="review2">sub-genres: edm, hardcore, brostep, art pop, uh...</p>
<p class="review2">descriptors: satire, masculine, manic, chaotic, statement, sarcastic, hedonistic</p>
<p class="review2">recommended if you like: furries, bdsm, conspiracy theories, fedoras, those gangster cartoon shirts, the term "brOTP", mlg, raiding discord servers</p>
<p class="review2">thoughts: i love how it's the most extremely stereotypical male caricatures that are becoming more frequent and unironic. this tells a whole story, watching someone's joker moment, both hilarious and downright scary. still fresh and eye-opening to this day, i think dorian was trying to tell us something</p>
<p class="review2">fav track: barbie boy</p>
</div>
</section>
<section class="squareg">
<div class="leftsq">
<img class="album" src="albums/fishmonger.jpeg">
</div>
<div class="rightsq padding">
<h3 class="review1">album: fishmonger</h3>
<h3 class="review1">artist: underscores</h3>
<p class="review2">released: march 25, 2021</p>
<p class="review2">sub-genres: indie pop, pop rock, emo pop</p>
<p class="review2">descriptors: quirky, nostalgic, messy, noisy, summer, anxiety, childhood</p>
<p class="review2">recommended if you like: skateboarding anywhere that isn't a skate park, coming-of-age movies, diary of a whimpy kid, hand drawn tattoos, internet friends, hating growing up, existential dread</p>
<p class="review2">thoughts: the most youthful album out there, watching myself and a friend grow up, all throughout the course of a summer, maybe our last year in town. it's messy like any other teenager heading onto adulthood, and it doesn't help over the fact that i listened to this album throughout my whole summer leading up to my freshmen year in college. </p>
<p class="review2">fav track: kinko's field trip 2006</p>
</div>
</section>
<h3>listen here!</h3>
<iframe class="spotify" style="border-radius:12px" src="https://open.spotify.com/embed/playlist/0oexCWhS6zc7HP3uCpcF57?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<h3>sources + read more</h3>
</main>
<footer>
<p class="sm">Copyright ©2023</p>
<p class="sm">Jessica Soledad. All Rights Reserved.</p>
</footer>
</body>
</html>