From 8fdaee6b0d4a5382ff3e79bee4d7a33ff57d008d Mon Sep 17 00:00:00 2001
From: voidNUL <50534996+Xterminate1818@users.noreply.github.com>
Date: Sun, 8 Sep 2024 20:44:59 -0500
Subject: [PATCH] md changes

---
 src/.head                                     |  2 ++
 src/css/style.css                             |  6 +++-
 src/js/components.js                          |  1 -
 src/toybox/{fishbowl.md => fishbowl/index.md} | 14 +++++++--
 src/toybox/index.md                           |  2 +-
 src/toybox/the-crypt/index.md                 | 29 ++++++++++++++-----
 6 files changed, 41 insertions(+), 13 deletions(-)
 rename src/toybox/{fishbowl.md => fishbowl/index.md} (64%)

diff --git a/src/.head b/src/.head
index 34542b9..410ec11 100644
--- a/src/.head
+++ b/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>
diff --git a/src/css/style.css b/src/css/style.css
index 49bc620..e9a3807 100644
--- a/src/css/style.css
+++ b/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;
+}
+
diff --git a/src/js/components.js b/src/js/components.js
index 908f169..f0d576f 100644
--- a/src/js/components.js
+++ b/src/js/components.js
@@ -88,4 +88,3 @@ class JsonData extends HTMLElement {
 }
 
 customElements.define("json-data", JsonData);
-
diff --git a/src/toybox/fishbowl.md b/src/toybox/fishbowl/index.md
similarity index 64%
rename from src/toybox/fishbowl.md
rename to src/toybox/fishbowl/index.md
index a645471..5c40448 100644
--- a/src/toybox/fishbowl.md
+++ b/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/>
diff --git a/src/toybox/index.md b/src/toybox/index.md
index 4d61b5d..9982316 100644
--- a/src/toybox/index.md
+++ b/src/toybox/index.md
@@ -1,3 +1,3 @@
 # toybox
-* [fishbowl](./fishbowl.html)
+* [fishbowl](./fishbowl/)
 * [the crypt](./the-crypt/)
diff --git a/src/toybox/the-crypt/index.md b/src/toybox/the-crypt/index.md
index f864b9c..658dc28 100644
--- a/src/toybox/the-crypt/index.md
+++ b/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>
+```