-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
66 lines (63 loc) · 3.41 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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=Fira+Code:wght@300..700&display=swap" rel="stylesheet">
<script src="https://cdn.counter.dev/script.js" data-id="fd011bcf-b669-4d42-9fd9-b82353653704" data-utcoffset="2"></script>
<link rel="icon" href="img/colored/gunter-icon.png">
<title>Nyawtism</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="profile">
<img src="img/profile-pic.jpg" alt="Profile Picture" class="profile-pic">
<div class="profile-info">
<h1>Nyawai</h1>
<div class="badges">
<span class="badge">💎</span>
<span class="badge">⭐</span>
</div>
<p class="subtitle">Catboy | Femboy</p>
<p class="joined">joined 69 months ago</p>
</div>
</div>
<div class="status-music">
<div class="status">
<img src="img/discord-profile-dnd.png" alt="Status Picture" class="status-pic">
<div>
<p class="username">nyawai</p>
<p class="current-status">currently coding dumb stuff :3</p>
</div>
</div>
<div class="music">
<div class="link-content">
<div class="song-info">
<img class="song-image" src="img/song-image.png" alt="song-image">
<p class="song-title">Midnight Rooftop</p>
<p class="artist">Yuki, SuiSai, Santana Yuki</p>
</div>
<button class="preview-button" onclick="window.open('https://open.spotify.com/track/709KDf8mTsVZ85vPU6LGsY', '_blank')" >PLAY</button>
</div>
</div>
</div>
<div class="icons">
<a class="spotify-icon" href="https://open.spotify.com/playlist/5imTs246rXny4dH4Msdv4J?si=2130284c2867420d" target="_blank"><img src="img/colored/spotify-icon.png" alt="Spotify"></a>
<a class="twitter-icon" href="https://x.com/nyawai_" target="_blank"><img src="img/colored/twitter-x-icon.png" alt="Twitter"></a>
<a class="twitch-icon" href="https://www.twitch.tv/nyawai" target="_blank"><img src="img/colored/twitch-icon.png" alt="Twitch"></a>
<a class="github-icon" href="https://github.com/nyanwai" target="_blank"><img src="img/colored/github-icon.png" alt="GitHub"></a>
<a class="steam-icon" href="https://steamcommunity.com/id/nyawai/" target="_blank"><img src="img/colored/steam-icon-c.png" alt="Steam"></a>
<a class="paypal-icon" href="https://www.paypal.me/ArcannNyawai" target="_blank"><img src="img/colored/paypal-icon.png" alt="Paypal"></a>
</div>
<div class="welcome-msg">welcome to my profile</div>
<div class="view-counter-container">
<img class="view-counter-icon" src="img/colored/views-icon.png">
<p class="counter-text"></p>
</div>
</div>
<script src="script.js"></script>
</body>
</html>