diff --git a/index.html b/index.html
new file mode 100644
index 0000000..f28cb80
--- /dev/null
+++ b/index.html
@@ -0,0 +1,59 @@
+<!doctype html>
+<html>
+<head>
+
+<title>Nupa's Page</title>
+
+<style>
+
+html {
+    margin: 0 auto;
+    max-width: 80ch;
+}
+
+body {
+    background-image: url('magenta-tile-4.png');
+    color: darkgray;
+    text-shadow: 2px 2px black;
+    font-family: sans-serif;
+    font-weight: bold;
+    max-width: 120ch;
+    
+}
+
+h1, h3 {
+    text-align: center;
+}
+
+ul {
+  list-style: none;
+  padding-left: 0px;
+}
+
+li:before {
+  content: '●';
+  padding: 20px;
+  text-shadow: 2px 2px black;
+}
+
+</style>
+</head>
+<body>
+
+<h1>Nupa's Page</h1>
+
+<h3>A place to show off my projects.</h3>
+
+<h2>Stuff I've made:</h2>
+
+<ul>
+    <li>Portal ZZT</li>
+    <li>The ZZT Nanogame Collection</li>
+    <li>Collabyrinth, a ZZT collab</li>
+    <li>My 2007 Homepage and drawings</li>
+    <li>flistify: a script to bulk-resize images for f-list</li>
+    <li>braceless-javascript: a subset of javascript that looks like lisp.</li>
+</ul>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/magenta-tile-2.png b/magenta-tile-2.png
new file mode 100644
index 0000000..48b2d28
Binary files /dev/null and b/magenta-tile-2.png differ
diff --git a/magenta-tile-3.png b/magenta-tile-3.png
new file mode 100644
index 0000000..ce271e4
Binary files /dev/null and b/magenta-tile-3.png differ
diff --git a/magenta-tile-4.png b/magenta-tile-4.png
new file mode 100644
index 0000000..b8d443c
Binary files /dev/null and b/magenta-tile-4.png differ
diff --git a/magenta-tiles.png b/magenta-tiles.png
new file mode 100644
index 0000000..368aa8c
Binary files /dev/null and b/magenta-tiles.png differ
diff --git a/magenta-tiles.xcf b/magenta-tiles.xcf
new file mode 100644
index 0000000..dd32b50
Binary files /dev/null and b/magenta-tiles.xcf differ
