commit 045befeb14ed0cf4891b2642f65065d07d6eeed1
parent 5b6ba253aa561807f37b4cbf5e3442d6ab4d5d82
Author: Samdal <samdal@protonmail.com>
Date: Fri, 21 Feb 2025 16:36:46 +0100
Software rant compilation, more images
Diffstat:
12 files changed, 189 insertions(+), 61 deletions(-)
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -39,7 +39,7 @@ layout: compress
</main>
<div class="footer" >
- <img class="footer-image" src="/assets/images/grass.png">
+ <img class="footer-image invertable-image" src="/assets/images/grass.png">
</div>
</body>
</html>
diff --git a/_pages/about.md b/_pages/about.md
@@ -5,13 +5,15 @@ title: About
## Hi
+
I usually go by Drava, but my real name is Halvard Samdal.
I'm from the second largest city in Norway called Bergen.
I mostly do systems programming and electronics, so that's what you will see here.
I'm currently a year away from completeing my Bachelor's, but I have a full-time job doing programming and electronics for some guys making arcade machines.
-<br>
+
+{: style="margin-left: auto; margin-right: auto"}
Here's my [github](https://github.com/Samdal/) account if you're interested. I don't really have any non-private socials.
diff --git a/_pages/search.html b/_pages/search.html
@@ -0,0 +1,71 @@
+---
+layout: default
+title: Search
+---
+
+<section class="posts">
+ <style>
+ #search-container {
+ max-width: 100%;
+ }
+ .text-search {
+ }
+
+ input[type=text] {
+ font-size: normal;
+ outline: none;
+ padding: 1rem;
+ background: transparent;
+ width: 100%;
+ -webkit-appearance: none;
+ font-family: inherit;
+ font-size: 100%;
+ border: none;
+ }
+ #results-container {
+ margin: .5rem 0;
+ }
+ .main-content {
+ padding-right: 0px;
+ }
+ </style>
+
+ <h1 style=""> {{ page.title }} </h1>
+
+
+ <!-- Html Elements for Search -->
+ <div id="search-container">
+ <div style="background: rgb(236, 237, 238); display: flex; flex-direction: row;">
+ <input style="flex-grow:999;" type="text" id="search-input" placeholder="Search...">
+ <img style="flex-basis: 150px; flex-grow: 1; width: 150px; height: auto;" src="/assets/images/nuko_calm.png" width=342 height=127>
+ </div>
+
+ <p> <b>Tags: </b>
+ {% for tag in site.tags %}
+ <a href="/tag/{{ tag | first }}"> {{ tag | first }}{% unless forloop.last %},{% endunless %}</a>
+ {% endfor %}
+ </p>
+
+ <ol id="results-container"></ol>
+ </div>
+
+
+
+ <!-- Script pointing to search-script.js -->
+ <script src="/search.js" type="text/javascript"></script>
+
+ <!-- Configuration -->
+ <script type="text/javascript">
+ SimpleJekyllSearch({
+ searchInput: document.getElementById('search-input'),
+ resultsContainer: document.getElementById('results-container'),
+ json: '/search.json',
+ searchResultTemplate: '<li><a href="{url}" title="{description}">{title}</a></li>',
+ noResultsText: 'No results found',
+ limit: 10,
+ fuzzy: true,
+ exclude: ['Welcome']
+ })
+ </script>
+
+</section>
diff --git a/_pages/search.md b/_pages/search.md
@@ -1,56 +0,0 @@
----
-layout: page
-title: Search
----
-
-<style>
- #search-container {
- max-width: 100%;
- padding-right: 1rem;
- }
-
- input[type=text] {
- font-size: normal;
- outline: none;
- padding: 1rem;
- background: rgb(236, 237, 238);
- width: 100%;
- -webkit-appearance: none;
- font-family: inherit;
- font-size: 100%;
- border: none;
- }
- #results-container {
- margin: .5rem 0;
- }
-</style>
-
-<!-- Html Elements for Search -->
-<div id="search-container">
-<input type="text" id="search-input" placeholder="Search...">
-
-<p> <b>Tags: </b>
-{% for tag in site.tags %}
-<a href="/tag/{{ tag | first }}"> {{ tag | first }}{% unless forloop.last %},{% endunless %}</a>
-{% endfor %}
-</p>
-
-<ol id="results-container"></ol>
-</div>
-
-<!-- Script pointing to search-script.js -->
-<script src="/search.js" type="text/javascript"></script>
-
-<!-- Configuration -->
-<script type="text/javascript">
-SimpleJekyllSearch({
- searchInput: document.getElementById('search-input'),
- resultsContainer: document.getElementById('results-container'),
- json: '/search.json',
- searchResultTemplate: '<li><a href="{url}" title="{description}">{title}</a></li>',
- noResultsText: 'No results found',
- limit: 10,
- fuzzy: true,
- exclude: ['Welcome']
-})
-</script>
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]
+tags: [writing, programming, VHDL, C]
---
## State madness
diff --git a/_posts/2025-02-21-Software-Rants.md b/_posts/2025-02-21-Software-Rants.md
@@ -0,0 +1,105 @@
+---
+layout: post
+title: Software rant compilation
+description: A Compilation of rants about software, programming and OOP
+comments: true
+tags: [writing, programming]
+---
+
+This is where I have my compilation of good programming rants worth watching.
+
+## Short Videos
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://youtube.com/embed/k0qmkQGqpM8" title="Terry Davis On Simplicity">
+</iframe>
+
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/FRFRtSwYMrk" title="Tsoding why software is brokern">
+</iframe>
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://youtube.com/embed/04ksL1hf_p8" title="Jblow problem with OOP">
+</iframe>
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/oaLoLC8eBZc" title="Jblow clips during web programmer break">
+</iframe>
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/CgdKYBqe6QA" title="Jblow clips for productivity">
+</iframe>
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/nL8GWU9M8LY" title="Jblow clips for quitting your job">
+</iframe>
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/4oky64qN5WI" title="Jblow on simplicity">
+</iframe>
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/ubWB_ResHwM" title="Jblow sledgehammer programming">
+</iframe>
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/GKYCA3UsmrU" title="HMH Get rid of the OOP mindset">
+</iframe>
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/zjkuXtiG1og" title="HMH new/delete">
+</iframe>
+
+## Medium Videos
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/xt1KNDmOYqA" title="HMH N+2">
+</iframe>
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/tD5NrevFtbU" title="Casey Clean Code bad performance">
+</iframe>
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/x2EOOJg8FkA" title="Casey Performance excuses">
+</iframe>
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/QM1iUe6IofM" title="Brian Will OOP is bad">
+</iframe>
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/IRTfhkiAqPw" title="Brian Will OOP is embarrasing">
+</iframe>
+
+
+## Long Videos
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/ZLxazlP7Ppo" title="Ginger Bill Clean Code debacke">
+</iframe>
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/C90H3ZueZMM" title="Shawn McGrath: OOP rant">
+</iframe>
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/rX0ItVEVjHc" title="Mike Acton Data-Orianted Design">
+</iframe>
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/TZ5a3gCCZYo" title="Rfleury Enter the Arena">
+</iframe>
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/kZRE7HIO3vk" title="Casey 30 million line problem">
+</iframe>
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/7YpFGkG-u1w" title="Casey Where does bad code come from">
+</iframe>
+
+<iframe style="width: 80%; aspect-ratio:16/9; height: auto; margin: 10px auto;"
+src="https://www.youtube.com/embed/hxM8QmyZXtg" title="Casey refterm">
+</iframe>
diff --git a/_sass/_main.scss b/_sass/_main.scss
@@ -26,7 +26,7 @@ body {
}
.footer {
- max-height: 18em;
+ max-height: 220px;
width: 100%;
overflow:hidden;
display: inline-block;
@@ -300,7 +300,7 @@ section {
code,pre {
background: #222;
}
- .footer-image {
+ .invertable-image {
filter: invert(0.6);
}
}
diff --git a/assets/images/couch.png b/assets/images/couch.png
Binary files differ.
diff --git a/assets/images/kettenkrad.gif b/assets/images/kettenkrad.gif
Binary files differ.
diff --git a/assets/images/nuko_calm.png b/assets/images/nuko_calm.png
Binary files differ.
diff --git a/assets/images/silly.png b/assets/images/silly.png
Binary files differ.
diff --git a/index.html b/index.html
@@ -3,6 +3,8 @@ layout: default
---
<section class="posts">
+
+ <img class="invertable-image" style="margin-left: 1.5rem; margin-bottom: 0.5rem; max-width: 150px; width: 100%; height: auto;" src="/assets/images/kettenkrad.gif" width=200 height=200>
<ul style="padding: 0px; margin: 0px;">
{% for post in site.posts != 1 %}
<li {% cycle 'alternate-color': 'style="color: #799f7c;"', 'style="color: #b3b781;"'%} >
@@ -11,5 +13,9 @@ layout: default
</li>
{% endfor %}
</ul>
+
+ <img style="margin: 2rem auto 0px auto; max-width: 150px; width: 100%; height: auto;" src="/assets/images/silly.png" width=200 height=200>
+ <p style="margin: 0px; text-align: center; font-size: 90%; color:gray;"><i>You reached the bottom of the stack</i></p>
+
</section>
