From 82b787e494b077ad0295561549842d05b9b60ad1 Mon Sep 17 00:00:00 2001
From: TinWoodman92 <chrhodgden@gmail.com>
Date: Sat, 13 Jan 2024 18:58:07 -0600
Subject: added portait to about page.

---
 about.html | 10 +++++++++-
 style.css  | 34 ++++++++++++++++++++--------------
 2 files changed, 29 insertions(+), 15 deletions(-)
diff --git a/about.html b/about.html
index 365abdb..ef6094e 100644
--- a/about.html
+++ b/about.html
@@ -2,8 +2,9 @@
 <html>
 
 <head>
-	<title>chrhodgden - About</title>
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>chrhodgden - About</title>
+	<link rel="icon" type="image/svg+xml" href="img/favicon.svg">
 	<link rel="stylesheet" href="style.css"/>
 	<style>
 		:root {
@@ -19,6 +20,13 @@
 	</div>
 
 	<h1>About Me</h1>
+	
+	<img 
+		class="self-portrait"
+		src="img/self_portrait.jpg" 
+		alt="Self Portrait"
+		height="300"
+	>
 
 	<p>
 		My name is Christian Hodgden.
diff --git a/style.css b/style.css
index 9c8d2dc..4678389 100644
--- a/style.css
+++ b/style.css
@@ -55,6 +55,22 @@
 	}
 }
 
+@media (max-width: 600px) {
+	html {
+		font-size: 1.5rem; 
+	}
+}
+
+@media (min-width: 601px) {
+	html {
+		font-size: 1rem; 
+	}
+}
+
+.dark-mode-container {
+	float: right;
+}
+
 ::selection {
 	background-color: var(--contrast-color);
 	color: hsl(0, 0%, var(--background-lightness));
@@ -84,6 +100,7 @@ hr {
 nav {
 	color: var(--foreground-accent-color);
 	text-align: center;
+	clear: both;
 }
 
 ul {
@@ -129,18 +146,7 @@ a:hover {
 	color: hsl(calc(var(--contrast-hue) - 150), 100%, var(--contrast-lightness))
 }
 
-.dark-mode-container {
+img.self-portrait {
 	float: right;
-}
-
-@media (max-width: 600px) {
-	html {
-		font-size: 1.5rem; 
-	}
-}
-
-@media (min-width: 601px) {
-	html {
-		font-size: 1rem; 
-	}
-}
+	margin-right: 1rem;
+}
\ No newline at end of file
-- 
cgit v1.2.3

