-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
118 lines (110 loc) · 5.91 KB
/
about.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
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
114
115
116
117
118
<!DOCTYPE html>
<html lang = en-gb>
<head>
<meta charset = utf-8>
<meta name = viewport content = 'width = device-width, initial-scale = 1'>
<meta name = description content = 'Free online coding blogs and open source indie games'>
<script async src = 'https://www.googletagmanager.com/gtag/js?id=G-2MDQ9F697V'></script>
<script src = /src/js/analytics.js></script>
<script src = /src/js/main.js></script>
<title>About | Joachim Ford</title>
<link rel = stylesheet href = /src/main.css>
<link rel = icon type = image/x-icon href = /src/favs/favicon.ico>
<style>
h1 {
margin-left: auto;
margin-right: auto;
color: var(--buttonnorm);
}
.me {
margin-left: auto;
margin-right: auto;
border-radius: 50%;
width: 40%;
max-width: 250px;
min-width: 80px;
height: auto;
border: 7px solid var(--topnavbuttonhover);
}
</style>
</head>
<body>
<section class = topnav>
<div class = title>
<a class = brand href = '/'>Joachim Ford</a>
<a class = about href = /about>About</a>
</div>
<div class = nav>
<a href = /games>Games</a>
<a href = /projects>Projects</a>
<a href = /blogs>Blogs</a>
<a href = /news>News</a>
</div>
</section>
<section class = main>
<img class = me src = /src/images/me.png>
<div class = demo>
<span>
Hi there! I'm Joachim Ford, a solo developer
who likes to create unique indie games in pure JavaScript.
I'm always open to suggestions and feedback, so feel free to
check out my <a class = normal href = https://github.com/Hope41 target = _blank>GitHub</a>
or get in touch at
<a class = normal href = mailto:[email protected] target = _blank>[email protected]</a>.
</span>
<div class = opts>
<a href = mailto:[email protected] target = _blank>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8">
<path d="M1 0 0 1 0 2 4 4 8 2 8 1 7 0ZM0 3 4 5 8 3 8 7 7 8 1 8 0 7Z"/>
</svg>
</a>
<a href = https://github.com/Hope41 target = _blank>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path d="M 3 3 L 3 9 L 5 11 L 6 11 L 6 16 L 2 16 L 0 14 L 0 2 L 2 0 L 14 0 L 16 2 L 16 14 L 14 16 L 10 16 L 10 11 L 11 11 L 13 9 L 13 3 L 11 5 L 5 5 Z"/>
</svg>
</a>
<a href = https://youtube.com/@joachimford target = _blank>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path d="M 2 0 L 0 2 L 0 14 L 2 16 L 14 16 L 16 14 L 16 2 L 14 0 Z M 6 5 L 11 8 L 6 11 Z"/>
</svg>
</a>
<a href = https://x.com/joachimford target = _blank>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path d="M 2 0 L 0 2 L 0 14 L 2 16 L 14 16 L 16 14 L 16 2 L 14 0 Z M 2 5 L 5 2 L 9 6 L 13 2 L 14 3 L 10 7 L 14 11 L 11 14 L 7 10 L 3 14 L 2 13 L 6 9 Z M 11 12 L 12 11 L 5 4 L 4 5 Z"/>
</svg>
</a>
<a href = https://joachimford.itch.io target = _blank>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -1 18 19">
<path d="M 2 -1 L 0 1 L 0 4 L 2 4 L 4 3 L 6 3 L 8 4 L 10 4 L 12 3 L 14 3 L 16 4 L 18 4 L 18 1 L 16 -1 Z M 0 6 L 0 16 L 2 18 L 16 18 L 18 16 L 18 6 L 16 6 L 14 5 L 12 5 L 10 6 L 8 6 L 6 5 L 4 5 L 2 6 Z Z M 8 13 L 7 14 L 5 15 L 3 15 L 3 13 L 4 11 L 5 8 L 13 8 L 14 11 L 15 13 L 15 15 L 13 15 L 11 14 L 10 13 Z M 8 12 L 8 11 L 7 11 L 9 9 L 11 11 L 10 11 L 10 12 Z"/>
</svg>
</a>
<a href = https://dwitter.net/u/Joachim target = _blank>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path d="M 2 0 L 0 2 L 0 14 L 2 16 L 14 16 L 16 14 L 16 2 L 14 0 Z M 3 4 L 5 4 L 5 12 L 3 12 Z M 7 4 L 9 4 L 9 12 L 7 12 Z M 11 4 L 13 4 L 13 12 L 11 12 Z"/>
</svg>
</a>
</div>
</div>
<div class = demo>
<h3>Things I've worked on...</h3>
<p>• I've spent some time working for
<a class = normal href = https://jobase.org target = _blank>JoBase</a>,
and games such as
<b>SquirtCopter</b> and <b>Blue Hue</b> have been recently
featured on their website.</p>
<p>• The developer of
<a class = normal href = https://canvas-craft.github.io target = _blank>CanvasCraft</a>,
which was created for the purpose of making game world design easier.</p>
<div class = big>
<img class = img src = /src/images/canvas_craft_bio.png>
</div>
</div>
</section>
<button class = theme onclick = toggleTheme()>Change Theme</button>
<span class = copyright>
© <span class = year></span> Joachim Ford. All rights reserved.
<a href = https://github.com/Hope41 target = _blank><img src = /src/images/github.svg></img></a>
<a href = mailto:[email protected]><img src = /src/images/mail.svg></img></a>
</span>
</body>
</html>