tilde/index.html at main · FriendlyUser1/tilde · 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
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
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<meta http-equiv="cache-control" content="max-age=0" />
		<meta http-equiv="cache-control" content="no-cache" />
		<meta http-equiv="expires" content="0" />
		<meta http-equiv="pragma" content="no-cache" />
		<link rel="stylesheet" href="./css/styles.css" />
		<title>~ciiro</title>
	</head>

	<body>
		<div class="page">
			<header id="intro">
				<div>
					<h1>
						hi, i'm ~ciiro
						<a
							class="small pronouns"
							href="https://en.pronouns.page/@ciiro"
							target="_blank"
							aria-label="Pronouns Page"
							>(they/them)</a
						>
					</h1>
					<h2>but you can call me Felix :p</h2>
				</div>
			</header>
			<main class="boxes">
				<div class="box-container" id="haiku">
					<h2 class="box-header">haiku?</h2>
					<div class="box">
						<p>
							i like computers / <br />i try to do stuff with them /
							<br />sometimes they let me
						</p>
					</div>
				</div>
				<div class="box-container" id="haiku">
					<h2 class="box-header">blog</h2>
					<div class="box">
						<p>
							i have a blog on the<br />
							<a href="http://localhost:12345/~ciiro/gallery.html">intranet</a
							><br />
							<a
								href="https://tilde.town/wiki/editing-your-homepage/intranet.html#:~:text=How%20to%20connect%20to%20the%20intranet%20remotely"
								>(wiki)</a
							>
						</p>
					</div>
				</div>
			</main>
			<footer>
				<div class="footer-sections">
					<div class="footer-section">
						<p>fun</p>
						<ul>
							<li>
								<a href="https://steamcommunity.com/id/ciirof/" target="_blank"
									>steam</a
								>
							</li>
							<li>
								<a href="https://www.sporcle.com/user/ciiro/" target="_blank"
									>sporcle</a
								>
							</li>
						</ul>
					</div>
					<div class="footer-section">
						<p>social</p>
						<ul>
							<li>
								<a href="https://bsky.app/profile/ciiro.dev" target="_blank"
									>bluesky</a
								>
							</li>
							<li>
								<a href="https://stats.fm/ciiro" target="_blank">stats.fm</a>
							</li>
						</ul>
					</div>
					<div class="footer-section">
						<p>dev</p>
						<ul>
							<li>
								<a href="https://github.com/FriendlyUser1" target="_blank"
									>github</a
								>
							</li>
						</ul>
					</div>
					<div class="footer-section">
						<p>contact</p>
						<ul>
							<li>
								<a href="https://ciiro.dev" target="_blank">website</a>
							</li>

							<li>
								<a href="mailto:felix@ciiro.dev">felix@ciiro.dev</a>
								<a href="data/Felix_Steer.asc">(PGP Key)</a>
							</li>
						</ul>
					</div>
				</div>
			</footer>
		</div>
	</body>
</html>