Add blog
Christian Krinitsin mail@krinitsin.com
Mon, 26 Jan 2026 19:44:24 +0100
7 files changed,
690 insertions(+),
0 deletions(-)
A
blog/build_blog.sh
@@ -0,0 +1,9 @@
+#!/bin/bash + +for f in md/*.md; do + date=$(head -n 6 $f | grep date | sed "s/\-//g" | grep -o "[0-9]\+") + name=${f##*/} + output="posts/${name%.md}.html" + pandoc "$f" --css=../style.css --standalone --toc --highlight-style=zenburn -B header.html -o $output +done +
A
blog/feed.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + + <title>Chris' Blog</title> + <link>https://krinitsin.com/blog/</link> + <description>blog blog blog</description> + <language>en-us</language> + <atom:link href="https://krinitsin.com/blog/feed.xml" rel="self" type="application/rss+xml" /> + + <item> + <title>Writing a Blog</title> + <pubDate>Sat, 24 Jan 2026 13:25:00 GMT</pubDate> + <guid>https://krinitsin.com/blog/posts/writing_a_blog.html</guid> + <link>https://krinitsin.com/blog/posts/writing_a_blog.html</link> + <description> + <p>A year ago, I started reading other people’s blog posts. I like it to + gather different quick-written thoughts and expressions, as they are + (mostly) easy to understand and extend your perspective on the unnoticed + but significant steps. At some point, I understood that it helps me to + get away from my mobile phone addiction, and this changed my view on + addiction quite a bit.</p> + </description> + </item> + + </channel> +</rss>
A
blog/header.html
@@ -0,0 +1,3 @@
+<a href=".." class="nav-link">all posts</a> +• +<a href="../feed.xml" class="nav-link">RSS</a>
A
blog/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html> +<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> +<head> + <meta charset="utf-8" /> + <meta name="generator" content="pandoc" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="author" content="chris" /> + <title>Blog</title> + <link rel="stylesheet" href="style.css" /> +</head> +<body> +<a href=".." class="nav-link">home</a> +• +<a href="feed.xml" class="nav-link">RSS</a> +<header id="title-block-header"> +<h1 class="title">Blog</h1> +</header> +<h5 class="year">2026</h5> +<ul class="posts"> + <li class="list-item"> + <span class="date">2026-01-26</span> + <a href="./posts/writing_a_blog.html" class="link">Writing a blog</a> + </li> +</ul> +</body> +</html>
A
blog/md/writing_a_blog.md
@@ -0,0 +1,85 @@
+--- +title: Writing a blog +author: chris +date: 2026-01-26 +--- + +A year ago, I started reading other people's blog posts. I like it to gather +different quick-written thoughts and expressions, as they are (mostly) easy to +understand and extend your perspective on the unnoticed but significant steps. +At some point, I understood that it helps me to get away from my mobile phone +addiction, and this changed my view on addiction quite a bit. + +# Craving constant stimulation + +A long time, I was suffering from *doom-scrolling TikTok* syndrome. The first +thing I did after waking up was to take my phone and start scrolling. With a +screentime of a few hours, I probably wasn’t the worst off, but I really hated +my mobile phone addiction. I decided to try to get rid of it once and for all. + +The first step was to uninstall TikTok. Steps like these always seem helpful at +first, because the change in behaviour is quite apparent in the beginning. But +after some time, you realise that the other apps you now use more, achieve a +similar level of stimulation, and the situation didn’t even change a bit. + +A more extreme example can be seen in selling my Galaxy Z Fold 5 in favour of +the Unihertz Jelly Star, a super small 3-inch Android smartphone. I removed all +social-media apps and only use them for ‘necessary’ stuff, like messaging, +calling and navigating. You cannot deny that it didn’t help at all: It’s really +not fun to look at the screen. I nearly completely eradicated my screentime to +a daily average of 30 minutes. My mobile phone became my **side device**, +replaced by my desktop. + +And this is the problem. I got a new main device. The less screentime I had on +my mobile, the more I had on my desktop. So what’s the purpose of all this? How +can you effectively work against such an addiction when you always have access +to it, never mind all the efforts of removing the access? + +This was one of the first times in life when I realised that things are more +complicated than they seem at first glance. The simple solution of removing the +device in problem does not **remove the habit in problem**. I need to work on +those habits and not just throw everything away that seems like it could be +misused by me. This is where I learned that you need to replace habits with +different (weaker) ones. + +And here comes Hacker News! I mean, this is basically the same as TikTok, +right? People create some stuff, you watch it, you (not) happy. But this is why +this habit is weaker, and therefore better for my everyday life: + +- The **amount of new content** is very limited in comparison to TikTok, which + makes it easier to get a break. +- The **length of most blog posts** is perfect: they are long enough not to + throw you into ‘doom-reading’ hell, and they are short enough to keep you + entertained in reading. +- I think the content (or the way the content is delivered) is easier to grasp + due to a different **target audience**. It’s less about polarising, more + about personal knowledge extension. + +(In this context, it is fair to talk about AI slop posts that get thrown onto +Hacker News. Imo, that actively steers against everything I talked about so far +, and I am not a fan of it.) + +This type of habit shift is exactly what I needed! I don’t feel the need +anymore to stimulate myself with short-form videos, because I’m happy with the +(much less) time I’m spending on peoples’ blog webpages. + +# Creating content + +A month ago, I started thinking: What are those people who create content? I +always felt very distant from these kinds of people, but in a negative way. And +it really started itching: I want to create, too! I want to write about my +expressions and my thoughts, and I want to share what I know with the world. +After some thought about post topics, I gathered a list of things I want to +talk about, and now I’m determined to try this out. + +With my own blog, I want to achieve: + +- appreciating more **where I am** right now, and being more upfront about it. +- creating the same **positive feeling** that I get after reading a good blog + post for my (for now imaginary) readers. + +So this is my first blog post about creating blog posts (yikes, I feel like +that was done before). + +--- +*AI-Note: Grammarly was used to fix grammar mistakes.*
A
blog/posts/writing_a_blog.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html> +<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> +<head> + <meta charset="utf-8" /> + <meta name="generator" content="pandoc" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="author" content="chris" /> + <meta name="dcterms.date" content="2026-01-26" /> + <title>Writing a blog</title> + <style> + code{white-space: pre-wrap;} + span.smallcaps{font-variant: small-caps;} + div.columns{display: flex; gap: min(4vw, 1.5em);} + div.column{flex: auto; overflow-x: auto;} + div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;} + /* The extra [class] is a hack that increases specificity enough to + override a similar rule in reveal.js */ + ul.task-list[class]{list-style: none;} + ul.task-list li input[type="checkbox"] { + font-size: inherit; + width: 0.8em; + margin: 0 0.8em 0.2em -1.6em; + vertical-align: middle; + } + .display.math{display: block; text-align: center; margin: 0.5rem auto;} + </style> + <link rel="stylesheet" href="../style.css" /> +</head> +<body> +<a href=".." class="nav-link">all posts</a> +• +<a href="../feed.xml" class="nav-link">RSS</a> +<header id="title-block-header"> +<h1 class="title">Writing a blog</h1> +<p class="author">chris</p> +<p class="date">2026-01-26</p> +</header> +<nav id="TOC" role="doc-toc"> +<ul> +<li><a href="#craving-constant-stimulation" +id="toc-craving-constant-stimulation">Craving constant +stimulation</a></li> +<li><a href="#creating-content" id="toc-creating-content">Creating +content</a></li> +</ul> +</nav> +<p>A year ago, I started reading other people’s blog posts. I like it to +gather different quick-written thoughts and expressions, as they are +(mostly) easy to understand and extend your perspective on the unnoticed +but significant steps. At some point, I understood that it helps me to +get away from my mobile phone addiction, and this changed my view on +addiction quite a bit.</p> +<h1 id="craving-constant-stimulation">Craving constant stimulation</h1> +<p>A long time, I was suffering from <em>doom-scrolling TikTok</em> +syndrome. The first thing I did after waking up was to take my phone and +start scrolling. With a screentime of a few hours, I probably wasn’t the +worst off, but I really hated my mobile phone addiction. I decided to +try to get rid of it once and for all.</p> +<p>The first step was to uninstall TikTok. Steps like these always seem +helpful at first, because the change in behaviour is quite apparent in +the beginning. But after some time, you realise that the other apps you +now use more, achieve a similar level of stimulation, and the situation +didn’t even change a bit.</p> +<p>A more extreme example can be seen in selling my Galaxy Z Fold 5 in +favour of the Unihertz Jelly Star, a super small 3-inch Android +smartphone. I removed all social-media apps and only use them for +‘necessary’ stuff, like messaging, calling and navigating. You cannot +deny that it didn’t help at all: It’s really not fun to look at the +screen. I nearly completely eradicated my screentime to a daily average +of 30 minutes. My mobile phone became my <strong>side device</strong>, +replaced by my desktop.</p> +<p>And this is the problem. I got a new main device. The less screentime +I had on my mobile, the more I had on my desktop. So what’s the purpose +of all this? How can you effectively work against such an addiction when +you always have access to it, never mind all the efforts of removing the +access?</p> +<p>This was one of the first times in life when I realised that things +are more complicated than they seem at first glance. The simple solution +of removing the device in problem does not <strong>remove the habit in +problem</strong>. I need to work on those habits and not just throw +everything away that seems like it could be misused by me. This is where +I learned that you need to replace habits with different (weaker) +ones.</p> +<p>And here comes Hacker News! I mean, this is basically the same as +TikTok, right? People create some stuff, you watch it, you (not) happy. +But this is why this habit is weaker, and therefore better for my +everyday life:</p> +<ul> +<li>The <strong>amount of new content</strong> is very limited in +comparison to TikTok, which makes it easier to get a break.</li> +<li>The <strong>length of most blog posts</strong> is perfect: they are +long enough not to throw you into ‘doom-reading’ hell, and they are +short enough to keep you entertained in reading.</li> +<li>I think the content (or the way the content is delivered) is easier +to grasp due to a different <strong>target audience</strong>. It’s less +about polarising, more about personal knowledge extension.</li> +</ul> +<p>(In this context, it is fair to talk about AI slop posts that get +thrown onto Hacker News. Imo, that actively steers against everything I +talked about so far , and I am not a fan of it.)</p> +<p>This type of habit shift is exactly what I needed! I don’t feel the +need anymore to stimulate myself with short-form videos, because I’m +happy with the (much less) time I’m spending on peoples’ blog +webpages.</p> +<h1 id="creating-content">Creating content</h1> +<p>A month ago, I started thinking: What are those people who create +content? I always felt very distant from these kinds of people, but in a +negative way. And it really started itching: I want to create, too! I +want to write about my expressions and my thoughts, and I want to share +what I know with the world. After some thought about post topics, I +gathered a list of things I want to talk about, and now I’m determined +to try this out.</p> +<p>With my own blog, I want to achieve:</p> +<ul> +<li>appreciating more <strong>where I am</strong> right now, and being +more upfront about it.</li> +<li>creating the same <strong>positive feeling</strong> that I get after +reading a good blog post for my (for now imaginary) readers.</li> +</ul> +<p>So this is my first blog post about creating blog posts (yikes, I +feel like that was done before).</p> +<hr /> +<p><em>AI-Note: Grammarly was used to fix grammar mistakes.</em></p> +</body> +</html>
A
blog/style.css
@@ -0,0 +1,415 @@
+:root { + --bg0: #fdf6e3; + --bg1: #f3ead3; + --bg2: #e9dfc2; + --fg: #5c6a72; + --red: #e67e80; + --orange: #f57d26; + --yellow: #dfa000; + --green: #8da101; + --aqua: #35a77c; + --blue: #3a94c5; + --purple: #df69ba; + --gray0: #a6b0a0; + --gray1: #939f91; + --gray2: #829181; + + --space-xs: 0.25rem; + --space-sm: 0.5rem; + --space-md: 1rem; + --space-lg: 2rem; + --space-xl: 4rem; + + --font-serif: Arial, sans-serif; + --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; + --font-mono: 'Menlo', 'Monaco', 'Consolas', 'Lucida Console', monospace; + + --shadow-sm: 0 2px 8px rgba(92, 106, 114, 0.08); + --shadow-md: 0 4px 16px rgba(92, 106, 114, 0.12); +} + +@media (prefers-color-scheme: dark) { + :root { + --bg0: #2b3339; + --bg1: #323c41; + --bg2: #3a454a; + --fg: #d3c6aa; + --red: #e67e80; + --orange: #e69875; + --yellow: #dbbc7f; + --green: #a7c080; + --aqua: #83c092; + --blue: #7fbbb3; + --purple: #d699b6; + --gray0: #859289; + --gray1: #7a8478; + --gray2: #6f7770; + } +} + +* { + box-sizing: border-box; + transition: background-color 0.3s ease, color 0.3s ease; +} + +html { + color: var(--fg); + background-color: var(--bg0); + font-family: var(--font-serif); + line-height: 1.7; + font-size: 16px; +} + +body { + margin: 0 auto; + max-width: 40em; + padding: var(--space-lg) var(--space-lg); + background-color: var(--bg0); + hyphens: auto; + overflow-wrap: break-word; + text-rendering: optimizeLegibility; + font-kerning: normal; +} + +@media (max-width: 768px) { + body { + font-size: 17px; + padding: var(--space-md) var(--space-md); + } +} + +@media (max-width: 600px) { + body { + font-size: 16px; + padding: var(--space-md); + } +} + +h1, h2, h3, h4, h5, h6 { + font-family: var(--font-sans); + font-weight: 600; + line-height: 1.3; + margin-top: 2em; + margin-bottom: 0.5em; + color: var(--fg); +} + +h1 { + font-size: 1.7em; + color: var(--green); + border-bottom: 1px solid var(--bg2); + padding-bottom: 0.2em; + margin-top: 0; + margin-bottom: 0.5em; +} + +h2 { + font-size: 1.5em; + color: var(--aqua); + border-bottom: 1px solid var(--bg2); + padding-bottom: 0.2em; + margin-top: 2em; + padding-top: 0.5em; +} + +h3 { + font-size: 1.3em; + color: var(--blue); +} + +h4 { + font-size: 1.1em; + color: var(--purple); +} + +h5, h6 { + font-size: 1em; + color: var(--orange); +} + +h5.year { + color: var(--fg); +} + +a { + color: var(--blue); + text-decoration: none; + border-bottom: 1px solid transparent; + padding-bottom: 1px; +} + +a:hover { + color: var(--aqua); + border-bottom: 1px solid var(--aqua); +} + +p { + margin: 1.5em 0; + text-align: justify; +} + +ul, ol { + padding-left: 1.8em; + margin: 1.5em 0; +} + +li { + margin: 0.5em 0; +} + +li > ul, li > ol { + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +span.date { + font-size: 15px; + margin-right: 1.5em; + color: var(--gray0); +} + +ul.posts { + margin: 0; +} + +li.list-item { + list-style-type: none; + margin: 0; +} + +code { + font-family: var(--font-mono); + font-size: 0.85em; + background-color: var(--bg1); + padding: 0.2em 0.4em; + border-radius: 4px; + color: var(--blue); +} + +pre { + background-color: var(--bg1); + padding: 1.2em; + overflow-x: auto; + margin: 1.5em 0; + border-left: 2px solid var(--green); + box-shadow: var(--shadow-sm); + position: relative; + min-width: 100%; +} + +pre code { + background-color: transparent; + padding: 0; + color: var(--fg); + font-size: 0.9em; + display: inline-block; + min-width: 100%; +} + +blockquote { + margin: 2em 0; + padding: 1em 1.5em; + border-left: 4px solid var(--orange); + background-color: var(--bg1); + border-radius: 0 8px 8px 0; + color: var(--gray1); + font-style: italic; +} + +blockquote p { + margin: 0.5em 0; +} + +hr { + border: none; + height: 2px; + background: var(--bg2); +} + +table { + width: 100%; + border-collapse: collapse; + margin: 2em 0; + background-color: var(--bg1); + border-radius: 8px; + overflow: hidden; + box-shadow: var(--shadow-sm); +} + +th { + background-color: var(--bg2); + color: var(--green); + font-weight: 600; + text-align: left; + padding: 0.8em 1em; + border-bottom: 2px solid var(--bg0); +} + +td { + padding: 0.8em 1em; + border-bottom: 1px solid var(--bg2); +} + +tr:last-child td { + border-bottom: none; +} + +header#title-block-header { + text-align: left; + margin-bottom: var(--space-md); + padding-bottom: var(--space-sm); + border-bottom: 1px solid var(--bg2); +} + +header .title { + font-size: 1.6em; + color: var(--green); + margin-bottom: 0.2em; + border-bottom: none; + font-weight: 600; + letter-spacing: -0.02em; +} + +header .author { + display: inline; + font-style: italic; + font-size: 0.95em; + color: var(--gray1); + margin: 0; +} + +header .date { + display: inline; + font-family: var(--font-serif); + font-size: 0.95em; + color: var(--gray1); + margin: 0; + margin-left: var(--space-sm); +} + +header .date::before { + content: "•"; + margin-right: var(--space-sm); + color: var(--gray2); + font-size: 0.8em; +} + +nav#TOC { + margin: 1.5em 0 2em 0; + padding: 0.8em 1em; + background-color: transparent; + border-left: 2px solid var(--gray1); + border-radius: 0; + font-size: 0.9em; +} + +nav#TOC::before { + content: "Table of Contents"; + display: block; + font-family: var(--font-sans); + font-size: 0.85em; + font-weight: 600; + color: var(--gray1); + margin-bottom: 0.5em; + text-transform: uppercase; + letter-spacing: 0.5px; +} + +nav#TOC ul { + list-style: none; + padding-left: 0; + margin: 0; +} + +nav#TOC > ul { + padding-left: 0; +} + +nav#TOC li { + margin: 0.3em 0; + position: relative; +} + +nav#TOC a { + color: var(--fg); + text-decoration: none; + display: block; + padding: 0.1em 0.3em; + border-radius: 2px; + line-height: 1.4; +} + +nav#TOC a:hover { + color: var(--aqua); +} + +nav#TOC ul ul { + padding-left: 0.8em; + margin: 0.2em 0; + border-left: 1px solid var(--bg2); +} + +nav#TOC ul ul a { + font-size: 0.95em; + color: var(--gray1); +} + +nav#TOC ul ul a:hover { + color: var(--blue); +} + +ul.task-list { + list-style: none; + padding-left: 1em; +} + +ul.task-list li { + display: flex; + align-items: flex-start; + gap: 0.5em; +} + +ul.task-list li input[type="checkbox"] { + margin-top: 0.3em; + accent-color: var(--green); +} + +img { + max-width: 100%; + height: auto; + border-radius: 8px; + margin: 1.5em auto; + display: block; + box-shadow: var(--shadow-md); +} + +@media print { + html { + background-color: white; + font-size: 12pt; + } + + body { + background-color: transparent; + color: black; + max-width: none; + padding: 0; + } + + a { + color: black; + text-decoration: underline; + } + + pre, blockquote, table { + page-break-inside: avoid; + } + + h2, h3, h4 { + page-break-after: avoid; + } + + nav#TOC { + display: none; + } +}