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

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="author" content="Johannes Löthberg" />
	<title>~/</title>
	<link href="main.css" rel="stylesheet">
</head>
<body>

<header>
	<h1><a href="/">Johannes Löthberg</a></h1>
	<nav>
		<ul>
			<li><a href="/">~/</a></li>
			<li><a href="/blog">blog/</a></li>
			<li><a href="/contact">contact/</a></li>
		</ul>
	</nav>
</header>

	<div class="about">
	<h2>About me</h2>
	<p>
		Hey there, my name is Johannes Löthberg. I am 18 years old, gay and come from Sweden.
		<br /><br />
		Online I go by a lot of different names, of which “demize” seems to be the most common right now.
		On my free-time I do various things, mostly just consisting of hanging out on IRC and reading random things online.
		<br /><br />
		In the <a href="https://aur.archlinux.org/">AUR</a>, the Arch User Repository, I maintain a couple of packages, some being things I use myself and the rest being either packages that others haven't taken care of, or packages requested by other people to be created.
		<br /><br />
		Somehow I also recently ended up becoming an OP in the Arch Linux IRC channels on freenode, tho I'm still not exactly sure how that came to be.
	</p>
	</div>

	<div class="contact">
	<h2>Contact</h2>
	<p>
		You can contact me at <a href="mailto:johannes@kyriasis.com">johannes@kyriasis.com</a> or on Freenode as demize.
	</p>
	</div>

	<div class="blog">
		<h2>Blog posts</h2>
		<div class="post-list">
			<ul>
				<li>
				<span class="date">2014-02-13 &raquo;</span> <a href="/2014/02/13/in-which-we-die/">In Which We Die</a>
				</li>
				<li>
				<span class="date">2014-01-02 &raquo;</span> <a href="/2014/01/02/hai/">hai there</a>
				</li>
			</ul>
		</div>
	</div>


<footer>
	<p>
		Copyright &copy; Johannes Löthberg 2014
	</p>
	<a id="emblem" href='http://www.catb.org/hacker-emblem/'>
		<img src='http://www.catb.org/hacker-emblem/glider.png' alt='hacker emblem' />
	</a>
</footer>

</body>
</html>