md changes

src/.head

@@ -6,3 +6,5 @@
 <link rel="stylesheet" href="/css/highlight.css">
 <link rel="icon" type="image/x-icon" href="/favicon.gif">
 <script src="/js/components.js"></script>
+<script src="/js/highlight.js"></script>
+<script>hljs.highlightAll();</script>

src/css/style.css

@@ -88,7 +88,7 @@ figcaption {
   line-height: 110%;
 }
 
-img[src] {
+img[src],iframe,code {
   border-radius: 0.25em;
 }
 
@@ -97,3 +97,7 @@ figure img {
   width: 100%
 }
 
+form {
+  border: dashed black;
+}
+

src/js/components.js

@@ -88,4 +88,3 @@ class JsonData extends HTMLElement {
 }
 
 customElements.define("json-data", JsonData);
-

src/toybox/fishbowl/index.md

@@ -1,7 +1,15 @@
 # fishbowl
-Choose an image and click submit. The image will be sent and processed by my
-server, so be mindful of what you submit. No logs or copies of the input are
-preserved.
+Fishbowl is an app that creates an animation from any image
+using a physics simulation. To try it out, select an image
+below and click 'Submit'. Be aware that images are sent to my
+server to be processed. No logs or copies are preserved.
+
+Animation resolution and circle count is limited to preserve
+resources. For higher quality results you will need to download
+the [source code](https://git.lgatlin.dev/logan/fishbowl) and build
+it yourself
+
+## demo
 <form id="fishForm">
     <label for="fishFile"> Select an image: </label>
     <br/>

src/toybox/index.md

@@ -1,3 +1,3 @@
 # toybox
-* [fishbowl](./fishbowl.html)
+* [fishbowl](./fishbowl/)
 * [the crypt](./the-crypt/)

src/toybox/the-crypt/index.md

@@ -1,10 +1,25 @@
 # the crypt
-I created 'The Crypt' in 2020 for a weeklong game jam with a friend
-using [Godot 3.5](https://godotengine.org/download/archive/3.5-stable/).
-The game was originally posted to our itch.io pages.
+I created 'The Crypt' in 2020 for a weeklong game jam with a
+friend using [Godot
+3.5](https://godotengine.org/download/archive/3.5-stable/). The
+game was originally posted to our [itch.io
+pages](https://void-nul.itch.io/the-crypt). Feel free to embed
+the game on your site. The source code is
+[archived](https://git.lgatlin.dev/logan/the-crypt) and can be
+compiled for the web if you want to host it locally
+
 <section>
-<iframe
-src="/toybox/the-crypt/TheCrypt.html"
-width="100%" height="auto"
-style="aspect-ratio: 16/9;"> </iframe>
+    <iframe
+    src="/toybox/the-crypt/TheCrypt.html"
+    width="100%" height="auto"
+    style="aspect-ratio: 16/9;"> </iframe>
 </section>
+
+## embed
+```html
+<iframe
+    src="https://lgatlin.dev/toybox/the-crypt/TheCrypt.html">
+    width="100%" height="auto"
+    style="aspect-ratio: 16/9;">
+</iframe>
+```