-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
79 lines (73 loc) · 2.99 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
<!DOCTYPE html>
<html>
<head>
<meta charset = utf-8>
<meta name = viewport content = 'width = device-width, initial-scale = 1'>
<meta name = keywords content = 'Joachim Ford, JavaScript games, Ios Mission'>
<script async src = 'https://www.googletagmanager.com/gtag/js?id=G-2MDQ9F697V'></script>
<script src = /js/analytics.js></script>
<script src = /js/main.js></script>
<title>Joachim Ford</title>
<link rel = stylesheet href = /main.css>
<link rel = icon type = image/x-icon href = /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 = /experiments>Experiments</a>
<a href = /articles>Articles</a>
<a href = /news>News</a>
</div>
</section>
<section class = main>
<img class = me src = images/me.png>
<div class = demo>
<span>
Hi there! I'm Joachim Ford, a solo game 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>
<div class = demo>
<span>
I've also spent some time working for
<a class = normal href = https://jobase.org>JoBase</a>,
and some of my games such as
<b>SquirtCopter</b> and <b>Blue Hue</b> have been recently
featured on the website.
</span>
</div>
</section>
<button class = theme onclick = toggleTheme()>Change Theme</button>
<span class = copyright>
© Copyright <span class = year></span> joachimford.uk
<a href = https://github.com/Hope41 target = _blank><img src = /svg/github.svg></img></a>
<a href = mailto:[email protected]><img src = /svg/mail.svg></img></a>
</span>
</body>
</html>