diff --git a/inconsolata.ttf b/inconsolata.ttf
deleted file mode 100644
index 95ad718..0000000
Binary files a/inconsolata.ttf and /dev/null differ
diff --git a/index.html b/index.html
index a6a3c57..42fa479 100644
--- a/index.html
+++ b/index.html
@@ -2,48 +2,25 @@
 <html>
 
   <head>
-    <title>shoe says hi!</title>
+    <title>walkers!</title>
     <link rel="stylesheet" href="walkers.css">
   </head>
   <body>
 
     <div id="page-content">
-      <h1>this page wildly under construction</h1>
-      <p>aka i am gonna be repeatedly redoing like everything</p>
+      <h1>a demo of my random walker javascript</h1>
 
-      <div id="hi">
-        <h1>hi, i'm shoe.</h1>
-        <p>i hope you like this place!</p>
-      </div>
+      <p>code started out from <a href="https://jackmckew.dev/interactive-random-walkers-with-javascript.html" target="_blank">Jack McKew's blogpost</a>, but very few parts of that original is left</p>
 
-      <div id="about-shoe">
-        <h1>about shoe</h1>
-        <ul>
-          <li>they/them</li>
-          <li>i like sysadmin</li>
-          <li>TODO: I really need this section to not read like garbo</li>
-        </ul>
-      </div>
+      <h2>walker controls</h2>
+      <ul>
+        <li><button id="button-create-walker">create one</button></li>
+        <li><button id="button-destroy-walker">kill one :(</button></li>
+        <li><button id="button-reset-walkers">kill them all D:</button></li>
+      </ul>
+      <h2>hide text</h2>
+      <p>click to hide all page contents: <button id="button-hide-page">hide</button></p>
 
-      <div id="controls">
-        <h1>controls</h1>
-        <p>mess with the random walkers</p>
-        <ul>
-          <li><button id="button-create-walker">create one</button></li>
-          <li><button id="button-destroy-walker">kill one :(</button></li>
-          <li><button id="button-reset-walkers">kill them all D:</button></li>
-        </ul>
-        <p>if you want, you can <button id="button-hide-page">hide</button> the page to just watch the random walk</p>
-      </div>
-
-      <div id="inspiration">
-        <h1>inspiration</h1>
-        <p>gotta cite your sources >w<</p>
-        <ul>
-          <li><a href="/~nebula"> ~nebula's homepage</a> is beautiful and convinced me to make a lot of empty space, including the right-aligned elements</li>
-          <li><a href="https://jackmckew.dev/interactive-random-walkers-with-javascript.html" target="_blank">Jack McKew's blogpost</a> about random walkers in js was my starting point, even though mine looks nothing like theirs</li>
-        </ul>
-      </div>
     </div>
 
     <div id="page-content-hidden">
diff --git a/style.css b/style.css
deleted file mode 100644
index e5c0940..0000000
--- a/style.css
+++ /dev/null
@@ -1,53 +0,0 @@
-/* load font from local file because fuck yeah */
-@font-face {
-  font-family: inconsolata;
-  src: url("inconsolata.ttf");
-}
-
-body {
-  background-color: #22241f;
-  color: #d7fcc2;
-  font-family: inconsolata;
-}
-
-/* make <pre> match overall font and size */
-pre {
-  font-family: inherit;
-  font-size: inherit;
-}
-
-/* change ul bullet points to dashes for ~style~
- * derived from https://www.w3schools.com/cssref/pr_list-style-type.php */
-ul {
-  list-style-type: none;
-  padding-left: 16px;
-}
-ul > li::before {
-  content: "-";
-  padding-right: 8px;
-}
-
-/* style the page banner/signature thing to be big and bold */
-#banner {
-  font-size: large;
-  font-weight: bolder;
-}
-
-/* recolor links to still be blue and purple,
- * but be visible against the dark bg */
-a {
-  color: #64adf1;
-}
-a:visited {
-  color: #a76ff5;
-}
-a:active {
-  color: #ff0000;
-}
-
-/* style tilde.town ring appropriately */
-#tilde_ring {
-  background-color: black;
-  text-align: center;
-  padding: 0.5em;
-}
