generated from shkeating/html-starter
-
Notifications
You must be signed in to change notification settings - Fork 0
/
blue.html
91 lines (91 loc) · 6.21 KB
/
blue.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="bluebg">
<header class="blue">
<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>pc music and co.</h1>
<h2>the birth of a new era in pop music</h2>
<section class="squareb">
<h3>about</h3>
<div class="padding">
<p>origins: United Kingdom, early 2010s</p>
<p>similar genres associated with: bubblegum bass, art pop, glitch pop, future bass, uk bass, wonky</p>
<p>primary figures: a.g. cook (founder of pc music), hannah diamond, GFOTY, charli xcx, namasenda, danny l harle, caroline polachek, patricia taxxon</p>
</div>
</section>
<h3 class="main">quintessential albums to check out</h3>
<section class="squareb">
<div class="leftsq">
<img class="album" src="albums/pc_music1.jpeg">
</div>
<div class="rightsq padding">
<h3 class="review1">album: pc music vol.1 </h3>
<h3 class="review1">artist: pc music roster</h3>
<p class="review2">released: may 2, 2015</p>
<p class="review2">sub-genres: bubblegum bass, dance-pop, glitch pop</p>
<p class="review2">descriptors: playful, futuristic, cleam. satirical (?), love, euphoria, plastic shiny</p>
<p class="review2">recommended if you like: teeny-bopper magazines, pink blush, irl_moots, product placements, middle school crushes, mary sues</p>
<p class="review2">thoughts: maybe in some alternative universe this album would be in those tumblr-era defining moments in girlhood. it reeks of rainbow MLP OCs, sparkly diaries and trading secrets, something that a nickelodeon star would make</p>
<p class="review2">fav track: keri baby</p>
</div>
</section>
<section class="squareb">
<div class="leftsq">
<img class="album" src="albums/pop2.jpeg">
</div>
<div class="rightsq padding">
<h3 class="review1">album: pop 2 </h3>
<h3 class="review1">artist: charli xcx</h3>
<p class="review2">released: december 15, 2017</p>
<p class="review2">sub-genres: bubblegum bass, glitch pop, synthpop</p>
<p class="review2">descriptors: shiny, glittery, futuristic, energetic, nightclub, love, passionate, ethereal</p>
<p class="review2">recommended if you like: late night drives, unicorn skin, UFOs, best friends forever, robots, gel nails, alcohol all over the floor </p>
<p class="review2">thoughts: the lifecycle of a relationship in the perspective of an alien understanding human emotion. however, there's something joyous and celebratory about this, and i would say that the features are a vital reason. it's almost like a large group project, everyone mixing and matching styles, and i feel as though that represents the love of internet culture and gayness. easily considered a victory lap in everyone's early career.</p>
<p class="review2">fav track: out of my head</p>
</div>
</section>
<section class="squareb">
<div class="leftsq">
<img class="album" src="albums/pang.jpeg">
</div>
<div class="rightsq padding">
<h3 class="review1">album: pang</h3>
<h3 class="review1">artist: caroline polachek</h3>
<p class="review2">released: october 18, 2019</p>
<p class="review2">sub-genres: art pop, electropop, ambient pop</p>
<p class="review2">descriptors: ethereal, surreal, poetic, lush, deep, atmospheric, talkative, introspective, grand</p>
<p class="review2">recommended if you like: greek mythology, adam and eve, reincarnation, solarpunk, biblically accurate angels, sirens and pirates, lucid dreaming, autotune(?)</p>
<p class="review2">thoughts: a much more grown up version of hannah diamond, in a literal way, like if the character of hannah diamond grew older and got an ego death and gave a.g. cook some grass and vitamin d. its girlhood but you are a mermaid that accidentally drowned a sailor because you just wanted a friend and you freaked him out too much. </p>
<p class="review2">fav track: go as a dream</p>
</div>
</section>
<h3>listen here!</h3>
<iframe class="spotify" style="border-radius:12px" src="https://open.spotify.com/embed/playlist/1DxVPGzV9ekszIMpl0ECVe?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>