-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (83 loc) · 4.96 KB
/
index.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
92
<html>
<head>
<meta property="og:image" content="img/bangers only social.png" />
<link rel="stylesheet" href="style.css">
<title>
Bangers Only — Your only source for bangers
</title>
</head>
<body>
<center>
<h1>
<img src="img/title.png" width=300px>
</h1>
<h2>
What is that? Why are they? We only have them.
</h2>
<table width=900px border=10 align="center" style="background-color:#FFFFFF55;" >
<tr>
<td>
<h3>Welcome, Welcome, Welcome</h3>
<img src="img/under_construction.gif" width=100px>
</td>
<td width="300px">
<center>
<button id="bangers" onclick="window.location.href='https://bit.ly/bangersonly';">
Bangers Only
</button>
</center>
</td>
<td>
<center>
<h3>
Bangers Only is the only site you'll need for bangers
</h3>
</center>
<img src="img/under_construction.gif" width=125px align="right">
</td>
</tr>
<tr>
<td class = "screed">
<H3>What Maketh a Banger? </h3>
<i>A screed by Becca.</i>
<p>
Humanity has been banging for eons, certainly. Yet a banger itself, it's atomic constitution, it's viscera, it's esoteric vibe…what maketh a banger? Tis but a simple query. For it is not if or under which circumstances one may bang, nay, a common mistake. <span class = 'highlight'>What maketh a banger?</span></p>
<p>It is the cause and the effect. The quid and the pro quo. <span class = "highlight_other">The cat and, indeed, the bag it is let out of. </span>
To be a banger is no feat for small insignificant tracks. It is not only putting one's hands up, it must also be the declaration that they are playing one's song. <span class="highlight_other">It is not only the repeated supplication of if one has to, it is the bewilderment that one besought to linger. </span></p>
<p>
How can such esoteric provocations be defined in the modern zeitgeist? <span class="highlight">The luddites will say they cannot be, yet the educated human will disagree vigorously.</span> Any human experience such as banger reception can be definitively qualified.
</p>
<br/><p><i>Continued on the right side....</i></p>
</td>
<td>
<p style="background-color:tomato;">
<b>NOTE:</b> Spotify limits embedded playlists to 100 tracks. So, click through above for the full list of recent bangers.
</p>
<iframe style="border-radius:3px" src="https://open.spotify.com/embed/playlist/4HjkHsNxGtW1XTjHp8RUiR?utm_source=generator&theme=0" width="100%" height="750px" frameBorder="10" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</td>
<td class="screed">
<br/><br/><i>....Continued from left side.</i>
<p>
Ask yourself, human, if you have experienced <span class = "highlight">any of the following symptoms associated with bangers:</span>
</p>
<ol>
<li>An incandescent wave of warmth spreading outwards from the point beneath your nose</li>
<li> Your human flesh hand <span class = "highlight_other">flexing into a claw</span> that clasps without warning upon the shoulder of a colleague</li>
<li> A primal vocalisation of <span class = "highlight_other">“ohh, hell yeah”</span></li>
<li> A <span class = "highlight_other">curiously robust urge</span> to make out with a rando</li>
</ol>
An affirmative answer to two of the above unequivocally constitutes exposure to a <span class = "highlight">certified banger</span>. Be joyous! Be free!</li>
<p>
One cannot help but be reminded of the immortal maxim of Bruce of New Jersey: “I'm on fire”. Such powerful words from The Boss. May it bring you inconceivable delight to revive <span class = "highlight">these bangers, these tokens of infamy, these gods of old, these unruly satyrs</span>. Use them to slight your enemies, betray your better selves, and most importantly, to make out with randos.
</p>
</td>
</tr>
</table>
<img class="werdart" src="img/werdart.png" width=300px>
</center>
<br/><br/>
Happy birthday, Becca.
<br/>
Yet another fantastic website by Jeff Industries and Fabrication (JI&F, 2022) and Michelle (No Company, 2022)
</body>
</html>