From eea7c3cab30bb0cb1d2110ed67a53382253d603b Mon Sep 17 00:00:00 2001
From: Amber <amberisvibin@gmail.com>
Date: Sat, 6 May 2023 23:59:03 -0400
Subject: [PATCH] css updates to links

---
 computers.html                     |  24 ++++----
 images/badges/linuxnow_restore.jpg | Bin 5143 -> 5173 bytes
 index.html                         |  85 ++++++++++++++---------------
 minidisc.html                      |   2 +-
 style.css                          |  17 +++++-
 5 files changed, 70 insertions(+), 58 deletions(-)

diff --git a/computers.html b/computers.html
index f67f3edd..ee27425e 100644
--- a/computers.html
+++ b/computers.html
@@ -13,10 +13,10 @@
 
     <h2>main desktop</h2>
     <figure>
-      <a href="images/photos/full/mainpc_full.jpg">
+      <a href="images/photos/full/mainpc_full.jpg" class="link-image">
         <img src="images/photos/mainpc.jpg" alt="computer" width="256" height="192 ">
       </a>
-      <a href="images/photos/full/mainpc_open_full.jpg">
+      <a href="images/photos/full/mainpc_open_full.jpg" class="link-image">
         <img src="images/photos/mainpc_open.jpg" alt="an open computer" width="256" height="192 ">
       </a>
       <figcaption>This is my main pc. It's a ryzen 5 3600 with an rx 5700xt and 16gb of ddr4 3600. It dual-boots ubuntu 
@@ -26,7 +26,7 @@
 
     <h2>pentium iii system</h2>
     <figure>
-      <a href="images/photos/full/pentiumiii_full.jpg">
+      <a href="images/photos/full/pentiumiii_full.jpg" class="link-image">
         <img src="images/photos/pentiumiii.jpg" alt="dell tower" width="192" height="256">
       </a>
       <figcaption>This is my windows 98 machine. It's a dell dimension xps d300 case sporting a pentum 3 700mhz with a 
@@ -38,7 +38,7 @@
 
     <h2>main laptop</h2>
     <figure>
-      <a href="images/photos/full/zenbook_full.jpg">
+      <a href="images/photos/full/zenbook_full.jpg" class="link-image">
         <img src="images/photos/zenbook.jpg" alt="laptop" width="192" height="256">
       </a>
       <figcaption>This is my main laptop. It's got a ryzen 5 5500u with integrated and nvidia mx450 graphics and 8gb of
@@ -48,10 +48,10 @@
 
     <h2>2009 mac pro</h2>
     <figure>
-      <a href="images/photos/full/macpro_full.jpg">
+      <a href="images/photos/full/macpro_full.jpg" class="link-image">
         <img src="images/photos/macpro.jpg" alt="mac pro" width="196" height="256">
       </a>
-      <a href="images/photos/full/macpro-desktop_full.jpg">
+      <a href="images/photos/full/macpro-desktop_full.jpg" class="link-image">
         <img src="images/photos/macpro-desktop.jpg" alt="mac pro showing the desktop" width="256" height="192">
       </a>
       <figcaption>This is my 2009 mac pro. It has dual xeon x5570s for 8 total cores with a gt 120 and 16gb of ddr3
@@ -73,7 +73,7 @@
 
     <h2>powerbook g4</h2>
     <figure>
-      <a href="images/photos/full/powerbook_full.jpg">
+      <a href="images/photos/full/powerbook_full.jpg" class="link-image">
         <img src="images/photos/powerbook.jpg" alt="powerbook" width="196" height="256">
       </a>
       <figcaption>This is my powerbook g4. It has a powerpc g4 running at 1.67ghz, radeon 9700 128mb graphics, and 2gb
@@ -84,7 +84,7 @@
 
     <h2>thinkpad t400</h2>
     <figure>
-      <a href="images/photos/full/t400_full.jpg">
+      <a href="images/photos/full/t400_full.jpg" class="link-image">
         <img src="images/photos/t400.jpg" alt="thinkpad" width="196" height="256">
       </a>
       <figcaption>This is my thinkpad t400. It has a core 2 duo (something or other) with gm45 graphics and 8gb of
@@ -95,7 +95,7 @@
 
     <h2>tandy coco 2</h2>
     <figure>
-      <a href="images/photos/full/coco_full.jpg">
+      <a href="images/photos/full/coco_full.jpg" class="link-image">
         <img src="images/photos/coco.jpg" alt="tandy color computer 2" width="210" height="256">
       </a>
       <figcaption>I haven't gotten a lot of work done with this machine, but I like it a lot! I've been meaning to set up
@@ -104,7 +104,7 @@
 
     <h2>mac plus</h2>
     <figure>
-      <a href="images/photos/full/macplus_full.jpg">
+      <a href="images/photos/full/macplus_full.jpg" class="link-image">
         <img src="images/photos/macplus.jpg" alt="mac plus" width="196" height="256">
       </a>
       <figcaption>This is a mac plus. It is stock except for 4mb of ram. I got it for cheap without a keyboard or
@@ -117,7 +117,7 @@
 
     <h2>imac 2007</h2>
     <figure>
-      <a href="images/photos/full/imac_full.JPG">
+      <a href="images/photos/full/imac_full.JPG" class="link-image">
         <img src="images/photos/imac.JPG" alt="imac" width="192" height="256">
       </a>
       <figcaption>This is my 2007 (?) imac. It's got an upgraded core 2 duo of some kind and 4gb of ram. It currently
@@ -128,7 +128,7 @@
 
     <h2>emachines small tower</h2>
     <figure>
-      <a href="images/photos/full/emachines_full.jpg">
+      <a href="images/photos/full/emachines_full.jpg" class="link-image">
         <img src="images/photos/emachines.jpg" alt="emachines tower" width="192" height="256">
       </a>
       <figcaption>This is a small emachines tower from 2009. It's got an athlon ii x220 and 8gb of ram, with a 1tb 
diff --git a/images/badges/linuxnow_restore.jpg b/images/badges/linuxnow_restore.jpg
index babc09c78d2a74b5d02aee5781a9c08a4717ae5d..458edd65e3165958e40e31044fd3ca381aa47a4c 100644
GIT binary patch
delta 4301
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
M@%*Hp3Z?q^f5EF3p#T5?

delta 4266
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

diff --git a/index.html b/index.html
index beb6e95a..903e4bfe 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@
   <body>
     <h1>welcome to amber's place~</h1>
     
-    <a href="images/pfp.png"><img src="images/pfp_256.png" alt="a picrew profile picture of a girl with pink hair and 
+    <a href="images/pfp.png" class="link-image"><img src="images/pfp_256.png" alt="a picrew profile picture of a girl with pink hair and 
       glasses next to a cat. the girl has a speech bubble with the lesbian flag in it." width="256" height="256"></a>
 
     <p>i'm a tired transbian and i want to put shit on the internet.</p>
@@ -86,49 +86,46 @@
         <img src="images/transfem.gif" alt="trans fem are so cool" width="150" height="20" style="border:none;">
         <br>
         <br>
-        <!-- Removed cause they don't look good lol. gonna have to make my own i think -->
-        <!-- <a href="https://html5.validator.nu/?doc=https%3A%2F%2Fambersplace.neocities.org%2F" 
-          title="Validation of HTML5 Conformance" target="_blank" aria-label="opens external site in a new window">
-    	    <img height="31" width="88" src="/images/badges/html5-validator-badge.png" alt="HTML5 Valid" 
-            style="border:none;"></a>
-        <a href="https://www.w3.org/WAI/WCAG2AA-Conformance" title="Explanation of WCAG 2 Level AA conformance" 
-          target="_blank" aria-label="opens external site in a new window">
-            <img height="31" width="88" src="/images/badges/wcag2.1AA-v.png" 
-              alt="Level AA conformance, W3C WAI Web Content Accessibility Guidelines 2.1" style="border:none;"></a> -->
-        <img height="31" width="88" src="/images/badges/anybrow.gif" alt="Any broswer" style="border:none;">
-        <img height="31" width="88" src="/images/badges/cybergirls.gif" alt="Cybergirls" style="border:none;">
-        <img height="31" width="88" src="/images/badges/gay.png" alt="Gay flag" style="border:none;">
-        <img height="31" width="88" src="/images/badges/trans.png" alt="Trans flag" style="border:none;">
-        <img height="31" width="88" src="/images/badges/linuxnow.jpg" alt="Linux now" style="border:none;">
-        <img height="31" width="88" src="/images/badges/anti_nft_b.png" alt="Anti nft" style="border:none;">
-        <img height="31" width="88" src="/images/badges/slimesnow.png" alt="Slimes now" style="border:none;">
-        <img height="31" width="88" src="/images/badges/anarchynow.gif" alt="Anarchy now" style="border:none;">
-        <img height="31" width="88" src="/images/badges/piracy.gif" alt="Piracy now" style="border:none;">
-        <img height="31" width="88" src="/images/badges/queer.png" alt="Queer pride" style="border:none;">
-        <img height="31" width="88" src="/images/badges/acab.gif" alt="ACAB" style="border:none;">
-        <img height="31" width="88" src="/images/badges/amber.gif" alt="ambersplace" style="border:none;">
-        <img height="31" width="88" src="/images/badges/pronouns.gif" alt="pronouns" style="border:none;">
-        <img height="31" width="88" src="/images/badges/hashtaggirl.gif" alt="hashtag girl" style="border:none;">
-          <a href="https://archlinux.org/"
-          title="Arch Linux" target="_blank" aria-label="opens external site in a new window">
-            <img height="31" width="88" src="/images/badges/archlinux.gif" alt="archlinux" style="border:none;">
-          </a>
-          <a href="https://maia.crimew.gay/"
-          title="maia.crimew.gay" target="_blank" aria-label="opens external site in a new window">
-            <img height="31" width="88" src="/images/badges/maia.crimew.gay.png" alt="archlinux" style="border:none;">
-          </a>
-          <a href="https://lunasn0wfall.neocities.org/"
-          title="lunasn0wfall" target="_blank" aria-label="opens external site in a new window">
-            <img height="31" width="88" src="/images/badges/pawjob.gif" alt="lunasn0wfall" style="border:none;">
-          </a>
-          <a href="https://neocities.org/"
-          title="Neocities" target="_blank" aria-label="opens external site in a new window">
-            <img height="31" width="88" src="/images/badges/neocities_88x31.gif" alt="neocities" style="border:none;">
-          </a>
-          <a href="https://www.tumblr.com/"
-          title="Tumblr" target="_blank" aria-label="opens external site in a new window">
-            <img height="31" width="88" src="/images/badges/tumblr.png" alt="tumblr" style="border:none;">
-          </a>
+        <div class="buttons" >
+          <!-- Removed cause they don't look good lol. gonna have to make my own i think -->
+          <!-- <a href="https://html5.validator.nu/?doc=https%3A%2F%2Fambersplace.neocities.org%2F" 
+            title="Validation of HTML5 Conformance" target="_blank" aria-label="opens external site in a new window">
+            <img height="31" width="88" src="/images/badges/html5-validator-badge.png" alt="HTML5 Valid" 
+              style="border:none;"></a>
+          <a href="https://www.w3.org/WAI/WCAG2AA-Conformance" title="Explanation of WCAG 2 Level AA conformance" 
+            target="_blank" aria-label="opens external site in a new window">
+              <img height="31" width="88" src="/images/badges/wcag2.1AA-v.png" 
+                alt="Level AA conformance, W3C WAI Web Content Accessibility Guidelines 2.1" style="border:none;"></a> -->
+          <img height="31" width="88" src="/images/badges/anybrow.gif" alt="Any broswer" style="border:none;">
+          <img height="31" width="88" src="/images/badges/cybergirls.gif" alt="Cybergirls" style="border:none;">
+          <img height="31" width="88" src="/images/badges/gay.png" alt="Gay flag" style="border:none;">
+          <img height="31" width="88" src="/images/badges/trans.png" alt="Trans flag" style="border:none;">
+          <img height="31" width="88" src="/images/badges/linuxnow.jpg" alt="Linux now" style="border:none;">
+          <img height="31" width="88" src="/images/badges/anti_nft_b.png" alt="Anti nft" style="border:none;">
+          <img height="31" width="88" src="/images/badges/slimesnow.png" alt="Slimes now" style="border:none;">
+          <img height="31" width="88" src="/images/badges/anarchynow.gif" alt="Anarchy now" style="border:none;">
+          <img height="31" width="88" src="/images/badges/piracy.gif" alt="Piracy now" style="border:none;">
+          <img height="31" width="88" src="/images/badges/queer.png" alt="Queer pride" style="border:none;">
+          <img height="31" width="88" src="/images/badges/acab.gif" alt="ACAB" style="border:none;">
+          <img height="31" width="88" src="/images/badges/amber.gif" alt="ambersplace" style="border:none;">
+          <img height="31" width="88" src="/images/badges/pronouns.gif" alt="pronouns" style="border:none;">
+          <img height="31" width="88" src="/images/badges/hashtaggirl.gif" alt="hashtag girl" style="border:none;">
+            <a href="https://archlinux.org/"
+            title="Arch Linux" target="_blank" aria-label="opens external site in a new window">
+              <img height="31" width="88" src="/images/badges/archlinux.gif" alt="archlinux" style="border:none;" class="link-image"></a>
+            <a href="https://maia.crimew.gay/"
+            title="maia.crimew.gay" target="_blank" aria-label="opens external site in a new window">
+              <img height="31" width="88" src="/images/badges/maia.crimew.gay.png" alt="archlinux" style="border:none;" class="link-image"></a>
+            <a href="https://lunasn0wfall.neocities.org/"
+            title="lunasn0wfall" target="_blank" aria-label="opens external site in a new window">
+              <img height="31" width="88" src="/images/badges/pawjob.gif" alt="lunasn0wfall" style="border:none;" class="link-image"></a>
+            <a href="https://neocities.org/"
+            title="Neocities" target="_blank" aria-label="opens external site in a new window">
+              <img height="31" width="88" src="/images/badges/neocities_88x31.gif" alt="neocities" style="border:none;" class="link-image"></a>
+            <a href="https://www.tumblr.com/"
+            title="Tumblr" target="_blank" aria-label="opens external site in a new window">
+              <img height="31" width="88" src="/images/badges/tumblr.png" alt="tumblr" style="border:none;" class="link-image"></a>
+          </div>
     </footer>
   </body>
 </html>
diff --git a/minidisc.html b/minidisc.html
index 441b4277..8f99b0ce 100644
--- a/minidisc.html
+++ b/minidisc.html
@@ -9,7 +9,7 @@
   <body>
     <h1>minidisc</h1>
     
-    <a href="images/md.jpg"><img src="images/md_256.jpg" alt="a photo of a minidisc" width="256" height="256"></a>
+    <a href="images/md.jpg" class="link-image"><img src="images/md_256.jpg" alt="a photo of a minidisc" width="256" height="256"></a>
 
     <p>i currently have two Sony MZ-R50 minidisc recorders. these recorders are from 1997, and don't have features like 
       MDLP or NetMD. they are still both extremely solid, however.</p>
diff --git a/style.css b/style.css
index 4ba39a56..500f8793 100644
--- a/style.css
+++ b/style.css
@@ -62,7 +62,7 @@ h1 {
 
 a:focus {
   outline: 2px solid #86A3C1;
-  outline-offset: 2px;
+  /* outline-offset: 2px; */
 }
 
 figure {
@@ -73,3 +73,18 @@ figure {
 figcaption {
   margin-top: 4px;
 }
+
+.link-image {
+  display: inline-block;
+  width: fit-content;
+  height: fit-content;
+  text-decoration: none;
+}
+
+.buttons {
+  font-size: 23px; /* this sucks but i cant find a better way */
+}
+
+/* .buttons img {
+  margin: 2px;
+} */
\ No newline at end of file