new buttons

assets/css/style.css

@@ -331,21 +331,22 @@ input:focus {
 
 .smalimages {
   backdrop-filter: blur(60px);
-
   align-self: center;
   position: relative;
   image-rendering: pixelated;
   margin-top: 40px;
   padding: 20px;
   border-radius: 3px;
+  width: 50%;
+  text-align: center;
 }
 
 .smalimages img {
   width: 88px;
   height: 31px;
   display: inline-block;
-
   transition: all 0.2s ease;
+  
 }
 
 .smalimages img:hover {
@@ -353,7 +354,6 @@ input:focus {
   scale: 1.3;
   height: fit-content;
   filter: drop-shadow(8px 10px 0px var(--accent-color));
-
   position: relative;
   border: 0.2px solid rgba(255, 255, 255, 0.726);
   border-radius: 3px;

index.html

@@ -188,17 +188,30 @@
             <p>gnawmon@vern.cc</p>
         </div>
         <div class="smalimages">
+            <p>people</p>
+            <a href="https://dottych.github.io/"> <img src="assets/88x31/dottych.png"></img></a>
+            <a href="https://andrewidot.neocities.org"><img src="https://andrewidot.neocities.org/assets/88x31/andrewidot_88x31.gif"></a>
+            <a href="https://gnawmon.vern.cc"> <img src="assets/88x31/gnawmon.png"></img></a>
+            <a href="https://tauon.dev/" target="_blank"><img src="https://tauon.dev/images/88x31/lily.png" alt="lily" /></a>
+            <a href="https://liminalityyy.github.io/"> <img src="assets/88x31/liminal.png"></img></a>
+            <a href="https://illudens.neocities.org"><img src="https://illudens.neocities.org/illudens.gif"></a>
+
+            <p>software i like</p>
             <a href="https://endeavouros.com/"> <img src="assets/88x31/endeavour.png"></img> </a>
             <a href="https://www.mozilla.org/en-US/firefox/new"> <img src="assets/88x31/firefox.gif"></img></a>
-            <img src="assets/88x31/ie_exploder.gif"></img>
-            <a href="https://vern.cc"> <img src="assets/88x31/vern.png"></img></a>
-            <img src="assets/88x31/mwd.png"></img>
-            <a href="https://gnawmon.vern.cc"> <img src="assets/88x31/gnawmon.png"></img></a>
             <a href="https://balls-online-plus.onrender.com"> <img src="assets/88x31/bop.gif"></img></a>
-            <a href="https://dottych.github.io/"> <img src="assets/88x31/dottych.png"></img></a> 
-            <a href="https://www.youtube.com/@minewatch/about"> <img src="assets/88x31/minexplorer.png"></img></a> 
-          
-        </div>
+
+            <p>other</p>
+            <a href="https://vern.cc"> <img src="assets/88x31/vern.png"></img></a>
+            <img src="assets/88x31/ie_exploder.gif"></img>
+            <a href="https://yesterweb.org/no-to-web3/"><img src="assets/88x31/saynotoweb3.gif"></img></a>
+            <a href="https://www.youtube.com/@Windows969"><img src="assets/88x31/96.png"></img></a>
+            <p>unfiction</p>
+            <img src="assets/88x31/mwd.png"></img>
+            <a href="https://www.youtube.com/@minewatch/about"> <img src="assets/88x31/minexplorer.png"></img></a>
+            <a href="https://www.youtube.com/@unintelligible-synapse"> <img src="assets/88x31/tbotvact1.png"></img></a>
+            <a href="https://www.youtube.com/@minewatch/about"> <img src="assets/88x31/minewatch.png"></img></a>
+    </div>
         <button id="rotate_button" onclick="rotate()" style="width: 90px; align-self: center;">rotate</button>
         <p class="paragraph bottomtext"><a href="http://git.vern.cc/gnawmon/website" class="link">source code</a></p>
     </div>