Add lazy loading to all images

src/NetNuggets/2024/02/01.md

@@ -8,7 +8,9 @@ tags:
 description: Interesting links and stories from across the web
 ---
 
-This is the first edition of "Net Nuggets", my personal collection of interesting links, projects and stories I collected from all over the internet. I aim to release this once per week on Sunday, so stay tuned for each weeks edition. You can also get the RSS-feed for specifically Net Nuggets [from here](/netnuggets.xml)
+This is the first edition of "Net Nuggets", my personal collection of interesting links, projects and stories I collected from all over the internet. You can also get the RSS-feed for specifically Net Nuggets [from here](/netnuggets.xml)
+
+---
 
 - [Where have all the websites gone?](https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/)
 

src/NetNuggets/2024/11/01.md

@@ -0,0 +1,32 @@
+---
+layout: blog.njk
+title: 'Net Nuggets #02'
+author: David Moll
+date: 2024-11-10
+tags:
+  - net nuggets
+description: Interesting links and stories from across the web
+---
+
+This is the second edition of "Net Nuggets", my personal collection of interesting links, projects and stories I collected from all over the internet. You can also get the RSS-feed for specifically Net Nuggets [from here](/netnuggets.xml)
+
+---
+
+- [ToolGit](https://github.com/ahmetsait/toolgit)
+
+  - ToolGit is a great little collection of scripts that extend Git. It has some really nice features like `git graph` which work greatly together with a custom .gitconfig. If you want to create your own [I got you covered](/blog/2024-07-23-Taking-a-closer-look-at-my-.gitconfig/).
+
+- [Consent-O-Matic](https://consentomatic.au.dk/)
+
+  - This neat little browser-extension aims to automaticlaly recognize CMP (Consent Management Provider) pop-ups and fill them out based on your preferences which stops you from falling into the so-often-used dark patters. I have been using this plugin for some time now and it does a great job at denying automatic/forced cookie-consent
+
+- [Copying is the way design works (2020)](https://matthewstrom.com/writing/copying/)
+
+  - If you feel like all the stuff you create is not original enough then this article is for you. It made me feel better and more secure about my own creations and helped me to stop worrying about forced individuality.
+
+- [FutureRack](https://futurerack.info/main.php)
+
+  - You ever wanted to use your big server-rack for more than just a server? This project aims to improve the wive-approval-factor and even support rack-mountable products for your pets.
+
+- [FCast](https://fcast.org/)
+  - FCast is a promising alternative to the often propriotary Chromecast. I have personally been looking for something like this for some time and am excited to try it out. This project comes from FUTO, which is now making a name for itself by releasing and maintaining OSS alternatives like this, as well as sponsoring development of other OSS options which makes me very hopeful for its future.

src/about-me.njk

@@ -18,6 +18,7 @@ socialMediaPreviewImageAlt: A ragdoll with glasses sitting in front of a laptop
 <img
   src="{{ socialMediaPreviewImage }}"
   alt="{{ socialMediaPreviewImageAlt }}"
+  loading="lazy"
 />
 <br>
 <a href="https://github.com/akashic101/"

src/archive.njk

@@ -17,7 +17,7 @@ eleventyExcludeFromCollections: true
 
 <div class="flex-container">
     <div class="image-container">
-        <img src="../../assets/images/{{post.data.folderName}}/cover.png" alt="{{ post.data.description }}" class="image" width="200" height="200">
+        <img src="../../assets/images/{{post.data.folderName}}/cover.png" alt="{{ post.data.description }}" class="image" width="200" height="200" loading="lazy">
     </div>
     <div class="text-container">
         <h1 class="main-title">{{ post.data.title }}</h1>

src/blog/2024-11-09-Analyzing-the-results-of-the-8th-Martinslauf-Paderborn-using-Python/2024-11-09-Analyzing-the-results-of-the-8th-Martinslauf-Paderborn-using-Python.md

@@ -147,7 +147,7 @@ FROM results
 
 which when formatted correctly results in this:
 
-<img src="https://raw.githubusercontent.com/Akashic101/8.-Martinslauf-Paderborn/refs/heads/master/results/scatter_plot.png" alt="A scatter-plot comparing the total tank vs netto time" width=800>
+<img src="https://raw.githubusercontent.com/Akashic101/8.-Martinslauf-Paderborn/refs/heads/master/results/scatter_plot.png" alt="A scatter-plot comparing the total tank vs netto time" width=800 loading="lazy">
 
 An interesting note on this graph is that the shape would be very similar no matter which run you plot, as long as there is a large enough amount of data. This very clearly shows that most runners run the 10km between 00:40:00 and 01:05:00, below and above that the times spread out much more to the extreme. With my time being 00:57:09 I am on the lower end of the average, however one important thing to remember is that with the run being 10km it is already a length that many cannot run at all. If you see your own time in this area do not get discouraged, you are still faster than anyone else that doesn't run at all. It doesn't matter how fast or long you run, it matters THAT you run!
 
@@ -171,8 +171,8 @@ ORDER BY
 ```
 
 <div align="center">
-<img src="https://raw.githubusercontent.com/Akashic101/8.-Martinslauf-Paderborn/refs/heads/master/results/circular_bar_men.png" alt="A circular bar-plot of all men showing their age-group" width=300>
-<img src="https://raw.githubusercontent.com/Akashic101/8.-Martinslauf-Paderborn/refs/heads/master/results/circular_bar_women.png" alt="A circular bar-plot of all women showing their age-group" width=300>
+<img src="https://raw.githubusercontent.com/Akashic101/8.-Martinslauf-Paderborn/refs/heads/master/results/circular_bar_men.png" alt="A circular bar-plot of all men showing their age-group" width=300 loading="lazy" loading="lazy">
+<img src="https://raw.githubusercontent.com/Akashic101/8.-Martinslauf-Paderborn/refs/heads/master/results/circular_bar_women.png" alt="A circular bar-plot of all women showing their age-group" width=300 loading="lazy" loading="lazy">
 </div>
 
 This graph nicely shows how most runners where in the younger phase of their life with just three classes (MHK/M30/M45) making up 249/405 (61,48 %) of all male runners.
@@ -226,7 +226,7 @@ ORDER BY
 
 Let's take a look how those teams were set up:
 
-<img src="https://raw.githubusercontent.com/Akashic101/8.-Martinslauf-Paderborn/refs/heads/master/results/diverging_plot_teams.png" alt="A diverging plot showing the set-up of each teams and how many men and women where in each" width=300>
+<img src="https://raw.githubusercontent.com/Akashic101/8.-Martinslauf-Paderborn/refs/heads/master/results/diverging_plot_teams.png" alt="A diverging plot showing the set-up of each teams and how many men and women where in each" width=300 loading="lazy">
 
 The biggest team was TSV Schloss Neuhaus with nine members, of which seven where male and two female. Team VfB Salzkotten is not only the team with the most women but also the biggest team with no men in it at all. Team SC Borchen is their counterpark with seven men and no women in their team. 75 teams had only one member, making up 38,66% of all teams. Four teams had more than five members, here is the list of them and their calculated average from their combined times:
 

src/error-page.njk

@@ -8,5 +8,5 @@ layout: base.njk
 
 <p>I think you took a wrong turn my friend. You seem to have found a secret image of my cats Luna and Tia</p>
 
-<img src="https://i.imgur.com/LOV4ng8.jpg" alt="My cats Luna and Tia" width="200">
+<img src="https://i.imgur.com/LOV4ng8.jpg" alt="My cats Luna and Tia" width="200" loading="lazy">
 </div>

src/index.njk

@@ -15,7 +15,7 @@ socialMediaPreviewImageAlt: A cat with glasses sitting in front of a laptop
 
 <div class="flex-container">
     <div class="image-container">
-        <img src="../../assets/images/{{post.data.folderName}}/cover.png" alt="{{ post.data.description }}" class="image" width="200" height="200">
+        <img src="../../assets/images/{{post.data.folderName}}/cover.png" alt="{{ post.data.description }}" class="image" width="200" height="200" loading="lazy">
     </div>
     <div class="text-container">
         <h1 class="main-title">{{ post.data.title }}</h1>
@@ -33,7 +33,7 @@ socialMediaPreviewImageAlt: A cat with glasses sitting in front of a laptop
 
 <div class="flex-container">
     <div class="image-container">
-        <img src="../../assets/images/{{collections.randomArticle.data.folderName}}/cover.png" alt="{{ collections.randomArticle.data.description }}" class="image" width="200" height="200">
+        <img src="../../assets/images/{{collections.randomArticle.data.folderName}}/cover.png" alt="{{ collections.randomArticle.data.description }}" class="image" width="200" height="200" loading="lazy">
     </div>
     <div class="text-container">
         <h1 class="main-title">{{ collections.randomArticle.data.title }}</h1>

src/tag-collection.njk

@@ -15,7 +15,7 @@ eleventyExcludeFromCollections: true
 {% for post in taglist | reverse %}
 <div class="flex-container">
     <div class="image-container">
-        <img src="../../assets/images/{{ post.data.folderName }}/cover.png" alt="{{ post.data.description }}" class="image" width="200" height="200">
+        <img src="../../assets/images/{{ post.data.folderName }}/cover.png" alt="{{ post.data.description }}" class="image" width="200" height="200" loading="lazy">
     </div>
     <div class="text-container">
         <h1 class="main-title">{{ post.data.title }}</h1>