-
Notifications
You must be signed in to change notification settings - Fork 1
/
experiments.html
78 lines (71 loc) · 3.27 KB
/
experiments.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
<!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 experiments'>
<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>
</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>
<a class = demo href = content/canvas_craft>
<img class = tiny src = images/canvas_craft.png>
<h3>CanvasCraft</h3>
<span class = description>
CanvasCraft is a unique online tool designed to allow creators
to easily make images, game levels, and entire worlds within minutes.
Check it out!
</span>
</a>
<a class = demo href = content/infinite_zoom>
<img class = tiny src = images/infinite_zoom.png>
<h3>Infinite Zoom</h3>
<span class = description>
Zoom in on an infinite fractal of faces. Inspired by
Pixel Words by Frank Force.
This experiment is <span class = mobile>mobile friendly.</span>
</span>
</a>
<a class = demo href = content/ray_casting_city>
<img class = tiny src = images/ray_casting_city.png>
<h3>Ray-casting Blocks</h3>
<span class = description>
A 3D city run experiment using ray-casting graphics.
Watch the camera run though a vivid world of blocks.
This experiment <span class = mobile>mobile friendly.</span>
</span>
</a>
<a class = demo href = content/anthrophobia_fear_of_crowds>
<img class = tiny src = images/anthrophobia_fear_of_crowds.png>
<h3>Anthrophobia</h3>
<span class = description>
A procedural simulation of weird creatures walking around the screen.
This experiment is <span class = mobile>mobile friendly.</span>
</span>
</a>
</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>