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
<!DOCTYPE html />
<html>
    <head>
        <title>~hammy</title>
        <meta name="description"
              content="Personal website" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body
		{
			background-color: lightgray;
			font-family: sans-serif;
			margin: 16px;
		}

		main, header
		{
			padding: 16px;
			padding-top: 4px;
			padding-bottom: 32px;
			margin: auto;
			left: 0;
			right: 0;
			max-width: 568px;

			background-color: white;

			background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAaCAYAAABByvnlAAAABHNCSVQICAgIfAhkiAAAAg1JREFUaEPtmk1SwzAMhZMdt2LHX0/QFRwNVj1BoLDjVuwCzUSpYmTrybU86Yy76rSqLenzk+RM+87p9XS/Hy1Lv38eeot9adut+OuWhK0EiILbir/ZQNAAhuMrlJPdw8tkV1spFIfVTy2o3DgakLm0Xi2Q5UTd3iyHZPf9M73XgiIVpOxqKQVRBuLvKe7FTsiJVSlmhTQg/4tVA6IVcOD7q1CI1qgHQZI8dq1kAXk6l0GnJo+AsPjJS9YqF0quuC0va0vJ0mBMPaIBEVlRycoFwqfLXuoJyAmhRo40c2S90MaruXsohHznYPjhReKnfDYgSLZAmwYETBQ327xCyFneQxC5eZcsnsRLy5cnBMnPsN/Gzg3PITX21T3E0k8akPh9xApEnLIkWaMVwTruSlMJMj5blaIpI9eP6ImfR3U0b9ItXrypIyNwuKkFSm4itgxEi0mC5ArEMv5qzsfgbhWIFk9MMTAQVHLSQID81qKmWNOkz8OgJHWX3C8Vn/VBorSW+eFiyiG01OUmCJm8tL6BHBjpoucNgtavBqQEhNpANHXGVGqBHto2IGD2Un2iRKlyUQg6OpdQS6zB1ypZJSHwvBVVSAMCyi1h5gYk3PPxbj/2824lFHJuvM+rrYbj2+VZmVcgFY5/f2j6+KrzN6VqQE4xpqawXEhhbS+1DqfqVZ7cx17taDYgWoa67hcVEa/leAjb1wAAAABJRU5ErkJggg==");

			background-repeat: repeat-x;
			background-position:center bottom;
			image-rendering: pixelated;
			image-rendering: -moz-crisp-edges;
		        image-rendering: crisp-edges;
		}

		main {
			position: relative;
		}

		nav a
		{
			margin: 8px;
			padding: 4px 12px;
			background-color: #888;
			color: white;
			text-decoration: none;

			display: inline-block;
		}

		nav > a:hover
		{
			background-color: #999;
		}

		header { margin-bottom: 12px; }


		li {
			padding-left: 22px;
			list-style: none;
			background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAJdJREFUKFNjZMAO/qMJM6IrwxAAKvj/6uFpFHVi8qYgPopadI0omkSXTmN4HZ0FNgRdM06NIE0wANKMTyOGbcga0W1FthHDb/hshWnE0ASyAaYR5k9kW+Ea/7clgl2GrAhbTMH8Sh2NhGzD6lT0SIc5E92f6E4FqcMbquCkUzUfnoIwEgBIBmY7zDaoBpRkhy2tgm0nlMgBVwhLD8piypIAAAAASUVORK5CYII=') no-repeat 0 2px;
		}

		li li {
			background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAJJJREFUKFNjZMAO/qMJM6IrwxAAKvj/6uFpFHVi8qYgPopadI0YmsrXm4ANmV8AVgpXj6ExccJ/hs7AM3AbidH4H6QJBLBpRLcV2UYMZ8KsxWYrTCNOTeihCQsonBphtiA7G2QIXo0wTTDbkDVjaMQVmgRtxKYRXRM2p4LEyApVmHfAEYkjyeFNOSgGIEUFRpoGAGzhTA+Zjt7PAAAAAElFTkSuQmCC")
		}


	</style>
    </head>
    <body>
        <main>
            <h1>~hammy</h1>

	    <p>I make some things here I guess</p>
	    <ul>
		<li>
			<a href="./packages/?hammy" target="_blank">pm package viewer</a>
			<ul>
				<li><a href="./packages/?hammy" target="_blank">just my packages</a></li>
			</ul>
		</li>
		<li><a href="./online+/" target="_blank">online viewer</a></li>
		<li>
			<a href="./source/" target="_blank">/pub/ source code viewer</a>
			<ul>
				<li><a href="./source/?/pub/hammy/http/source/index.py" target="_blank">source "quine"</a></li>
			</ul>
		</li>
		<li><a href="./owo/" target="_blank">owo :3 bbs</a></li>
	    </ul>
        </main>

    </body>
</html>