-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (97 loc) · 6.11 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html lang="en">
<head>
<title>Therum</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Official Website of Therum - Experience music, videos, tour dates, and more.">
<link rel="icon" href="source/icons/TherumIcon.ico">
<link rel="stylesheet" type="text/css" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Exo+2&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" type="text/css" href="therminal/therminal-iframe.css">
</head>
<body>
<div class="content">
<img class="title" src="source/TherumLogoCropped.jpg" alt="Therum Logo">
<div class="social-links">
<a href="https://www.instagram.com/therum.music/" target="_blank" class="fab fa-instagram"></a>
<a href="https://www.youtube.com/@therummusic/" target="_blank" class="fab fa-youtube"></a>
<a href="https://soundcloud.com/therummusic/" target="_blank" class="fab fa-soundcloud"></a>
<a href="https://open.spotify.com/artist/4G7WRo3PoJefJeeAFiZvNC?si=04d29bc6815a47c4" target="_blank" class="fab fa-spotify"></a>
<a href="https://music.apple.com/us/artist/therum/1577386360" target="_blank" class="fab fa-apple"></a>
<a href="https://therum1.bandcamp.com/" target="_blank" class="fab fa-bandcamp"></a>
</div>
<div class="headline-section">
<h1>CRITICAL BIOS.UPDATE REQUIRED</h1>
<button class="redirect-button" onclick="window.location.href='BIOS.update/bios.update.html'">AUDITORY INSTALL</button>
<h2>PLEASE UPDATE AS SOON AS POSSIBLE</h2>
</div>
<div class="video-wrapper">
<iframe src="https://www.youtube.com/embed/xs1fRAFCAug" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<h2>Discography</h2>
<div class="album_gallery">
<figure class="gallery-item">
<img src="BIOS.update/IM_FinalAlbumArt_4k_Recolor.jpg" alt="BIOS.update - 2024" onclick="window.location.href='BIOS.update/bios.update.html'">
</figure>
<figure class="gallery-item">
<img src="discography/gallery/AetherumCutsArt-4k.jpeg" alt="Aetherum Cuts - 2024" onclick="openModal(this)">
</figure>
<figure class="gallery-item">
<img src="discography/gallery/DarklinesWithinUs.jpg" alt="Darklines Within Us - 2023" onclick="openModal(this, '<iframe src=\'https://open.spotify.com/embed/album/3p9SEBWbwhPabhYlECaj2d\' style=\'width:min(800px, 80vw); height:45vh; \' frameborder=\'0\' allowtransparency=\'true\' allow=\'encrypted-media\'></iframe>')">
</figure>
<figure class="gallery-item">
<img src="discography/gallery/SweetVictoriesArt.jpg" alt="Sweet Victories / Sour Defeat - 2023" onclick="openModal(this, '<iframe src=\'https://open.spotify.com/embed/album/6aIRDQTEquSBgy15wfCpRp\' style=\'width:min(800px, 80vw); height:250px;\' frameborder=\'0\' allowtransparency=\'true\' allow=\'encrypted-media\'></iframe>')">
</figure>
<figure class="gallery-item">
<img src="discography/gallery/IKnowThatYouKnow.png" alt="I Know (That You Know That I Knew) - 2022" onclick="openModal(this, '<iframe src=\'https://open.spotify.com/embed/album/7GtWOIwqO6csixTeM1kak1\' style=\'width:min(800px, 80vw); height:250px;\' frameborder=\'0\' allowtransparency=\'true\' allow=\'encrypted-media\'></iframe>')">
</figure>
<figure class="gallery-item">
<img src="discography/gallery/ILikeBeans.jpg" alt="I Like Beans - 2022" onclick="openModal(this, '<iframe src=\'https://open.spotify.com/embed/album/09gPcMmiAmPtD2LGEqS95x\' style=\'width:min(800px, 80vw); height:250px;\' frameborder=\'0\' allowtransparency=\'true\' allow=\'encrypted-media\'></iframe>')">
</figure>
<figure class="gallery-item">
<img src="discography/gallery/TwoSunkenSons.jpg" alt="Two Sunken Sons - 2021" onclick="openModal(this, '<iframe src=\'https://open.spotify.com/embed/album/2oX2lq1AH0l81vPCsveBAc\' style=\'width:min(800px, 80vw); height:60vh;\' frameborder=\'0\' allowtransparency=\'true\' allow=\'encrypted-media\'></iframe>')">
</figure>
</div>
<h3>The Gallery</h3>
<div class="gallery">
<!-- Gallery items here -->
</div>
<div class="newsletter-signup">
<h2>Stay Updated</h2>
<form>
<input type="email" name="email" placeholder="YOUR EMAIL ADDRESS" required>
<button type="submit" name="subscribe">Subscribe</button>
</form>
<p class="caption">[subscribe to get email updates on the latest from Therum]</p>
</div>
<div class="contact-info">
<a href="mailto:[email protected]" class="contact-link">Contact: [email protected]</a>
</div>
</div>
<div id="myModal" class="modal">
<span class="close">×</span>
<div class="modal-content">
<img id="img01" class="modal-img">
<div id="caption" class="title"></div>
<div id="description" class="modal-description"></div>
</div>
</div>
<button id="therminal-toggle">Open Therminal</button>
<iframe id="therminal-iframe" src="therminal.html"></iframe>
<script src="interact.js"></script>
<script src="therminal/therminal-iframe.js"></script>
<script>
window.addEventListener('load', function() {
const urlParams = new URLSearchParams(window.location.search);
if (urlParams.get('expandTherminal') === 'true') {
const therminalToggle = document.getElementById('therminal-toggle');
if (therminalToggle) {
therminalToggle.click();
}
}
});
</script>
</body>
</html>