blob: 6cdad59805e8aa3102959744852635c5017af954 (
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
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
|
---
title: Mike Vink
contacts:
- href: /publickey.gpg
name: GnuPG
description: Click me, trust me.
- href: https://github.com/ivi-vink
name: GitHub
description: Truely one of the gits of all time.
- href: https://stackoverflow.com/users/16349137/carrot-the-king
name: StackOverflow
description: Nothing here, but I have one.
---
<html>
<head>
<title>{{ title }}</title>
<link rel="stylesheet" href="/tufte.css" />
<meta charset="utf-8">
</head>
<body>
<header>
<h1 class="sans centered">{{ title }}'s Webpage</h1>
</header>
<main>
<article>
<section>
<figure class="centered">
<a href="/picture-full.jpg">
<img class="rounded" src="/picture.jpg" alt="/picture.jpg" />
</a>
</figure>
<p>
Welcome, O, Surfer, I am Mike Vink and this is my webpage.
My cat's name is dunya.
<label for="dunya"
class="margin-toggle">
📎 (paperclips are clickable on small viewports)
</label>
<input type="checkbox"
id="dunya"
class="margin-toggle"/>
<span class="marginnote">
<a href="/dunya-full.jpg" >
<img style="width: auto; max-height: 22vh; margin: 0 100% 0 0;" class="rounded" src="/dunya.jpg" alt="/dunya.jpg" />
Dunya
</a>
</span>
</p>
</section>
<section>
<h2>Contact Info</h2>
<table class="sans">
<tbody>
<tr>
<td>
<a rel="nofollow, noindex" href="email/">Email</a>
</td>
<td>
Feel free to send one.
</td>
</tr>
{{ for link of contacts }}
<tr>
<td>
<a href="{{ link.href }}">
{{ link.name }}
</a>
</td>
<td>
{{ link.description }}
</td>
</tr>
{{ /for }}
</tbody>
</table>
</section>
</article>
<footer>
<a href="https://mike.vinkies.net">
https://mike.vinkies.net
</a>
</footer>
</main>
</body>
</html>
|
