style: Replace code-tag with pre for printstyling

Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>

src/data/bookshelf.json

@@ -37,6 +37,16 @@
           "title": "The Hobbit",
           "isbn": 9780007487288,
           "author": "J.R.R. Tolkien"
+        },
+        {
+          "title": "Men Explain Things to Me (And Other Essays)",
+          "isbn": 9781783780792,
+          "author": "Rebecca Solnit"
+        },
+        {
+          "title": "The Age of Surveillance Capitalism",
+          "isbn": 9781781256855,
+          "author": "Shoshana Zuboff"
         }
       ]
     },
@@ -429,6 +439,18 @@
           },
           "rating": 4
         },
+        {
+          "title": "Kagurabachi: Vol. 4",
+          "isbn": 9784088842097,
+          "author": "Takeru Gokazono",
+          "date": {
+            "year": "2024",
+            "month": "07",
+            "day": "12",
+            "string": "2024-07-12"
+          },
+          "rating": 4
+        },
         {
           "title": "Kagurabachi: Vol. 3",
           "isbn": 9784088841168,
@@ -1057,9 +1079,6 @@
         {
           "title": "Ten Arguments For Deleting Your Social Media Accounts Right Now"
         },
-        {
-          "title": "The Age of Surveillance Capitalism"
-        },
         {
           "title": "One Day in the Life of Ivan Denisovich"
         },

src/data/watchlist.json

@@ -21,6 +21,17 @@
             "name": "Watched",
             "url": "https://kjelsrud.dev/logs/watchlist/",
             "tv": [
+                {
+                    "title": "Formula 1: Drive to Survive S06",
+                    "type": "series",
+                    "date": {
+                        "year": "2025",
+                        "month": "08",
+                        "day": "28",
+                        "string": "2025-08-28"
+                    },
+                    "rating": 3
+                },
                 {
                     "title": "Miss Americana",
                     "type": "movie",

src/pages/todo.md

@@ -4,7 +4,7 @@ description: ""
 layout: "../layouts/Layout.astro"
 ---
 
-> _Last update: June 25, 2025_
+> _Last update: August 28, 2025_
 
 List of changes and new features I plan for this website.
 
@@ -12,3 +12,4 @@ List of changes and new features I plan for this website.
 - Add page dedicated to work I'm proud of
 - Add `/concerts`-page (like [Kyrre](https://kyrremann.no/concert-vitae/) & [Wand3r](https://wand3r.net/concerts/))
 - Redo [/gallery](/gallery) (CLS error - concrete height for images, compressed thumbnails instead of real one, hover start preload + zoom a bit out, spinner for loading?) or rewrite it to something like [rizaldys ig clone](https://ig.rizaldy.club/)
+- Add a "stopped" reading/watching tag to my logs

src/pages/wish.md

@@ -4,7 +4,7 @@ description: ""
 layout: "../layouts/Layout.astro"
 ---
 
-> _Last update: 22 August, 2025_
+> _Last update: 28 August, 2025_
 
 [Guesswork](https://en.wiktionary.org/wiki/guesswork) gifting is not sustainable. Here's my public wishlist. Also, whenever possible, buy pre-owned!
 
@@ -12,6 +12,7 @@ _PS: Interesting food with a cool recipe is an awesome gift!_
 
 ### Charities
 
+- [Amnesty International](https://amnesty.no/stott-oss)
 - [Kreftforeningen](https://kreftforeningen.no/stott-kreftforeningen/gratulasjonsgave/#gratulasjonsgave)
 - [Røde Kors](https://www.rodekors.no/stott-arbeidet/)
 - [Sykehusklovnene](https://www.sykehusklovnene.no/)

src/styles/global.css

@@ -1,12 +1,11 @@
 :root {
-	--dark-bg: #1e1e2e; /* Midnight Navy */
-	--dark-1: #cdd6f4; /* Lavender Mist */
-	--dark-2: #8f5cf4; /* Amethyst Glow */
-	--dark-3: #6f7aaa; /* Dusty Lavender */
-	--dark-hover: #b4c0f4; /* Periwinkle Glow */
-	--dark-link: #89b4fa; /* Sky Blue */
-	--dark-blockquote: #11111b; /* Charcoal Abyss */
-	/* MISC */
+	--dark-bg: #1e1e2e;
+	--dark-1: #cdd6f4;
+	--dark-2: #8f5cf4;
+	--dark-3: #6f7aaa;
+	--dark-hover: #b4c0f4;
+	--dark-link: #89b4fa;
+	--dark-blockquote: #11111b;
 	--code-bg: #24292E;
 	--code-text: #A5A8AD;
 }
@@ -24,14 +23,57 @@ p {
 	font-size: large;
 }
 
-h2, h3, h4 {
+h2,
+h3,
+h4 {
 	font-weight: 600;
 }
 
 hr {
+	margin: 2vh 5vh 2vh 0;
+	border-color: #777;
+}
+
+iframe {
+	display: block;
+	margin: 1.05rem 0;
+	max-width: 100%;
+	border-radius: 1.05rem;
+}
+
+code {
+	display: inline;
+	background-color: var(--code-bg);
+	color: var(--code-text);
+	border-radius: 8px;
+	padding: 4px 8px;
+	font-size: small;
+}
+
+pre {
+	padding: 10px;
+	background-color: var(--code-bg);
+	color: var(--code-text);
+	border-radius: 10px;
 	margin: 10px 0;
 }
 
+blockquote {
+	background-color: var(--dark-blockquote);
+	padding: 0 0 0 10px;
+	border-left: 5px solid var(--dark-link);
+
+	p {
+		font-size: medium;
+		line-height: 32px;
+	}
+}
+
+::selection {
+	background-color: var(--dark-1);
+	color: var(--dark-bg);
+}
+
 /* HEADER */
 .headerlink {
 	border: 2px solid var(--dark-link);
@@ -68,15 +110,13 @@ hr {
 	padding: 10px 0 0 0;
 }
 
-iframe {
-  display: block;
-  margin: 1.05rem 0;
-  max-width: 100%;
-  border-radius: 1.05rem;
+.index a {
+	color: var(--dark-link);
 }
-.index a { color: var(--dark-link);}
 
-.index a:hover { text-decoration: underline 2px;}
+.index a:hover {
+	text-decoration: underline 2px;
+}
 
 /* BLOG */
 .blog p {
@@ -124,7 +164,8 @@ iframe {
 	margin: 10px 0px;
 }
 
-.blog th, .blog td {
+.blog th,
+.blog td {
 	border: 1px solid;
 }
 
@@ -132,11 +173,32 @@ iframe {
 	padding: 5px 5px;
 }
 
-.blog a { color: var(--dark-link); font-weight: bolder; }
+.blog a {
+	color: var(--dark-link);
+	font-weight: bolder;
+}
 
-.blog a:hover { text-decoration: underline 2px; }
+.blog a:hover {
+	text-decoration: underline 2px;
+}
 
-.blogtime { color: var(--dark-2); }
+.blogtime {
+	color: var(--dark-2);
+}
+
+.footnotes li {
+	counter-increment: footnote-counter;
+	margin-bottom: 1vh;
+	padding-left: 0;
+	display: flex;
+	align-items: baseline;
+	gap: 1vh;
+}
+
+.footnotes li::before {
+	content: counter(footnote-counter) ".";
+	font-weight: bold;
+}
 
 /* LOGS */
 .borderbottom {
@@ -163,7 +225,9 @@ iframe {
 	margin-bottom: 10px;
 }
 
-.gallery table, th, td {
+.gallery table,
+th,
+td {
 	border: 0;
 	margin: 0;
 }
@@ -193,7 +257,9 @@ iframe {
 	font-size: small;
 }
 
-.cv a:hover { text-decoration: underline 2px; }
+.cv a:hover {
+	text-decoration: underline 2px;
+}
 
 .cv li {
 	list-style: disc inside;
@@ -210,40 +276,6 @@ iframe {
 	font-size: medium;
 }
 
-/* RANDOM */
-code {
-	display: inline;
-	background-color: var(--code-bg);
-	color: var(--code-text);
-	border-radius: 8px;
-	padding: 4px 8px;
-	font-size: small;
-}
-
-pre {
-	padding: 10px;
-	background-color: var(--code-bg);
-	color: var(--code-text);
-	border-radius: 10px;
-	margin: 10px 0;
-}
-
-blockquote {
-	background-color: var(--dark-blockquote);
-	padding: 0 0 0 10px;
-	border-left: 5px solid var(--dark-link);
-}
-
-blockquote p {
-	font-size: medium;
-	line-height: 32px;
-}
-
-::selection{
-	background-color: var(--dark-1);
-	color: var(--dark-bg);
-}
-
 /* PRINT */
 @media print {
 	body {
@@ -251,26 +283,39 @@ blockquote p {
 		color: #000;
 		font-family: Georgia, serif;
 	}
-	h1, h2, h3 {
+
+	h1,
+	h2,
+	h3 {
 		line-height: 1.3;
 		font-family: Helvetica, sans-serif;
 	}
-	a, main a, .post main a:visited {
+
+	a,
+	main a,
+	.post main a:visited {
 		color: #000;
 		text-decoration: none;
 	}
-	blockquote, code {
+
+	blockquote,
+	pre {
 		background: #fff;
 		margin: 0;
 		padding: 0 1.5em;
 		border-left: 5px solid #000;
 	}
-	nav, footer, header {
+
+	nav,
+	footer,
+	header {
 		display: none !important;
 	}
+
 	.blogtime {
 		color: #000;
 	}
+
 	#jr {
 		display: none;
 	}