aboutsummaryrefslogtreecommitdiff
path: root/src/index.html
blob: d16437b6115340993e58575c33a74030836fdf09 (plain)
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
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>256phi</title>
		<link rel="stylesheet" href="Style/style.css">
	</head>
	<body>
		<!-- Background with OpenGL -->
		<canvas id="bg"></canvas>
		<div class="container">
			<h1>256 phi</h1>
			<p class="subtitle">Welcome <b>user</b>. <br>
				You've fallen through the cracks. It is safe here, you may rest as long as you need.</p>
			<h2>What are we?</h2>
			<p>256phi is a self-hosted infrastucture powering a little corner of the internet.</p>
			<p>
				Don't forget to sign the <a href="/guestbook"><i>guestbook</i> :3</a><br>
				Also check out the <a href="/blog"><i>blog</i></a> — where I write about Linux, development, and science.
				Or if you're looking for some music to listen to, check out what we <a href="/music">found</a>.
			</p>
			<p>
				Looking for art? Check out my <a href="/portfolio">portfolio</a> or request a <a href="/commissions">commission</a>.
			</p>
			<footer>
				<p>© 256phi | 2026 | <a href="/contact">Contact Us</a></p>
			</footer>
		</div>
		<svg style="position:absolute;width:0;height:0;" xmlns="http://www.w3.org/2000/svg">
			<filter id="glitch">
				<feTurbulence numOctaves="1" baseFrequency="0.01 0.1" type="fractalNoise" result="fine" />
				<feComponentTransfer in="displaceRaw" result="displace">
					<feFuncR type="discrete" tableValues="0 .2 .4 .5 .6 .8 1" />
					<feFuncA type="discrete" tableValues="0" />
				</feComponentTransfer>
				<feDisplacementMap in="SourceGraphic" in2="displace" xChannelSelector="R" scale="15" />
			</filter>
		</svg>
		<script type="module" src="Background/main.js"></script>
	</body>
</html>