From 1741ce4382dee57c536e0c90af2ca56b2008b941 Mon Sep 17 00:00:00 2001
From: Sara <sara@objectionable.solutions>
Date: Tue, 30 Dec 2025 19:48:34 +0100
Subject: [PATCH] wrapped sample button html in detail tags

---
 objectionable.solutions/style.css         |  2 +-
 objectionable.solutions/the-big-list.html | 22 +++++++++++-----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/objectionable.solutions/style.css b/objectionable.solutions/style.css
index cfc8b1e..f652d39 100644
--- a/objectionable.solutions/style.css
+++ b/objectionable.solutions/style.css
@@ -28,7 +28,7 @@ a:hover {
     border: solid var(--color-tl-border) 1px;
 }
 
-section {
+section, details {
   border-radius: 2px;
   border: solid black 2px;
   border-color: var(--color-tl-border) var(--color-br-border)
diff --git a/objectionable.solutions/the-big-list.html b/objectionable.solutions/the-big-list.html
index 40b0e24..32013bb 100644
--- a/objectionable.solutions/the-big-list.html
+++ b/objectionable.solutions/the-big-list.html
@@ -200,27 +200,22 @@
     <h2><a href="#buttons">Buttons</a></h2>
     <section>
         <p>Here's my personal webpage's button. Feel free to add it to your own personal page if you want to. Just don't imply I condone whatever it's next to.</p>
-        <p><code>
+        <p><a href="index.html"><img src="88x31.bmp" class="button" style="width:200px" title="Objectionable Solutions" alt="88 by 31 pixel button of A witchy scene of a shooting star over a lake. Cursive text reads 'objectionable solutions' above the star"/></a></p>
+            <details><summary>Sample HTML</summary><code>
 &lta href="https://objectionable.solutions"&gt
     &ltimg src="88x31.png" title="Objectionable Solutions" alt="88 by 31 pixel button of A witchy scene of a shooting star over a lake. Cursive text reads 'objectionable solutions' above the star"/&gt
 &lt/a&gt
-        </code></p>
-        <p><a href="index.html"><img src="88x31.bmp" class="button" style="width:200px" title="Objectionable Solutions" alt="88 by 31 pixel button of A witchy scene of a shooting star over a lake. Cursive text reads 'objectionable solutions' above the star"/></a></p>
+            </code></details>
     </section>
     <section>
         <p>I also made the "Link the world" button on top of the index page, if you feel like using that one. It's just an image link on it's own, but you can always link it to your own web directory.</p>
-        <p><code>
-&ltimg src="https://objectionable.solutions/88x31_webdirectories.bmp" class="button" alt="88x31 pixel button saying 'make a web directory/link the world'" title="Link the World/Make a Web Directory"&gt
-        </code></p>
         <p><img src="88x31_webdirectories.bmp" class="button" style="width:200px" alt="88x31 pixel button saying 'make a web directory/link the world'" title="Link the World/Make a Web Directory"></p>
+        <details><summary>Sample HTML</summary><code>
+&ltimg src="https://objectionable.solutions/88x31_webdirectories.bmp" class="button" alt="88x31 pixel button saying 'make a web directory/link the world'" title="Link the World/Make a Web Directory"&gt
+        </code></details>
     </section>
     <section>
         <p>And a Forgejo button that, on my homepage, I link to my instance git.objectionable.solutions. It's free to use if you want to, so you can link it to your own instance if you feel like it.</p>
-        <p><code>
-&lta href="https://forgejo.org/"&gt
-    &ltimg src="https://objectionable.solutions/88x31_forge.bmp" class="button" alt="88x31 button that has stylised text saying 'forge' and a small illustration of a hammer hitting an empty html tag on an anvil"/&gt
-&lt/a&gt
-        </code></p>
         <p><a href="https://forgejo.org">
             <img src="88x31_forge.bmp" class="button" style="width:200px" alt="88x31 button that has stylised text saying 'forge' and a small illustration of a hammer hitting an empty html tag on an anvil"/>
         </a></p>
@@ -228,6 +223,11 @@
             This button adapts the forgejo logo, created by <a href="https://caesarschinas.com/" rel="nofollow">Caesar Schinas</a> and is licensed under the
             <a href="https://creativecommons.org/licenses/by-sa/4.0/" rel="nofollow">Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license</a>.
         </p>
+        <details><summary>Sample HTML</summary><code>
+&lta href="https://forgejo.org/"&gt
+    &ltimg src="https://objectionable.solutions/88x31_forge.bmp" class="button" alt="88x31 button that has stylised text saying 'forge' and a small illustration of a hammer hitting an empty html tag on an anvil"/&gt
+&lt/a&gt
+        </code></details>
     </section>
     <section>
         <p>