diff --git a/button.objectionable.solutions.ase b/button.objectionable.solutions.ase
new file mode 100644
index 0000000..d59acd4
Binary files /dev/null and b/button.objectionable.solutions.ase differ
diff --git a/objectionable.solutions/88x31.png b/objectionable.solutions/88x31.png
new file mode 100644
index 0000000..8ab34cb
Binary files /dev/null and b/objectionable.solutions/88x31.png differ
diff --git a/objectionable.solutions/index.html b/objectionable.solutions/index.html
index 12c7216..d5b06ae 100644
--- a/objectionable.solutions/index.html
+++ b/objectionable.solutions/index.html
@@ -2,23 +2,28 @@
 <html>
 <head>
     <title>Solutions no one asked for</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="style.css">
     <link rel="icon" href="favicon.svg" type="image/svg+xml">
     <style>
     </style>
 </head>
 <body>
-<header>
+<header id="top">
     <h1>Sara's Objectionable Solutions</h1>
 </header>
 <main>
+<section id="buttons">
+    <a href="#my-button"><img src="88x31.png" title="Objectionable Solutions" alt="88 by 31 pixel button of A witchy scene of a shooting star over a lake, the cursive text reads 'objectionable solutions'"/></a>
+    <a target="_blank" href="https://www.rejectconvenience.com/"><img src="https://www.rejectconvenience.com/images/88x31/88x31.jpg" title="Reject convenience and be kind and patient" alt="Reject Convenience" /></a>
+</section>
 <section id="about">
     <h2><a href="#about">Myself</a></h2>
-    <section>
-    <img src="favicon.svg" style="display: inline-block; width: 200px; height: 200px">
-    <p>
-        I'm a Dutch Game Development student and programmer. This particular site is just a personal page to throw ideas and thingamabobs onto. When it comes to programming I love working on graphical applications. Preferably some kind of GUI or simulation or game. <a href="the-big-list.html#tools">I prefer using libre and open source software where I can</a>.
-    </p>
+    <section style="height: 8em;">
+        <img src="favicon.svg" class="image-right" alt="A vector drawing of a blonde white woman wearing a purple tank top and a witch hat. On top of the hat a jackdaw is perched">
+        <p>
+            I am a Dutch Game Development student and programmer. This particular site is just a personal page to throw ideas and thingamabobs onto. When it comes to programming I love working on graphical applications. Preferably some kind of GUI or simulation or game. <a href="the-big-list.html#tools">I prefer using libre and open source software where I can</a>.
+        </p>
     </section>
     <section><ul>
         <li>Nouns: Sara / Saar / She / They / Woman / Girl (no preference)</li>
@@ -89,9 +94,6 @@
         The idea is that in the current age of the internet, one where search engines barely work and are filled with adverts and LLM-generated bullshit. By sharing what we like and trust, we can help others find new sources they like and trust more easily.
     </p>
 </section>
-<section id="buttons">
-    <a href="https://www.rejectconvenience.com/"><img src="https://www.rejectconvenience.com/images/88x31/88x31.jpg" title="Reject convenience and be kind and patient" alt="Reject Convenience" /></a>
-</section>
 <section id="cat">
     <h2><a href="#cat">Look At My Stupid Cat</a></h2>
     <section>
@@ -99,6 +101,20 @@
         <p>She is adorable :3</p>
     </section>
 </section>
+<section id="my-button">
+    <h2><a target="_blank" href="#my-button">My Button</a></h2>
+    <p>
+        <code>
+            &lta target="_blank" 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, the cursive text reads 'objectionable solutions'"/&gt&lt/a&gt
+        </code>
+    </p>
+    <p>
+        <a target="_blank" href="https://objectionable.solutions"><img src="88x31.png" title="Objectionable Solutions" alt="88 by 31 pixel button of A witchy scene of a shooting star over a lake, the cursive text reads 'objectionable solutions'"/></a>
+    </p>
+</section>
+<footer>
+    <a href="#top">back to top</a>
+</footer>
 </main>
 </body>
 </html>
diff --git a/objectionable.solutions/style.css b/objectionable.solutions/style.css
index 0369540..393780f 100644
--- a/objectionable.solutions/style.css
+++ b/objectionable.solutions/style.css
@@ -38,6 +38,8 @@ section {
 
 footer {
     margin-bottom: 200px;
+    padding-left: 20px;
+    padding-right: 20px;
 }
 
 h1::before {
@@ -59,3 +61,17 @@ h4::before {
 img {
   max-width: 300px;
 }
+
+img.image-right {
+    float: right;
+    max-height: 100%;
+    height: 100%;
+    margin-left: 20px;
+}
+
+img.image-left {
+    float: left;
+    max-height: 100%;
+    height: 100%;
+    margin-right: 20px;
+}
