Merge pull request #142 from Akashic101/notes

Add notes

.eleventy.js

@@ -1,7 +1,7 @@
 const fs = require('fs');
-require('dotenv').config()
+require('dotenv').config();
 const path = require('path');
-const moment = require("moment");
+const moment = require('moment');
 const htmlNano = require('htmlnano');
 const tocPlugin = require('eleventy-plugin-toc');
 const umamiPlugin = require('eleventy-plugin-umami');
@@ -47,7 +47,6 @@ function getFolderSize(folderPath) {
 }
 
 module.exports = function (eleventyConfig) {
-
 	eleventyConfig.addPlugin(umamiPlugin, {
 		url: process.env.UMAMI_URL,
 		username: process.env.UMAMI_USERNAME,

src/Notes/2025/01/01.md

@@ -0,0 +1,14 @@
+---
+layout: notes.njk
+title: 'Happy new year'
+author: David Moll
+date: 2025-01-01
+tags:
+  - notes
+---
+
+<h1>{{ title }}</h1>
+
+---
+
+I want to wish everyone a happy new year. 2024 had certainly its up's and down's, may it be in politics, sports, climate or just for you yourself. But I am hopeful that 2025 will be a great year. Let's all watch out for each other and work together as one for a better tomorrow.

src/Notes/2025/01/02.md

@@ -0,0 +1,16 @@
+---
+layout: notes.njk
+title: 'It is 2025 and Firefox still does not support HDR on Windows/Linux'
+author: David Moll
+date: 2025-01-01
+tags:
+  - notes
+---
+
+<h1>{{ title }}</h1>
+
+---
+
+For about three years I have now primarely used Firefox as my go-to browser across all devices. It so far has been an absolute pleasure to use, especially since it's still supports the full extend of adblocking which Google is actively fighting against with their Manifest v3. But the one thing that it is still missing is proper HDR-support on Windows and Linux. Apple is so far the only one which can bask in the glory of HDR in their browsers while everyone else has to stick to SDR. This is for me especially noticable when watching the videos I record with my phone (4k / HDR / HEVC / High bitrate) in Photoprism. All the pictures look beautiful while the videos look washed out as if they where taken through a sheet of grey paper. I really hope that 2025 will finally be the year where Mozilla adds HDR-support then it will be the truly perfect browser.
+
+For those wanting to follow for updates on the feature you can take a look at the ticket here: https://bugzilla.mozilla.org/show_bug.cgi?id=hdr

src/_includes/base.njk

@@ -106,10 +106,12 @@
         <i> You can't downvote me here</i>
       </div>
       <div class="right_div screenOnly">
-        <a href="/">Home</a>
-        <a href="/archive">Archive</a>
-        <a href="/about-me">About me</a>
-        <a href="/tags">Tags</a>
+        <a href="/">Home</a> | 
+        <a href="/archive">Archive</a> | 
+        <a href="/net-nuggets">Net Nuggets</a> | 
+        <a href="/notes">Notes</a> | 
+        <a href="/about-me">About me</a> | 
+        <a href="/tags">Tags</a> | 
         <a href="/stats">Stats</a>
       </div>
     </header>

src/_includes/notes.njk

@@ -0,0 +1,19 @@
+{% extends "base.njk" %}
+{% block notes %}
+  <h1>{{ title }}</h1>
+  <footer>
+    <p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
+      <a property="dct:title" rel="cc:attributionURL" href="{{ url }}">{{ title }}</a> by 
+      <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="https://blog.davidmoll.net/">{{ author }}</a> is licensed under 
+      <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="text-decoration: underline; display: inline-block;">
+        CC BY-NC-SA 4.0
+      </a>
+      <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display: inline-block; text-decoration: none;">
+        <img width="24" height="24" src="/assets/icons/cc.svg" alt="Creative Commons Icon">
+        <img width="24" height="24" src="/assets/icons/by.svg" alt="Attribution Icon">
+        <img width="24" height="24" src="/assets/icons/nc.svg" alt="Non Commercial Icon">
+        <img width="24" height="24" src="/assets/icons/sa.svg" alt="Share Alike Icon">
+      </a>
+    </p>
+  </footer>
+{% endblock %}

src/index.njk

@@ -42,19 +42,4 @@ socialMediaPreviewImageAlt: A cat with glasses sitting in front of a laptop
         <a class="read-more-link" href="{{collections.randomArticle.url}}">Read the article</a>
     </div>
 </div>
-<hr>
-</div>
-</div>
-<h2>Net Nuggets</h2> 
-{% for post in collections['net nuggets'].reverse() %}
-<div class="flex-container">
-    <div class="text-container">
-        <h1 class="main-title">{{ post.data.title }}</h1>
-        <p class="date">{{post.date | dateDisplay}}</p>
-        <p class="description">{{post.data.description}}</p>
-        <a class="read-more-link" href="{{ post.url }}">Read the article</a>
-    </div>
-</div>
-{% endfor %}
-</div>
 <link href="https://github.com/akashic101" rel="me">

src/net-nuggets.njk

@@ -0,0 +1,24 @@
+---
+layout: base.njk
+title: Net Nuggets
+permalink: /net-nuggets/index.html
+author: David Moll
+date: 2025-01-01
+tags:
+- net-nuggets
+description: All net-nuggets in one page
+eleventyExcludeFromCollections: true
+---
+
+<h1>Net Nuggets</h1>
+
+{% for post in collections['net nuggets'] | reverse  %}
+<div class="flex-container">
+    <div class="text-container">
+        <h1 class="main-title">{{ post.data.title }}</h1>
+        <p class="date">{{post.date | dateDisplay}}</p>
+        <p class="description">{{post.data.description}}</p>
+        <a class="read-more-link" href="{{ post.url }}">Read the article</a>
+    </div>
+</div>
+{% endfor %}

src/notes.njk

@@ -0,0 +1,23 @@
+---
+layout: base.njk
+title: Notes
+permalink: /notes/index.html
+author: David Moll
+date: 2025-01-01
+tags:
+- notes
+description: All notes in one page
+eleventyExcludeFromCollections: true
+---
+
+<h1>Notes</h1>
+
+{% for post in collections.notes | reverse %}
+<div class="flex-container">
+    <div class="text-container">
+        <h1 class="main-title">{{ post.data.title }}</h1>
+        <p class="date">{{post.date | dateDisplay}}</p>
+        <a class="read-more-link" href="{{ post.url }}">Read the article</a>
+    </div>
+</div>
+{% endfor %}