diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..739041f
Binary files /dev/null and b/favicon.ico differ
diff --git a/index.html b/index.html
index 3bad5d4..f17c47d 100644
--- a/index.html
+++ b/index.html
@@ -2,10 +2,77 @@
 
 <head>
     <title>Adam</title>
+    <style>
+        * {
+            box-sizing: border-box;
+        }
+        body {
+            font-family: monospace;
+        }
+        code {
+            background-color: #dadada;
+            padding-left: 4px;
+            padding-right: 4px;
+            border-radius: 2px;
+        }
+        li {
+            margin-bottom: 1em;
+        }
+        li p {
+            margin-top: 0.25em;
+            margin-bottom: 0.25em;
+        }
+    </style>
 </head>
 
 <body>
-    <script type="module" src="./index.js"></script>
+    <p>Hi there!<br/>&nbsp;- Adam</p>
+    <p>I'm a software developer in Sydney.</p>
+    <p>Here are some projects I've created:</p>
+    <ul>
+        <li>
+            <p><a href="https://github.com/adamburgess/linq#readme">https://github.com/adamburgess/linq</a> - <a href="https://www.npmjs.com/package/@adamburgess/linq">@adamburgess/linq</a> on npm</p>
+            <p>I use C#'s <code>IEnumerable</code> extensions quite a lot, and the javascript version, <em>linq.js</em>, is very large. My version is 1.25kb.</p>
+        </li>
+        <li>
+            <p><a href="https://github.com/adamburgess/alpine-apk#readme">https://github.com/adamburgess/alpine-apk</a> - <a href="https://www.npmjs.com/package/alpine-apk">alpine-apk</a> on npm</p>
+            <p><em>Alpine Linux</em> is a minimal linux distro, great for docker. I wanted to query its package manager, APK, from Node.</p>
+        </li>
+        <li>
+            <p><a href="https://github.com/adamburgess/nr#readme">https://github.com/adamburgess/nr</a> - <a href="https://www.npmjs.com/package/@adamburgess/nr">@adamburgess/nr</a> on npm</p>
+            <p>
+                NPM's package.json <code>scripts</code> is quite convenient for running things. Yet, <code>npm run X</code> and <code>yarn X</code> are fairly slow - 150ms+.<br/>
+                nr is a simple bash script using jq to run scripts. 30ms. Much faster.
+            </p>
+        </li>
+        <li>
+            <p><a href="https://github.com/adamburgess/celeste-high-frame-rate#readme">https://github.com/adamburgess/celeste-high-frame-rate</a></p>
+            <p><em>Celeste</em> is a fun platformer, with a banger soundtrack. The developers lock the ingame framerate to 60 fps, which is in my opinion <b>painful</b>.<br/>
+               This small patch overrides that limitation, and the game easily hits 240fps.
+            </p>
+        </li>
+        <li>
+            <p><a href="https://tarkov-time.adam.id.au">https://tarkov-time.adam.id.au</a> - source at <a href="https://github.com/adamburgess/tarkov-time">https://github.com/adamburgess/tarkov-time</a></p>
+            <p><em>Escape from Tarkov</em> has a day/night cycle. This site shows you the time, and how long it will be to a future time. Deployed on <em>netlify</em>.</p>
+        </li>
+        <li>
+            <p><a href="https://crop.adam.id.au">https://crop.adam.id.au</a></p>
+            <p>A helper for <em>ffmpeg</em>'s <code>crop</code> filter. Drag and drop an image and select it to get a crop filter in the correct format.</p>
+        </li>
+        <li>
+            <p><a href="https://bundlephobia.fly.adam.id.au/size/@adamburgess/linq">https://bundlephobia.fly.adam.id.au/size/@adamburgess/linq</a></p>
+            <p>
+                <em>bundlephobia.com</em> uses webpack. I've found it gives slightly incorrect results because of this. I also wanted to get the brotlified sizes for my packages.<br/>
+                This builds the package with <em>rollup</em>, using the <em>Skypack</em> service, cached with <em>redis</em> and deployed on <em>fly.io</em>.<br/>
+                No UI as of yet, but it also generates <a href="https://bundlephobia.fly.adam.id.au/size/@adamburgess/linq?shield&brotli">shields</a> – see the readme of my linq package above for examples.
+        </li>
+        <li>
+            <p><a href="https://github.com/adamburgess/image-builder">https://github.com/adamburgess/image-builder</a></p>
+            <p>
+                I build a lot of my projects with <em>Docker</em>, so I've made my own base images. <br/>
+                Using <em>Github Actions</em> and a custom <code>Makefile</code>, they automatically update whenever a dependency changes – whether it be the docker image, an alpine package, a github/lab repo, or an npm package.
+        </li>
+    </ul>
 </body>
 
 </html>
