From 315848a7fce30acfdccb94f15f269646113887e9 Mon Sep 17 00:00:00 2001
From: to7m <ThomasHoweMain@gmail.com>
Date: Mon, 5 Aug 2024 15:26:44 +0100
Subject: [PATCH] added logo

---
 public_html/index.html    |   2 +-
 public_html/logo.png      | Bin 0 -> 1425 bytes
 public_html/style.css     |  18 +++++++++++++++++-
 public_html/style.css.map |   2 +-
 scss/_colours.scss        |   1 +
 scss/body/_aside.scss     |  19 ++++++++++++++++++-
 6 files changed, 38 insertions(+), 4 deletions(-)
 create mode 100644 public_html/logo.png

diff --git a/public_html/index.html b/public_html/index.html
index d24c838..de67801 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -15,7 +15,7 @@ <h1>My Name is Thomas Howe</h1>
     <a href="#">Scroll Down</a>
   </header>
   <aside>
-    <img src="T.png" id="t-initial">
+    <a href="index.html" id="home-link"><img src="logo.png" alt="Thomas Howe logo"></a>
     <nav><ul>
       <li><a href="about-me.html">About Me</a></li>
       <li><a href="my-portfolio.html">My Portfolio</a></li>
diff --git a/public_html/logo.png b/public_html/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..bb2b6d0f7bc107bdcee2469d76ef79bb6264ff6d
GIT binary patch
literal 1425
zcmeAS@N?(olHy`uVBq!ia0y~yU~~ZDRt`3xNY7TSwLprqz$3Dlfr0M`2s2LA=96Y%
zV0HF%aSW-L^Y;2euX%|Q#~(hwnkaEg{Mwo@|HB^|AHCGgYdV;)oipt5p@huB1q%%B
zoJ+J>KmXJ2b<97Cm&@Nt1{#YE9MGC(>gK=y?)&u{xlLl{$l9*iXl>gt`}OVfkI%n5
ze{;9Pt@WoTKlb13UY^F!v`3tYBZX68f@*`qGzO-~0pxs5{Py7U>Ep-ue*BX9O>cd=
z<mt4Y!VPb&pGDREk<~Z9y|3y2X5(Y;P0Oa6x>epc3opNaT%!H<zT{2or>h@-e%r2T
z`%!M5!QqvG56n>)42C2<8Vgj31#E>JSnPnve+GqYX_rRZAAukNPgg&ebxsLQ0JPF}
ARR910

literal 0
HcmV?d00001

diff --git a/public_html/style.css b/public_html/style.css
index 72e06b2..878256b 100644
--- a/public_html/style.css
+++ b/public_html/style.css
@@ -67,7 +67,23 @@ ol, ul {
 }
 aside {
   grid-area: aside;
-  align-self: start;
+  min-height: 100%;
+  width: 100%;
+  border-right: 3px solid rgb(82, 181, 204);
+  display: flex;
+  flex-direction: column;
+}
+
+#home-link {
+  display: block;
+  width: 100%;
+  height: 160px;
+  border-bottom: 3px solid rgb(82, 181, 204);
+}
+#home-link img {
+  max-height: 100%;
+  max-width: 100%;
+  object-fit: cover;
 }
 
 @media handheld, print, projection, screen, tv {
diff --git a/public_html/style.css.map b/public_html/style.css.map
index 8fe32ca..39a0456 100644
--- a/public_html/style.css.map
+++ b/public_html/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/_reset.scss","../scss/text/_icon.scss","../scss/body/_aside.scss","../scss/_accessibility.scss","../scss/body/_index.scss","../scss/_colours.scss","../scss/text/_sizes.scss"],"names":[],"mappings":"AAAA;AAEA;AACI;AAAA;EAEA;;;AAGJ;AACI;EACA;EACA;EACA;;;AAGJ;AACI;AAAA;AAAA;EAGA;AAEA;EACA;EACA;;;AAGJ;AACI;EACA;;;AAGJ;AACI;EACA;;;AAIJ;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;ACzDJ;EACI;EACA;EACA,KACI;EAIJ;EACA;EACA;;ACTJ;EACI;EAEA;;;ACNA;EDSJ;ICRQ;;;;AAKJ;EDIJ;ICHQ;;;;AFkFJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AANJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AANJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AANJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AG1FR;EACI,kBCNI;EDQJ;EACA;EACA;EACA,qBACI;EETJ,aAJa;EAKb,WAM4C;EAL5C,aAHsE;EAItE;EFWA,OClBI","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/_reset.scss","../scss/text/_icon.scss","../scss/body/_aside.scss","../scss/_accessibility.scss","../scss/body/_index.scss","../scss/_colours.scss","../scss/text/_sizes.scss"],"names":[],"mappings":"AAAA;AAEA;AACI;AAAA;EAEA;;;AAGJ;AACI;EACA;EACA;EACA;;;AAGJ;AACI;AAAA;AAAA;EAGA;AAEA;EACA;EACA;;;AAGJ;AACI;EACA;;;AAGJ;AACI;EACA;;;AAIJ;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;ACzDJ;EACI;EACA;EACA,KACI;EAIJ;EACA;EACA;;ACRJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;ACtBJ;ED0BJ;ICzBQ;;;;AAKJ;EDqBJ;ICpBQ;;;;AFkFJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AANJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AANJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AANJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AG1FR;EACI,kBCNI;EDQJ;EACA;EACA;EACA,qBACI;EETJ,aAJa;EAKb,WAM4C;EAL5C,aAHsE;EAItE;EFWA,OClBI","file":"style.css"}
\ No newline at end of file
diff --git a/scss/_colours.scss b/scss/_colours.scss
index 71cf262..8fcb58a 100644
--- a/scss/_colours.scss
+++ b/scss/_colours.scss
@@ -1,2 +1,3 @@
 $black: rgb(0%, 0%, 0%);
 $white: rgb(100%, 100%, 100%);
+$blue: rgb(32%, 71%, 80%);
diff --git a/scss/body/_aside.scss b/scss/body/_aside.scss
index 341de8d..6788842 100644
--- a/scss/body/_aside.scss
+++ b/scss/body/_aside.scss
@@ -1,11 +1,28 @@
 @use "accessibility";
 @use "text";
+@use "colours";
 
 
 aside {
     grid-area: aside;
+    min-height: 100%;
+    width: 100%;
+    border-right: 3px solid colours.$blue;
+    display: flex;
+    flex-direction: column;
+}
+
+#home-link {
+    display: block;
+    width: 100%;
+    height: 160px;
+    border-bottom: 3px solid colours.$blue;
 
-    align-self: start;
+    img {
+        max-height: 100%;
+        max-width: 100%;
+        object-fit: cover;
+    }
 }
 
 .social-media-name { @include accessibility.non-bitmap-media-only; }