-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
167 lines (152 loc) · 12.4 KB
/
index.html
File metadata and controls
167 lines (152 loc) · 12.4 KB
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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="dark">
<meta name="theme-color" content="#050505">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#050505">
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#050505">
<meta name="description" content="cyroz - Personal website and social links">
<meta name="keywords" content="cyroz, personal website, social media, setup">
<meta name="author" content="cyroz">
<meta property="og:title" content="cyroz">
<meta property="og:description" content="Personal website and social links">
<meta property="og:type" content="website">
<meta property="og:url" content="https://cyroz1.github.io">
<meta property="og:image" content="https://cyroz1.github.io/assets/images/og-preview.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://cyroz1.github.io/assets/images/og-preview.png">
<link rel="canonical" href="https://cyroz1.github.io/">
<title>cyroz</title>
<link rel="icon" type="image/svg+xml" href="favicon.svg">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="preload" href="assets/images/cyroz-circle-96.webp" as="image">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap"
as="style">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap"
rel="stylesheet">
</head>
<body>
<div class="bg-canvas">
<div class="glow glow-1"></div>
<div class="glow glow-2"></div>
<div class="glow glow-3"></div>
<div class="glow-cursor" id="glowCursor"></div>
</div>
<main class="container">
<header class="hero">
<div class="avatar-ring">
<img src="assets/images/cyroz-circle-96.webp" alt="cyroz" width="96" height="96">
</div>
<h1>cyroz</h1>
</header>
<div class="link-grid">
<a href="https://github.com/cyroz1/vidcord" target="_blank" rel="noopener noreferrer" class="link-card"
id="link-vidcord" style="--delay: 0" aria-label="Vidcord — GitHub">
<svg class="card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor">
<path fill-rule="evenodd"
d="M10 4h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-8V4zm3 4v8h2v-2h2v-4h-2V8h-2z" />
<rect x="7" y="5" width="2" height="2" />
<rect x="7" y="10" width="2" height="3" />
<rect x="7" y="15" width="2" height="3" />
<rect x="4" y="6" width="2" height="2" />
<rect x="4" y="11" width="2" height="2" />
<rect x="4" y="15" width="2" height="2" />
<rect x="5" y="18" width="1" height="1" />
<rect x="1" y="8" width="2" height="2" />
<rect x="2" y="12" width="1" height="1" />
<rect x="0" y="15" width="1" height="1" />
<rect x="3" y="16" width="1" height="1" />
</svg>
<span class="card-label">Vidcord</span>
</a>
<a href="beats.html" class="link-card" id="link-beats" style="--delay: 1"
aria-label="Beats — buy instrumentals">
<svg class="card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M3 10v4" />
<path d="M7 6v12" />
<path d="M11 3v18" />
<path d="M15 8v8" />
<path d="M19 11v2" />
</svg>
<span class="card-label">Beats</span>
</a>
<a href="setup.html" class="link-card" id="link-setup" style="--delay: 2"
aria-label="Setup — hardware and gear">
<svg class="card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="3" width="20" height="14" rx="2" ry="2" />
<line x1="8" y1="21" x2="16" y2="21" />
<line x1="12" y1="17" x2="12" y2="21" />
</svg>
<span class="card-label">Setup</span>
</a>
<a href="settings.html" class="link-card" id="link-settings" style="--delay: 3"
aria-label="Settings — config file previews">
<svg class="card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="3" />
<path
d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" />
</svg>
<span class="card-label">Settings</span>
</a>
<a href="https://x.com/cyrozfn" target="_blank" rel="noopener noreferrer" class="link-card" id="link-x"
style="--delay: 4" aria-label="cyroz on X (Twitter)">
<svg class="card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor">
<path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
</svg>
<span class="card-label">X</span>
</a>
<a href="https://twitch.tv/cyroz_" target="_blank" rel="noopener noreferrer" class="link-card"
id="link-twitch" style="--delay: 5" aria-label="cyroz on Twitch">
<svg class="card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor">
<path
d="M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0 1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714z" />
</svg>
<span class="card-label">Twitch</span>
</a>
<a href="https://youtube.com/@cyroz1" target="_blank" rel="noopener noreferrer" class="link-card"
id="link-youtube" style="--delay: 6" aria-label="cyroz on YouTube">
<svg class="card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor">
<path
d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12z" />
</svg>
<span class="card-label">YouTube</span>
</a>
<a href="https://open.spotify.com/artist/2zpOy6dmoVh7G9efrBctHF" target="_blank" rel="noopener noreferrer"
class="link-card" id="link-spotify" style="--delay: 7" aria-label="cyroz on Spotify">
<svg class="card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor">
<path
d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z" />
</svg>
<span class="card-label">Spotify</span>
</a>
<a href="https://music.apple.com/us/artist/cyroz/1772918529" target="_blank" rel="noopener noreferrer"
class="link-card" id="link-apple-music" style="--delay: 8" aria-label="cyroz on Apple Music">
<svg class="card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor">
<path
d="M23.994 6.124a9.23 9.23 0 0 0-.24-2.19c-.317-1.31-1.062-2.31-2.18-3.043A5.022 5.022 0 0 0 19.7.28a10.49 10.49 0 0 0-1.564-.15C17.638.08 17.14.05 16.458.05h-8.98c-.698 0-1.196.03-1.68.08-.55.05-1.1.13-1.57.29a4.981 4.981 0 0 0-1.87.82C1.24 2.08.5 3.13.18 4.42A9.315 9.315 0 0 0 0 6.61v10.78c0 .49.03.98.09 1.46.1.8.33 1.55.71 2.24a5.038 5.038 0 0 0 3.15 2.43c.46.12.95.19 1.43.23.49.04.99.07 1.48.07h9.16c.57 0 1.14-.02 1.71-.07a7.3 7.3 0 0 0 1.5-.25 5.024 5.024 0 0 0 3.12-2.46c.36-.67.58-1.39.69-2.15.07-.49.1-.99.11-1.49V6.124zm-6.72 2.338l-.01 8.16c0 .34-.04.67-.14.99a2.198 2.198 0 0 1-1.58 1.49c-.36.1-.73.15-1.1.17-.93.04-1.78-.37-2.26-1.15a2.207 2.207 0 0 1 .44-2.78c.46-.38 1-.61 1.59-.71.37-.06.74-.1 1.1-.18.38-.08.65-.3.77-.67.07-.21.1-.43.1-.65l.01-5.71a.8.8 0 0 0-.01-.15c-.05-.28-.2-.44-.48-.39-.18.03-.36.08-.53.13l-4.97 1.34c-.22.06-.37.2-.42.43-.02.11-.03.23-.03.35v7.39c0 .37-.05.73-.16 1.08a2.183 2.183 0 0 1-1.57 1.45c-.37.1-.75.15-1.13.17-.9.04-1.74-.35-2.22-1.12a2.208 2.208 0 0 1 .4-2.79 3.16 3.16 0 0 1 1.58-.72c.37-.06.74-.11 1.11-.18.39-.08.66-.31.78-.69.06-.2.09-.4.09-.61V6.898c0-.39.08-.72.38-.99.24-.22.53-.35.85-.42l5.76-1.55c.33-.09.67-.15 1.01-.17.43-.02.75.2.87.62.05.16.07.33.07.5v4.458z" />
</svg>
<span class="card-label">Apple Music</span>
</a>
<a href="https://discord.gg/aJGKfQk" target="_blank" rel="noopener noreferrer" class="link-card"
id="link-discord" style="--delay: 9" aria-label="cyroz Discord server">
<svg class="card-icon" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor">
<path
d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.8732.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189z" />
</svg>
<span class="card-label">Discord</span>
</a>
</div>
</main>
<script src="js/cursor.js" defer></script>
</body>
</html>