floatingmilkshake.com/index.html at main · FloatingMilkshake/floatingmilkshake.com · GitHub

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
<!DOCTYPE html>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>FloatingMilkshake!</title>
	<meta content="FloatingMilkshake!" property="og:title">
	<meta content="I'm FloatingMilkshake! Welcome to my corner of the internet." property="og:description">
	<meta content="https://floatingmilkshake.com/" property="og:url">
	<meta content="https://cdn.floatingmilkshake.com/avatar.png" property="og:image">
	<meta content="#43B581" data-react-helmet="true" name="theme-color">
	<meta content="Hi! I'm FloatingMilkshake. This is my website!" name="description">
	<link href="https://cdn.floatingmilkshake.com/favicon.png" rel="icon">
	<link href="styles.css" rel="stylesheet" type="text/css">
	<meta content="width=device-width, initial-scale=1.0" name="viewport">
	<link href="https://fonts.googleapis.com" rel="preconnect">
	<link crossorigin href="https://fonts.gstatic.com" rel="preconnect">
	<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400&display=swap" rel="stylesheet">
</head>
<body>
	<div id="main-container">
		<h1 class="center">Hi!</h1>
		<div id="top-container">
			<img src="https://cdn.floatingmilkshake.com/avatar.png" width="200px" style="border-radius: 1.5rem">
			<p>
				I'm FloatingMilkshake! I'm a student on the east coast of the US with a passion for technology.
				<br><br>
				I have a significant interest in programming (particularly in C#), cybersecurity, and networking; and I like to help make Discord bots, too, like Erisa's <a href="https://github.com/Erisa/Cliptok" target="_blank">Cliptok</a> (you should go check out the rest of her stuff <a href="https://erisa.uk" target="_blank">here</a>!).
				<br><br>
				...and regular expressions. I love those. Ask me all your regex questions.
			</p>
		</div>
		<hr>
		<p id="time">It is currently <span id="time-value" style="font-weight: bold">[sorry, please enable JavaScript! or just check <a href="https://time.is/ET">here</a> instead]</span> for me.</p>
		<!--sse-->
		<p>
			If you'd like to get in touch with me, pick your favorite from the list below. I'm happy to use a different platform if you wish, but please first reach out with one of these!
			<ul>
				<li>Discord: <a>@floatingmilkshake</a> or you can <a href="https://discord.gg/dCQYKsgKFA" target="_blank">come say hi in my server</a></li>
				<li>Bluesky: <a href="https://bsky.app/profile/milkshake.wtf" target="_blank">@milkshake.wtf</a></li>
				<li>Email: <a href="mailto:me@floatingmilkshake.com" target="_blank">me@floatingmilkshake.com</a></li>
			</ul>
			I also hang out in the <a href="https://discord.gg/microsoft" target="_blank">Microsoft Community Discord server</a> often!
		</p>
		<hr>
		<!--/sse-->
		<p>
			You can find this website's source code <a href="https://github.com/FloatingMilkshake/floatingmilkshake.com">here</a>.
		</p>
	</div>

	<script>
			function updateTime() {
				const now = new Date();
				const date = now.toLocaleTimeString("en-US", {
					weekday: "long",
					month: "long",
					day: "numeric",
					year: "numeric",
					hour: "numeric",
					hour12: false,
					minute: "numeric",
					second: "numeric",
					timeZone: "America/New_York"
				});
				document.querySelector("#time-value").textContent = date;
			}
			updateTime();
			setInterval(updateTime, 1000);
		</script>
</body>
</html>