From 648ba95d58c61e75fe39ad0cb7ede0cc59af7bc1 Mon Sep 17 00:00:00 2001
From: Isaiah Odhner <isaiahodhner@gmail.com>
Date: Fri, 11 Aug 2023 14:35:13 -0400
Subject: [PATCH] Improve/shuffle layout of bottom section

---
 about.html | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/about.html b/about.html
index a318c18..ac988ec 100644
--- a/about.html
+++ b/about.html
@@ -223,12 +223,13 @@
 
 	<section id="other-projects-section">
 		<h2>Other Projects</h2>
-		<div id="junkbot-area" style="position: absolute; left: 40%">
-			<a href="https://1j01.github.io/janitorial-android/#junkbot" target="_blank">
-				<img src="images/about/junkbot-collecting-bin.gif" width="105" height="126"
-					alt="LEGO Junkbot minifig eating a recycling bin" id="junkbot-img"></a>
-			<span id="feeding-text" hidden>Please don't feed Junkbot.</span>
-		</div>
+		<p style="float: right;">
+			<a href="https://isaiahodhner.io/" target="_blank">
+				<img src="images/about/home.gif" width="40" height="40" alt="Home button"
+					style="vertical-align: middle">
+				Check out my home page for more projects!
+			</a>
+		</p>
 		<p>
 			<a href="https://isaiahodhner.io/" target="_blank"
 				style="color: rgb(160, 42, 52); font-weight: bold; font-style: italic;">
@@ -239,6 +240,12 @@
 				</span>
 			</a>
 		</p>
+		<div id="junkbot-area">
+			<a href="https://1j01.github.io/janitorial-android/#junkbot" target="_blank">
+				<img src="images/about/junkbot-collecting-bin.gif" width="105" height="126"
+					alt="LEGO Junkbot minifig eating a recycling bin" id="junkbot-img"></a>
+			<span id="feeding-text" hidden>Please don't feed Junkbot.</span>
+		</div>
 		<a href="https://1j01.github.io/guitar/" target="_blank">
 			<img src=" images/about/guitar.gif" width="60" height="100" alt="Guitar" style="float: right;">
 		</a>
@@ -252,13 +259,8 @@
 		<a href="https://1j01.github.io/chess-mashup/" target="_blank">
 			<img src="images/about/CHESS_CUBE.gif" width="100" height="90" alt="Dat Boi" style="float: right;">
 		</a>
-		<p>
-			<a href="https://isaiahodhner.io/" target="_blank">
-				<img src="images/about/home.gif" width="40" height="40" alt="Home button"
-					style="vertical-align: middle">
-				Check out my home page for more projects!
-			</a>
-		</p>
+		<!-- extends background when floated elements wrap -->
+		<div style="clear: both;"></div>
 	</section>
 
 	<script>