-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
51 lines (43 loc) · 2.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="iostpa's Website">
<meta property="og:title" content="iostpa" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://iostpa.com" />
<meta property="og:image" content="https://iostpa.com/img/main-pfp.png" />
<meta property="og:description" content="iostpa's Website. Come check it out!" />
<meta name="theme-color" content="#EED49F" />
<link href="./src/output.css" rel="stylesheet">
<title>iostpa</title>
</head>
<body class="frappe bg-mantle min-h-screen flex items-center justify-center">
<div class="max-w-md bg-base rounded-lg shadow-md p-8 space-y-4 text-center">
<h1 class="text-2xl md:text-4xl lg:text-6xl font-extrabold text-flamingo">Hey there!</h1>
<p class="text-text">I’m iostpa! I'm a maintainer at <strong><u><a href = "https://www.is-a.dev/" class="text-rosewater hover:underline">is-a.dev</a></u></strong> and for <strong><u><a href = "https://is-not.cool/" class="text-rosewater hover:underline">is-not.cool</a></u></strong>, I do random shit (as per usual).
<strong> Feel free to reach out to me on <u><a href = "https://links.cutedog5695.me/twitter" class = 'text-rosewater hover:underline'>Twitter</a></u> or <u><a href = "https://discord.com/users/716306888492318790" class = 'text-rosewater hover:underline'>Discord</a></u>.</strong>
</p>
<img src="https://lanyard.cnrad.dev/api/716306888492318790" alt="Discord Status">
<div class="flex justify-center space-x-4 items-center">
<a href="https://links.cutedog5695.me/twitter" target="_blank" rel="noopener noreferrer" class="text-blue-500 hover:underline">
<img src="img/twitter.svg" alt="Twitter Logo" class="w-6 h-6" />
</a>
<a href="https://links.cutedog5695.me/youtube" target="_blank" rel="noopener noreferrer" class="text-red-500 hover:underline">
<img src="img/youtube.svg" alt="YouTube Logo" class="w-6 h-6" />
</a>
<a href="https://links.cutedog5695.me/github" target="_blank" rel="noopener noreferrer" class="text-gray-700 hover:underline">
<img src="img/github.svg" alt="GitHub Logo" class="w-6 h-6" />
</a>
<a href="https://links.cutedog5695.me/bluesky" target="_blank" rel="noopener noreferrer" class="text-gray-700 hover:underline">
<img src="img/bluesky.svg" alt="Bluesky Logo" class="w-6 h-6" />
</a>
</div>
<p class="text-base text-text">
<span>This website is </span>
<u><a href="https://links.cutedog5695.me/repo" target="_blank" rel="noopener noreferrer" class="text-rosewater hover:underline">open source!</a></u>
</p>
</div>
</body>
</html>