···1<!doctype html>
2<html>
3- <head>
4- <title>Ivo's Bio</title>
5- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6- <link rel="stylesheet" href="build/app.css" />
7- <link rel="me" href="https://hachyderm.io/@cherry" />
8- <script defer src="build/app.js" type="module"></script>
9- </head>
10- <body>
11- <div class="header-container">
12- <canvas class="logo-gl" id="spinningCanvas">spinning 'Ivo' text</canvas>
13- <h1 class="title" id="title">Heya, gang!</h1>
14- </div>
15- <h1>My projects</h1>
16- <div class="projects">
17- <div class="project-container">
18- <div class="project-desc">
19- <h2 class="project-title">Age of Ark</h2>
20- <p>
21- A game developed in the summer of '14. Coded in Unity by me and Cale
22- Tilford. Combined the ideas of action-y spaceship navigation with
23- strategic base building. Happy with the overall aesthetic though it
24- never got to a point where the gameplay design was 'good'.
25- </p>
26- </div>
27- <img
28- class="project-thumbnail"
29- src="images/arkcity.png"
30- alt="Blender render for Age of Ark's player ship"
31- srcset="
32- images/arkcity.png,
33- images/arkcity@2x.png 2x,
34- images/arkcity@3x.png 3x
35- "
36- />
37- </div>
38- <div class="project-container">
39- <div class="project-desc">
40- <h2 class="project-title">Placement at Feral</h2>
41- <p>
42- From 2015 - 2016, I interned at Feral Interactive, where I was able
43- to help port a number of big-time AAA games to macOS and other
44- platforms.
45- </p>
46- </div>
47- <img
48- class="project-thumbnail"
49- src="images/cheetah.jpg"
50- alt="Cheetah referencing Feral's branding"
51- srcset="
52- images/cheetah.jpg,
53- images/cheetah@2x.jpg 2x,
54- images/cheetah@3x.jpg 3x
55- "
56- />
57- </div>
58- <div class="project-container">
59- <div class="project-desc-right">
60- <h2 class="project-title">cherry.computer</h2>
61- <p>
62- My own website. Really informative about how web technology works
63- after a life of just using systems languages and low-level hacking.
64- Maybe you've seen it somewhere before...
65- </p>
66- </div>
67- <img
68- class="project-thumbnail"
69- src="images/screen.png"
70- alt="Infinitely recursive screenshots of this website"
71- />
72- </div>
73- <div class="project-container">
74- <div class="project-desc">
75- <h2 class="project-title">Misguided</h2>
76- <p>
77- Coming soon! An experimental exploration of anxiety and obsession
78- within the cockpit of a space capsule controlled by interfacing with
79- a simulated Apollo computer guidance system.
80- </p>
81- </div>
82- <img
83- class="project-thumbnail"
84- src="images/AGC.jpg"
85- alt="A physical guidance computer which would be simulated"
86- />
87- </div>
88- </div>
89- <div
90- class="scrobble-bar"
91- hx-ext="sse"
92- sse-connect="/scrobbles{% if scrobble.is_none() %}?immediate=true{% endif %}"
93- sse-swap="scrobble"
94- >
95- {%- if let Some(ScrobblesTemplate {intro, now_playing, image, srcset}) = scrobble %}
96- {% include "scrobble.html" %}
97- {%- endif %}
98- </div>
99- </body>
100</html>