-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
42 lines (36 loc) · 3.15 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="/Microhouse/images/favicon.png">
<title>Microhouse, a story</title>
</head>
<body>
<div class="main-container">
<svg id="arrow-left" xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" viewBox="0 0 16 16">
<path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m3.5 7.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"/>
</svg>
<div class="song-box">
<div class="artist-container">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" viewBox="0 0 16 16">
<path d="M8 3a5 5 0 0 0-5 5v1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8a6 6 0 1 1 12 0v5a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h1V8a5 5 0 0 0-5-5"/>
</svg>
<h1 class="artist" id="artist">Luomo</h1>
</div>
<img class="artist-image" id="artist-image" src="/Microhouse/images/artists/luomo.webp">
<p class="bio" id="bio">Sasu Ripatti, known artistically as Luomo, is a prominent electronic music producer and DJ hailing from Finland. Born in 1976, Ripatti has been a key figure in the electronic music scene since the 1990s. His innovative approach to genres like deep house and microhouse has gained international recognition. Luomo released his debut album, "Vocalcity," in 2000, featuring the acclaimed track "Tessio." This song has become a genre classic, appreciated for its captivating rhythms and distinctive incorporation of vocals. Throughout his career, Luomo has continued to explore and contribute to the evolution of electronic music, solidifying his position as a pioneer in the realm of electronic dance music.</p>
<iframe id="song" style="border-radius:12px" src="https://open.spotify.com/embed/track/0jfeHptByz7p6pa2LhP8lx?utm_source=generator&theme=0" width="100%" height="100" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>
<svg id="arrow-right" xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" viewBox="0 0 16 16">
<path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0M4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5z"/>
</svg>
</div>
<script src="script.js"></script>
</body>
</html>