n-channel

commit d3f007efed3ebdff0397246afbf48f019c9ed002
parent c3a13a427fe7a966a9c8d5912b2ed713bebf61c9
Author: Samdal <samdal@protonmail.com>
Date:   Sat, 22 Feb 2025 01:34:21 +0100

update nav images

Diffstat:
M
_includes/navigation.html
 | 
8
+++++---
M
_sass/_main.scss
 | 
14
++++++++++++--

2 files changed, 17 insertions(+), 5 deletions(-)
diff --git a/_includes/navigation.html b/_includes/navigation.html
@@ -1,7 +1,9 @@
 <header aria-hidden="true" class="no-print">
-   <a href="/">
-      <img class="header-img" style="margin-bottom: 0.5rem; max-width: 10rem; width: 100%; height: auto;" src="/assets/images/templeos.jpeg" width=200 height=200>
-      <img class="header-img" style="margin-bottom: 0.5rem; max-width: 7.5rem; width: 100%; height: auto; image-rendering: crisp-edges;" src="/assets/images/c-programming-language-chito.png" width=180 height=244>
+   <a href="/" style>
+      <div class="header-img-outer">
+      <img class="header-img" style="margin-bottom: 0.5rem; max-width: 9.5rem;" src="/assets/images/templeos.jpeg">
+      <img class="header-img" style="margin-bottom: 0.5rem; max-width: 8.0rem;" src="/assets/images/c-programming-language-chito.png">
+      </div>
    </a>
    <nav role="navigation" aria-hidden="true">
       <ul>
diff --git a/_sass/_main.scss b/_sass/_main.scss
@@ -99,6 +99,11 @@ header a.active {
 	font-weight: bold;
 }
 
+.header-img {
+	width: 100%;
+	height: 100%;
+}
+
 header,section {
 	padding-right:1rem;
 	padding-top:0px;
@@ -222,9 +227,14 @@ li {
 	header {
 		max-width: 100%;
 	}
-	header img {
-		margin-left: 1.5rem;
+	.header-img {
+		margin-left: 1.0rem;
 		margin-bottom: 0rem;
+		width: auto;
+	}
+	.header-img-outer {
+		display:flex;
+		flex-direction:row;
 	}
 	header li {
 		display: inline;