-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
133 lines (133 loc) · 5.8 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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<html>
<head>
<link href="./style.css" rel="stylesheet" type="text/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=Inter:wght@300;700&display=swap" rel="stylesheet">
<link rel="icon" href="https://github.com/ZenithRogue.png?128">
<a rel="me" style="display:none;" href="https://mastodon.social/@zenithknight">Mastodon</a>
<meta charSet="UTF-8"/>
<title>Zenith's Profile</title>
</head>
<body>
<header>
<h1>ZenithKnight</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#socials">Socials</a></li>
<li><a href="#support">Support</a></li>
<li><a href="mailto:[email protected]">Contact</a></li>
<li><a href="https://ferret.page/Zenith">Other Links</a></li>
</ul>
</nav>
</header>
<main>
<div class="about">
<img class="profile-picture" src="https://github.com/ZenithRogue.png?size=1024">
<div class="about-inner">
<h2>About Me</h2>
Hobbyist developer, system integrations, cybersecurity. Also known online as ZenithRogue or NitroCipher.
</div>
</div>
<h2 id="projects">My Projects</h2>
<div class="projects-container">
<div class="project-box">
<img src="./assets/icons/optibot.png" alt="OptiBot Logo">
<div class="project-footer">OptiBot</div>
<div class="project-description">
A moderation and utility bot for the
<a href="https://optifine.net/discord">OptiFine Discord Server</a>
</div>
</div>
<div class="project-box">
<img src="./assets/icons/github.png" alt="GitHub Logo">
<div class="project-footer">GitHub</div>
<div class="project-description">
You can find more miscellaneous projects by checking out my
<a href="https://github.com/ZenithRogue">GitHub profile</a>
</div>
</div>
<div class="project-box">
<img src="./assets/icons/modrinth.png" alt="Modrinth Logo">
<div class="project-footer">Modrinth</div>
<div class="project-description">
For Minecraft resourcepacks/mods/etc, check out my profile on
<a href="https://modrinth.com/user/ZenithKnight">Modrinth</a>
</div>
</div>
</div>
<h2 id="socials">My Socials</h2>
<div class="social-container">
<div class="social-box">
<img alt="Tumblr Logo" src="./assets/icons/tumblr.png">
<div class="social-label">Tumblr</div>
<div class="social-description">
My main social, lots of dorky posts: <a href="https://tumblr.com/zenithknight">@zenithknight</a>
</div>
</div>
<div class="social-box">
<img alt="Discord Logo" src="./assets/icons/discord.png">
<div class="social-label">Discord</div>
<div class="social-description">
On Discord: <a href="https://discord.com">@zenithknight</a>
</div>
</div>
<div class="social-box">
<img alt="YouTube Logo" src="./assets/icons/youtube.png">
<div class="social-label">YouTube</div>
<div class="social-description">
Post random videos here, that's about it: <a href="https://www.youtube.com/@zenithknight">@ZenithKnight</a>
</div>
</div>
<div class="social-box">
<img alt="Steam Logo" src="./assets/icons/steam.png">
<div class="social-label">Steam</div>
<div class="social-description">
Buy me games, lol: <a href="https://steamcommunity.com/id/ZenithRogue/">@ZenithRogue</a>
</div>
</div>
<div class="social-box">
<img alt="Mastodon Logo" src="./assets/icons/mastodon.png">
<div class="social-label">Mastodon</div>
<div class="social-description">I don't really post here, just have it to reserve the name: <a href="https://mastodon.social/@zenithknight">@ZenithKnight</a>
</div>
</div>
<div class="social-box">
<img alt="Bluesky Logo?" src="./assets/icons/bluesky.png">
<div class="social-label">Bluesky</div>
<div class="social-description">I don't really post here, but we will see what happens: <a href="https://bsky.app/profile/zenithknig.ht">@zenithknig.ht</a>
</div>
</div>
<div class="social-box">
<img alt="Twitter Logo" src="./assets/icons/twitter.png">
<div class="social-label">Twitter</div>
<div class="social-description">
Now defunct. Got tired of the melon man :/ <a href="https://twitter.com/zenithknight">@ZenithKnight</a>
</div>
</div>
</div>
<h2 id="support">Support Me</h2>
<div class="social-container">
<div class="social-box">
<img alt="Patreon Logo" src="./assets/icons/patreon.png">
<div class="social-label">Patreon</div>
<div class="social-description">
If you want to support me I guess: <a href="https://www.patreon.com/zenithknight">@ZenithKnight</a>
</div>
</div>
<div class="social-box">
<img alt="Ko-Fi Logo" src="./assets/icons/ko-fi.png">
<div class="social-label">Ko-Fi</div>
<div class="social-description">
Buy me a coffee! <a href="https://ko-fi.com/zenithknight">@zenithknight</a>
</div>
</div>
</div>
</main>
<footer>
<p>© 2023 ZenithKnight</p>
</footer>
</body>
</html>