n-channel

commit 6bdc0d083185815414d1b5268115d2dae6f72676
parent b4f30645592194893cdd2d4da4115809689e91d0
Author: Samdal <samdal@protonmail.com>
Date:   Thu, 20 Feb 2025 21:25:02 +0100

change font size, add mosfet image

Diffstat:
M
_includes/navigation.html
 | 
2
+-
M
_layouts/default.html
 | 
26
++++++++++++++++++--------
M
_pages/about.md
 | 
4
+++-
M
_posts/2024-01-20-Simplifying-state.md
 | 
2
+-
M
_posts/2024-05-08-VGA-Kontroller.md
 | 
2
+-
M
_sass/_main.scss
 | 
27
+++++++++++++++++++++++++--
A
_todo.md
 | 
8
++++++++
A
assets/images/mosfet.png
 | 
0

8 files changed, 57 insertions(+), 14 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; max-width: 180px; max-height: 244px; image-rendering: crisp-edges;" src="/assets/images/c-programming-language-chito.png"> </a>
+   <a href="/"><img style="margin-bottom: 5px; max-width: 180px; max-height: 244px; 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/_layouts/default.html b/_layouts/default.html
@@ -9,14 +9,24 @@ layout: compress
     <main>
       <div class="main-title">
         <a style="text-decoration: none" href="/">
-          <h1 style="margin-bottom: 5px;">
-            N-Channel MOSFET
-          </h1>
-          <h2 style="margin-top: 0px; text-wrap: balance;">
-            <i>
-              Metal–Oxide–Semiconductor Field-effect Transistor
-            </i>
-          </h2>
+
+          <div class="main-title-columns">
+
+            <img style="image-rendering: crisp-edges; height: 100%; height: 80px; margin: auto 0px; margin-right: 10px;" src="/assets/images/mosfet.png">
+
+            <div class="main-title-rows">
+              <h1 style="margin-bottom: 5px;">
+                N-Channel MOSFET
+              </h1>
+              <h2 style="margin-top: 0px; text-wrap: balance;">
+                <i>
+                  Metal–Oxide–Semiconductor<br>Field-effect Transistor
+                </i>
+              </h2>
+            </div>
+
+          </div>
+
         </a>
       </div>
 
diff --git a/_pages/about.md b/_pages/about.md
@@ -23,5 +23,7 @@ Even if you already know programming, you should check out these people:
 - Jonathan Blow 
 - [John Jackson](https://www.youtube.com/@johnjackson9767) (awesome guy)
 
-My [nisse](https://en.wikipedia.org/wiki/Nisse_(folklore)) collection
+<br>
+
+My [nisse](https://en.wikipedia.org/wiki/Nisse_(folklore)) collection:
 ![nisse collection](/assets/images/nisse-collection.jpeg)
diff --git a/_posts/2024-01-20-Simplifying-state.md b/_posts/2024-01-20-Simplifying-state.md
@@ -4,7 +4,7 @@ title: "Simplifying state: Synchronous hardware ideas applied to software"
 description: Synchronous hardware ideas applied to software
 summary: If you have a 'frame' based execution loop, where each module is ran once per frame. You can pass signals around that have a lifetime of a single frame.
 comments: true
-tags: [writing, electronics, programming, VHDL, C, graphics]
+tags: [writing, electronics, programming, VHDL, C]
 ---
 
 ## State madness
diff --git a/_posts/2024-05-08-VGA-Kontroller.md b/_posts/2024-05-08-VGA-Kontroller.md
@@ -4,7 +4,7 @@ title: "[Norwegian] VGA Kontroller"
 description: VGA Kontroller
 summary: Oppbygning av en enkel VGA kontroller fra bunnen av
 comments: true
-tags: [writing, Norwegian, electronics, programming, VHDL, C]
+tags: [writing, norwegian, electronics, programming, VHDL, C, graphics]
 ---
 
 ## Forord
diff --git a/_sass/_main.scss b/_sass/_main.scss
@@ -13,11 +13,11 @@ body {
 	min-height: 100vh;
 	margin: 0;
 
-	font-family: serif;
+	font-family: noto-serfi, serif;
 	-webkit-font-smoothing: antialiased;
 	text-rendering: optimizeLegibility;
+	font-size: 22px;
 	line-height:1.5;
-	font-size: 1rem;
 	color: rgb(22, 23, 26);
 	background-color: #faf9ee;
 }
@@ -53,6 +53,23 @@ pre {
 	margin: .5rem 0;
 }
 
+h1 {
+	font-weight: bold;
+	font-size: 40px;
+}
+h2 {
+	font-weight: bold;
+	font-size: 35px;
+}
+h3 {
+	font-weight: bold;
+	font-size: 30px;
+}
+h4 {
+	font-weight: bold;
+	font-size: 25px;
+}
+
 main h1 {
 	color: #f4ca96;
 }
@@ -85,6 +102,7 @@ main h2 {
 
 code,pre {
 	background: rgb(236, 237, 238);
+	font-size: 15px;
 }
 
 code {
@@ -132,6 +150,7 @@ header a.active {
 
 header,section {
 	padding:1rem;
+	padding-top:0px;
 }
 
 blockquote {
@@ -215,6 +234,10 @@ main {
 	flex-wrap:wrap;
 }
 
+.main-title-columns {
+	display:flex;
+}
+
 
 @media screen and (max-width: 45rem ) {
 header li {
diff --git a/_todo.md b/_todo.md
@@ -0,0 +1,8 @@
+# TODO
+
+## Blog ideas:
+- Chicken door
+- Ghostbusters Costume
+- Camping
+- Nisse text format
+- Tips for new C programmers
diff --git a/assets/images/mosfet.png b/assets/images/mosfet.png
Binary files differ.