n-channel

commit 31f89756447af3eb9c1f7b8ab6b9b7fa40833f02
parent 8675a2e83990ffccdd2521d4f9eb4c4f7d836df6
Author: Samdal <samdal@protonmail.com>
Date:   Thu, 20 Feb 2025 22:24:56 +0100

make font relative, fix screen adjustment

Diffstat:
M
_includes/navigation.html
 | 
2
+-
M
_sass/_main.scss
 | 
65
++++++++++++++++++++++++++++++++++-------------------------------

2 files changed, 35 insertions(+), 32 deletions(-)
diff --git a/_includes/navigation.html b/_includes/navigation.html
@@ -1,5 +1,5 @@
 <header aria-hidden="true" class="no-print">
-   <a href="/"><img style="margin-bottom: 5px; margin-left: 0.5em; width: auto; height: 8rem; image-rendering: crisp-edges;" src="/assets/images/c-programming-language-chito.png" width=180 height=244> </a>
+   <a href="/"><img style="margin-bottom: 5px; margin-left: 0.5em; width: auto; height: 150px; image-rendering: crisp-edges;" src="/assets/images/c-programming-language-chito.png" width=180 height=244> </a>
    <nav role="navigation" aria-hidden="true">
       <ul>
          {% for item in site.data.navigation.links %}
diff --git a/_sass/_main.scss b/_sass/_main.scss
@@ -1,4 +1,4 @@
-*,:after,:before {
+e,:after,:before {
 	box-sizing:border-box;
 	background-color:inherit;
 	color:inherit;
@@ -6,6 +6,10 @@
 	padding:0;
 }
 
+html {
+	font-size: 22px;
+}
+
 body {
 	display: flex;
 	flex-direction: column;
@@ -17,7 +21,6 @@ body {
 	font-family: noto-serfi, serif;
 	-webkit-font-smoothing: antialiased;
 	text-rendering: optimizeLegibility;
-	font-size: 22px;
 	line-height:1.5;
 	color: rgb(22, 23, 26);
 	background-color: #faf9ee;
@@ -56,19 +59,19 @@ pre {
 
 h1 {
 	font-weight: bold;
-	font-size: 40px;
+	font-size: 2rem;
 }
 h2 {
 	font-weight: bold;
-	font-size: 35px;
+	font-size: 1.8rem;
 }
 h3 {
 	font-weight: bold;
-	font-size: 30px;
+	font-size: 1.6rem;
 }
 h4 {
 	font-weight: bold;
-	font-size: 25px;
+	font-size: 1.4rem;
 }
 
 main h1 {
@@ -103,7 +106,7 @@ main h2 {
 
 code,pre {
 	background: rgb(236, 237, 238);
-	font-size: 15px;
+	font-size: 0.8rem;
 }
 
 code {
@@ -130,7 +133,8 @@ hr {
 }
 
 header {
-	flex-basis:10rem;
+	margin-top: 0px;
+	flex-basis:6rem;
 	flex-grow:1;
 	position:relative;
 	word-break: keep-all;
@@ -141,9 +145,9 @@ header a {
 }
 
 header li {
-	margin-bottom: .2rem;
+	margin-bottom: 0px;
 	text-align: right;
-	margin-right: 2rem;
+	margin-right: 1rem;
 }
 
 header a.active {
@@ -151,7 +155,7 @@ header a.active {
 }
 
 header,section {
-	padding:1rem;
+	padding-right:1rem;
 	padding-top:0px;
 }
 
@@ -242,22 +246,25 @@ main {
 
 
 @media screen and (max-width: 45rem ) {
-header li {
-    display: inline;
-	margin-right: 1rem;
-}
-header ul {
-	border-bottom: 3px solid #bcd1cf;
-	padding-bottom: 2rem;	
-}
-nav ul {
-    border-right: 0px;
-}
-
-.photos ul {
-	margin-top: 0.5rem;
-}
-
+	header li {
+		display: inline;
+		margin-right: 1rem;
+	}
+	header ul {
+		border-bottom: 3px solid #bcd1cf;
+		padding-bottom: 1rem;
+	}
+	nav ul {
+		border-right: 0px;
+	}
+
+	.photos ul {
+		margin-top: 0.5rem;
+	}
+
+	html {
+		font-size: 16px;
+	}
 }
 
 section {
@@ -269,10 +276,6 @@ section {
 	
 }
 
-figcaption {
-    font-size: smaller;
-}
-
 @media print
 {    
     .no-print, .no-print *