added logo

to7m · Aug 5, 2024 · 315848a · 315848a
1 parent cc0a103
commit 315848a
Show file tree

Hide file tree

Showing 6 changed files with 38 additions and 4 deletions.
diff --git 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
diff --git a/public_html/style.css b/public_html/style.css
diff --git a/public_html/style.css.map b/public_html/style.css.map
diff --git 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
@@ -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; }