marcel
/
personal-blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Set timezone and publish new post

master
Marcel Ventosa 2023-07-02 09:36:33 +07:00
parent 951a247e19
commit 7d311d8527
65 changed files with 5886 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
config/_default/config.toml
View File

@ -9,6 +9,7 @@ defaultContentLanguage = "en"
enableRobotsTXT = true
paginate = 10
summaryLength = 0
timeZone = "Asia/Bangkok"
[outputs]
home = ["HTML", "RSS", "JSON"]

4
content/archives/2023-07-01.md
View File

@ -10,9 +10,9 @@ I arrived at the gym a few weeks ago to notice they were removing the key locks
To be fair with the management, the new technology did solve the perennial problem caused by whatever sequential (FIFO?) system they were using to distribute keys to people as they walked in, and which caused congestion at specific areas of the locker room while leaving the rest of the space completely unused. The digital bracelets can lock any locker, allowing members to choose for themselves. I can think of simpler ways of fixing that problem.
A week or so later, I walked into the lobby and noticed they were changing the check-in system, consisting of an RFID enabled member card scanned on entry, to what appeared to be fingerprint scanners. Bad news, I thought. Sure enough, within a few days the new system was up, and I was asked to scan my finger and get a new membership card to continue using the facilities. I informed them I would not provide my biometrics to enter a gym (or any place for that matter). The only exception being entering and leaving countries and other mandatory government initiatives where I have no choice.
A week or so later, I walked into the lobby and noticed they were changing the check-in system, which consisted of an RFID enabled member card scanned on entry, to what appeared to be fingerprint scanners. Bad news, I thought. Sure enough, within a few days the new system was up, and I was asked to scan my finger and get a new membership card to continue using the facilities. I informed them I would not provide my biometrics to enter a gym (or any place for that matter). The only exception being entering and leaving countries and other mandatory government initiatives where I have no choice.
Why do I have a problem with biometrics enabled doors? I makes me feel we’re ushering in a dystopian future we will regret. I see a future where, cheaply and on a massive scale, every door will open (or not) based on each individual: "Sorry citizen, this a "Class A" facility. Based on your socioeconomic profile and psychometric tests (or social credit score?) you are ranked "Class B-". Please step aside."
Why do I have a problem with biometrics enabled doors? It makes me feel we’re ushering in a dystopian future we will regret. I see a future where, cheaply and on a massive scale, every door will open (or not) based on each individual: "Sorry citizen, this a ‘Class A‘ facility. Based on your socioeconomic profile and psychometric tests (or social credit score?) you are ranked ‘Class B-’. Please step aside."
I have a problem with the data collection itself. Will this database be sold to third parties? Where are the servers located? What kind of firewall is used? This gym is one of the fanciest in town. Who would like to access member data? For what purposes?

29
content/archives/2023-07-02/2023-07-02.md 100644
View File

@ -0,0 +1,29 @@
---
title: "A life-changing conversation"
date: 2023-07-02
description: "A short rant on veganism followed by a vegan restaurant review."
summary: "One of the reasons I became vegan, and dinner at a new vegan restaurant in town."
tags: ["technology", "dystopia"]
categories: ["Technology"]
---
![Sign at parking lot translated from Khmer to English as Exist](../love-and-compassion.jpg)
I bought the domain that I’m using —vegancambodia.com— a while ago, thinking it made sense, living in Cambodia and wanting to do something with veganism. I usually buy `.org` names, but thought I'd go for a `.com` in case we decided to make a business out of it. Well, it must be close to a year later and nothing has happened with the domain or with veganism (aside from the practice it, of course). So, let me say something about veganism then, in honor of the domain name and the unfortunate souls that may land here searching for information on veganism in Cambodia in the future.
When my wife was pregnant, I had a conversation with a friend in Penang. To explain to me how unnatural it is to eat animals, she told me how shocking it had been for her three children when they each discovered that the food they ate came from living animals that had been killed so that they could eat them. We only come to see this as natural as part of a long process of normalization.
For months, I couldn’t stop thinking about our conversation, and I kept trying to think how I would explain our eating habits to my daughter in a logical and ethical way when the time came. No matter how much I thought about it, I couldn’t come up with a satisfactory explanation for why we enslave, torture and kill other species so that we can eat them and their secretions.
Eventually, I had to accept that I had grown up with illogical belief system, and the only way to escape the cognitive dissonance was to ignore it or to align my actions with my ethics. This was likely the single biggest realization I had toward becoming vegan. I thank my friend Esther and my daughter for this wonderful awakening.
---
Talking of veganism, there's a new vegan restaurant in town. This is big news, as the count currently stands at three (including the new place), and we don't eat at one of the three anymore for reasons I will not go into on this post.
The place is called Sundays (yeah, we went on a Saturday, I know) and is run by Darren and Tam, a charming Aussie-Khmer and British couple. It has a beautiful loft style interior with Japanese and Thai accents and a skateboarder ethos. Colorful lithographs by various Thai and Chinese artists line the walls, with some skateboard wall art. A spiral staircase leads to a mezzanine lounge featuring bespoke wooden lounge furniture and a neon sign at the back that reads ‘Take It Easy.’ The design showcases a spacious and inviting open kitchen and high ceilings and large windows, which let in a ton of light and make the place feel airy.
Forgive me for starting with dessert, but I've never been one for rules. They have vegan waffles! I hadn't had a waffle for a while. In fact, I've had two waffles in the almost four years since I became vegan (largely because we were stuck in Cambodia for three of those years, without Sundays). I had a waffle once at Wai Nam Beach resort in Koh Pha Ngan last year and another at [Veganerie](https://www.veganerie.co.th), in Bangkok, a few months ago. It sounds silly, I know. I could go out and buy a waffle machine, but then I'd have to own a specialized device that I would only use sporadically, and I'd rather not add another clunky machine to the kitchen storage. So, we shared a tasty pandan coconut waffle with homemade, hand-churned, coconut ice cream, and it was perfect.
For dinner, we had some sort of sticky cauliflower chunks, a Khmer fusion somlor korko noodle dish and a spicy tom yum club sandwich. For drinks, we had Thai bubble tea and water.
We liked the place so much we're going back for breakfast today (on a Sunday, of course).

BIN
content/archives/2023-07-02/love-and-compassion.jpg 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

14
public/archives/2023-06-30/2023-06-30/index.html
View File

@ -78,8 +78,8 @@
<meta property="og:description" content="Why I am starting this blog." />
<meta property="og:type" content="article" />
<meta property="og:url" content="/archives/2023-06-30/2023-06-30/" /><meta property="article:section" content="archives" />
<meta property="article:published_time" content="2023-06-30T00:00:00+00:00" />
<meta property="article:modified_time" content="2023-06-30T00:00:00+00:00" />
<meta property="article:published_time" content="2023-06-30T00:00:00+07:00" />
<meta property="article:modified_time" content="2023-06-30T00:00:00+07:00" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="My First Blog Post"/>
@ -102,10 +102,10 @@
"name": "Marcel Ventosa"
},
"copyrightYear": "2023",
"dateCreated": "2023-06-30T00:00:00\u002b00:00",
"datePublished": "2023-06-30T00:00:00\u002b00:00",
"dateCreated": "2023-06-30T00:00:00\u002b07:00",
"datePublished": "2023-06-30T00:00:00\u002b07:00",
"dateModified": "2023-06-30T00:00:00\u002b00:00",
"dateModified": "2023-06-30T00:00:00\u002b07:00",
@ -314,7 +314,7 @@
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-06-30 00:00:00 &#43;0000 UTC">30 June 2023</time><span class="px-2 text-primary-500">&middot;</span><span>80 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">1 min</span>
<time datetime="2023-06-30 00:00:00 &#43;0700 &#43;07">30 June 2023</time><span class="px-2 text-primary-500">&middot;</span><span>80 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">1 min</span>
@ -394,7 +394,7 @@
>
<span class="mt-[0.1rem] text-xs text-neutral-500 dark:text-neutral-400">
<time datetime="2023-07-01 00:00:00 &#43;0000 UTC">1 July 2023</time>
<time datetime="2023-07-01 00:00:00 &#43;0700 &#43;07">1 July 2023</time>
</span>
</span>

39
public/archives/2023-07-01/index.html
View File

@ -78,8 +78,8 @@
<meta property="og:description" content="On enabling useless and potentially harmful technology for the sake of looking cool." />
<meta property="og:type" content="article" />
<meta property="og:url" content="/archives/2023-07-01/" /><meta property="article:section" content="archives" />
<meta property="article:published_time" content="2023-07-01T00:00:00+00:00" />
<meta property="article:modified_time" content="2023-07-01T00:00:00+00:00" />
<meta property="article:published_time" content="2023-07-01T00:00:00+07:00" />
<meta property="article:modified_time" content="2023-07-01T00:00:00+07:00" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="On technology"/>
@ -102,15 +102,15 @@
"name": "Marcel Ventosa"
},
"copyrightYear": "2023",
"dateCreated": "2023-07-01T00:00:00\u002b00:00",
"datePublished": "2023-07-01T00:00:00\u002b00:00",
"dateCreated": "2023-07-01T00:00:00\u002b07:00",
"datePublished": "2023-07-01T00:00:00\u002b07:00",
"dateModified": "2023-07-01T00:00:00\u002b00:00",
"dateModified": "2023-07-01T00:00:00\u002b07:00",
"keywords": ["technology","dystopia"],
"mainEntityOfPage": "true",
"wordCount": "736"
"wordCount": "737"
}]
</script>
@ -314,7 +314,7 @@
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-07-01 00:00:00 &#43;0000 UTC">1 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>736 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
<time datetime="2023-07-01 00:00:00 &#43;0700 &#43;07">1 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>737 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
@ -333,8 +333,8 @@
<div class="min-w-0 min-h-0 max-w-prose grow">
<p>I arrived at the gym a few weeks ago to notice they were removing the key locks from the lockers and replacing them with some sort of RFID bracelet technology. I chuckled, because this is exactly what I feel is wrong with technolgoy: They replaced a low maintenance time-tested technology (lock and key), with a high-maintenance untested fad consisting of many more moving parts. For starters, each locker now requires a regular battery change. I didn’t open the battery compartment, but it looks like it takes triple A’s.</p>
<p>To be fair with the management, the new technology did solve the perennial problem caused by whatever sequential (FIFO?) system they were using to distribute keys to people as they walked in, and which caused congestion at specific areas of the locker room while leaving the rest of the space completely unused. The digital bracelets can lock any locker, allowing members to choose for themselves. I can think of simpler ways of fixing that problem.</p>
<p>A week or so later, I walked into the lobby and noticed they were changing the check-in system, consisting of an RFID enabled member card scanned on entry, to what appeared to be fingerprint scanners. Bad news, I thought. Sure enough, within a few days the new system was up, and I was asked to scan my finger and get a new membership card to continue using the facilities. I informed them I would not provide my biometrics to enter a gym (or any place for that matter). The only exception being entering and leaving countries and other mandatory government initiatives where I have no choice.</p>
<p>Why do I have a problem with biometrics enabled doors? I makes me feel we’re ushering in a dystopian future we will regret. I see a future where, cheaply and on a massive scale, every door will open (or not) based on each individual: &ldquo;Sorry citizen, this a &ldquo;Class A&rdquo; facility. Based on your socioeconomic profile and psychometric tests (or social credit score?) you are ranked &ldquo;Class B-&rdquo;. Please step aside.&rdquo;</p>
<p>A week or so later, I walked into the lobby and noticed they were changing the check-in system, which consisted of an RFID enabled member card scanned on entry, to what appeared to be fingerprint scanners. Bad news, I thought. Sure enough, within a few days the new system was up, and I was asked to scan my finger and get a new membership card to continue using the facilities. I informed them I would not provide my biometrics to enter a gym (or any place for that matter). The only exception being entering and leaving countries and other mandatory government initiatives where I have no choice.</p>
<p>Why do I have a problem with biometrics enabled doors? It makes me feel we’re ushering in a dystopian future we will regret. I see a future where, cheaply and on a massive scale, every door will open (or not) based on each individual: &ldquo;Sorry citizen, this a ‘Class A‘ facility. Based on your socioeconomic profile and psychometric tests (or social credit score?) you are ranked ‘Class B-’. Please step aside.&rdquo;</p>
<p>I have a problem with the data collection itself. Will this database be sold to third parties? Where are the servers located? What kind of firewall is used? This gym is one of the fanciest in town. Who would like to access member data? For what purposes?</p>
<p>I asked politely why they required my fingerprint in addition to the RFID enabled card (which now need not be scanned, but must be deposited at reception to receive towels and locker opening bracelet). They informed me members were sharing their cards with third parties and the owner wanted to fix the problem.</p>
<p>I told them my wife and I use the gym almost every day, and had no desire to share the card with anyone else. I also reminded them of the large TV hanging over the entrance gate and displaying each member’s private information as they scan the card, including a photo (the same photo printed on the card itself), and number of times the door has been accessed since the membership became active. They said they would raise the issue with &ldquo;The Big Boss.&rdquo;</p>
@ -371,7 +371,7 @@
>
<span class="mt-[0.1rem] text-xs text-neutral-500 dark:text-neutral-400">
<time datetime="2023-06-30 00:00:00 &#43;0000 UTC">30 June 2023</time>
<time datetime="2023-06-30 00:00:00 &#43;0700 &#43;07">30 June 2023</time>
</span>
</span>
@ -380,6 +380,25 @@
</span>
<span>
<a class="group flex text-right" href="/archives/2023-07-02/2023-07-02/">
<span class="flex flex-col">
<span
class="mt-[0.1rem] leading-6 group-hover:underline group-hover:decoration-primary-500"
>A life-changing conversation</span
>
<span class="mt-[0.1rem] text-xs text-neutral-500 dark:text-neutral-400">
<time datetime="2023-07-02 00:00:00 &#43;0700 &#43;07">2 July 2023</time>
</span>
</span>
<span
class="ms-2 text-neutral-700 transition-transform group-hover:-translate-x-[2px] group-hover:text-primary-600 dark:text-neutral dark:group-hover:text-primary-400"
><span class="ltr:inline rtl:hidden">&rarr;</span
><span class="ltr:hidden rtl:inline">&larr;</span></span
>
</a>
</span>
</div>
</div>

506
public/archives/2023-07-02/2023-07-02/index.html 100644
View File

@ -0,0 +1,506 @@
<!DOCTYPE html>
<html
lang="en"
dir="ltr"
class="scroll-smooth"
data-default-appearance="light"
data-auto-appearance="true"
><head>
<meta charset="utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="rgb(255,255,255)" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>A life-changing conversation &middot; &gt;mv_</title>
<meta name="title" content="A life-changing conversation &middot; &gt;mv_" />
<meta name="description" content="A short rant on veganism followed by a vegan restaurant review." />
<link rel="canonical" href="/archives/2023-07-02/2023-07-02/" />
<link
type="text/css"
rel="stylesheet"
href="/css/main.bundle.min.17fc506b1c26b1bbc9a782ffffc510d9ecbfef39adb801fd6c673c614f713ffe.css"
integrity="sha256-F/xQaxwmsbvJp4L//8UQ2ey/7zmtuAH9bGc8YU9xP/4="
/>
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI&#43;&#43;D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Copy" data-copied="Copied"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta property="og:title" content="A life-changing conversation" />
<meta property="og:description" content="A short rant on veganism followed by a vegan restaurant review." />
<meta property="og:type" content="article" />
<meta property="og:url" content="/archives/2023-07-02/2023-07-02/" /><meta property="article:section" content="archives" />
<meta property="article:published_time" content="2023-07-02T00:00:00+07:00" />
<meta property="article:modified_time" content="2023-07-02T00:00:00+07:00" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="A life-changing conversation"/>
<meta name="twitter:description" content="A short rant on veganism followed by a vegan restaurant review."/>
<script type="application/ld+json">
[{
"@context": "https://schema.org",
"@type": "Article",
"articleSection": "Archives",
"name": "A life-changing conversation",
"headline": "A life-changing conversation",
"description": "A short rant on veganism followed by a vegan restaurant review.",
"abstract": "One of the reasons I became vegan, and dinner at a new vegan restaurant in town.",
"inLanguage": "en",
"url" : "\/archives\/2023-07-02\/2023-07-02\/",
"author" : {
"@type": "Person",
"name": "Marcel Ventosa"
},
"copyrightYear": "2023",
"dateCreated": "2023-07-02T00:00:00\u002b07:00",
"datePublished": "2023-07-02T00:00:00\u002b07:00",
"dateModified": "2023-07-02T00:00:00\u002b07:00",
"keywords": ["technology","dystopia"],
"mainEntityOfPage": "true",
"wordCount": "655"
}]
</script>
<meta name="author" content="Marcel Ventosa" />
<link href="mailto:marcel@vegancambodia.com" rel="me" />
<link href="https://vegancambodia.com" rel="me" />
</head>
<body
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
>
<div id="the-top" class="absolute flex self-center">
<a
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
href="#main-content"
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">&darr;</span
>Skip to main content</a
>
</div>
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
<nav class="flex items-start justify-between sm:items-center">
<div class="flex flex-row items-center">
<a href="/" class="mr-2">
<img
src="/img/mv-logo.png"
width="79"
height="37"
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left"
alt="&gt;mv_"
loading="lazy"
/>
</a>
</div>
<ul class="flex list-none flex-col ltr:text-right rtl:text-left sm:flex-row">
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/about/"
title=""
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>About</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/archives/"
title="Archives"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Archives</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/categories/"
title="Categories"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Categories</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/tags/"
title="Tags"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Tags</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<button
id="search-button-1"
title="Search (/)"
>
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
><span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span></span><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
></span
>
</button>
</li>
</ul>
</nav>
</header>
<div class="relative flex flex-col grow">
<main id="main-content" class="grow">
<article>
<header class="max-w-prose">
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
A life-changing conversation
</h1>
<div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-07-02 00:00:00 &#43;0700 &#43;07">2 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>655 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
</div>
</div>
</header>
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
<div class="min-w-0 min-h-0 max-w-prose grow">
<p>
<figure>
<img
class="mx-auto my-0 rounded-md"
src="../love-and-compassion.jpg"
alt="Sign at parking lot translated from Khmer to English as Exist"
loading="lazy"
/>
</figure>
</p>
<p>I bought the domain that I’m using —vegancambodia.com— a while ago, thinking it made sense, living in Cambodia and wanting to do something with veganism. I usually buy <code>.org</code> names, but thought I&rsquo;d go for a <code>.com</code> in case we decided to make a business out of it. Well, it must be close to a year later and nothing has happened with the domain or with veganism (aside from the practice it, of course). So, let me say something about veganism then, in honor of the domain name and the unfortunate souls that may land here searching for information on veganism in Cambodia in the future.</p>
<p>When my wife was pregnant, I had a conversation with a friend in Penang. To explain to me how unnatural it is to eat animals, she told me how shocking it had been for her three children when they each discovered that the food they ate came from living animals that had been killed so that they could eat them. We only come to see this as natural as part of a long process of normalization.</p>
<p>For months, I couldn’t stop thinking about our conversation, and I kept trying to think how I would explain our eating habits to my daughter in a logical and ethical way when the time came. No matter how much I thought about it, I couldn’t come up with a satisfactory explanation for why we enslave, torture and kill other species so that we can eat them and their secretions.</p>
<p>Eventually, I had to accept that I had grown up with illogical belief system, and the only way to escape the cognitive dissonance was to ignore it or to align my actions with my ethics. This was likely the single biggest realization I had toward becoming vegan. I thank my friend Esther and my daughter for this wonderful awakening.</p>
<hr>
<p>Talking of veganism, there&rsquo;s a new vegan restaurant in town. This is big news, as the count currently stands at three (including the new place), and we don&rsquo;t eat at one of the three anymore for reasons I will not go into on this post.</p>
<p>The place is called Sundays (yeah, we went on a Saturday, I know) and is run by Darren and Tam, a charming Aussie-Khmer and British couple. It has a beautiful loft style interior with Japanese and Thai accents and a skateboarder ethos. Colorful lithographs by various Thai and Chinese artists line the walls, with some skateboard wall art. A spiral staircase leads to a mezzanine lounge featuring bespoke wooden lounge furniture and a neon sign at the back that reads ‘Take It Easy.’ The design showcases a spacious and inviting open kitchen and high ceilings and large windows, which let in a ton of light and make the place feel airy.</p>
<p>Forgive me for starting with dessert, but I&rsquo;ve never been one for rules. They have vegan waffles! I hadn&rsquo;t had a waffle for a while. In fact, I&rsquo;ve had two waffles in the almost four years since I became vegan (largely because we were stuck in Cambodia for three of those years, without Sundays). I had a waffle once at Wai Nam Beach resort in Koh Pha Ngan last year and another at <a
href="https://www.veganerie.co.th"
target="_blank" rel="noreferrer noopener"
>Veganerie</a>, in Bangkok, a few months ago. It sounds silly, I know. I could go out and buy a waffle machine, but then I&rsquo;d have to own a specialized device that I would only use sporadically, and I&rsquo;d rather not add another clunky machine to the kitchen storage. So, we shared a tasty pandan coconut waffle with homemade, hand-churned, coconut ice cream, and it was perfect.</p>
<p>For dinner, we had some sort of sticky cauliflower chunks, a Khmer fusion somlor korko noodle dish and a spicy tom yum club sandwich. For drinks, we had Thai bubble tea and water.</p>
<p>We liked the place so much we&rsquo;re going back for breakfast today (on a Sunday, of course).</p>
</div>
</section>
<footer class="pt-8 max-w-prose print:hidden">
<div class="pt-8">
<hr class="border-dotted border-neutral-300 dark:border-neutral-600" />
<div class="flex justify-between pt-3">
<span>
<a class="group flex" href="/archives/2023-07-01/">
<span
class="me-2 text-neutral-700 transition-transform group-hover:-translate-x-[2px] group-hover:text-primary-600 dark:text-neutral dark:group-hover:text-primary-400"
><span class="ltr:inline rtl:hidden">&larr;</span
><span class="ltr:hidden rtl:inline">&rarr;</span></span
>
<span class="flex flex-col">
<span
class="mt-[0.1rem] leading-6 group-hover:underline group-hover:decoration-primary-500"
>On technology</span
>
<span class="mt-[0.1rem] text-xs text-neutral-500 dark:text-neutral-400">
<time datetime="2023-07-01 00:00:00 &#43;0700 &#43;07">1 July 2023</time>
</span>
</span>
</a>
</span>
<span>
</span>
</div>
</div>
</footer>
</article>
<div class="pointer-events-none absolute bottom-0 end-0 top-[100vh] w-12">
<a
href="#the-top"
class="pointer-events-auto sticky top-[calc(100vh-5.5rem)] flex h-12 w-12 items-center justify-center rounded-full bg-neutral/50 text-xl text-neutral-700 backdrop-blur hover:text-primary-600 dark:bg-neutral-800/50 dark:text-neutral dark:hover:text-primary-400"
aria-label="Scroll to top"
title="Scroll to top"
>
&uarr;
</a>
</div>
</main><footer class="py-10 print:hidden">
<div class="flex items-center justify-between">
<div>
<p class="text-sm text-neutral-500 dark:text-neutral-400">
Attribution 4.0 International (CC BY 4.0)
</p>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
</p>
</div>
</div>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
<a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.vegancambodia.com/marcel/personal-blog" target="_blank" rel="noopener noreferrer">Source code</a>
</p>
</footer>
<div
id="search-wrapper"
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
data-url=""
>
<div
id="search-modal"
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
>
<header class="relative z-10 flex items-center justify-between flex-none px-2">
<form class="flex items-center flex-auto min-w-0">
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span>
</div>
<input
type="search"
id="search-query"
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
placeholder="Search"
tabindex="0"
/>
</form>
<button
id="close-search-button"
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
title="Close (Esc)"
>
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
</span>
</button>
</header>
<section class="flex-auto px-2 overflow-auto">
<ul id="search-results">
</ul>
</section>
</div>
</div>
</div>
</body>
</html>

BIN
public/archives/2023-07-02/love-and-compassion.jpg 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

70
public/archives/index.html
View File

@ -271,6 +271,72 @@
<div>
<h3 class="flex items-center text-xl font-semibold">
<a
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/archives/2023-07-02/2023-07-02/"
>A life-changing conversation</a
>
</h3>
<div class="text-sm text-neutral-500 dark:text-neutral-400">
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-07-02 00:00:00 &#43;0700 &#43;07">2 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>655 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
</div>
</div>
<div class="prose py-1 dark:prose-invert">
One of the reasons I became vegan, and dinner at a new vegan restaurant in town.
</div>
</div>
</article>
<article class="mt-6 flex max-w-prose flex-row">
<div>
<h3 class="flex items-center text-xl font-semibold">
<a
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/archives/2023-07-01/"
@ -312,7 +378,7 @@
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-07-01 00:00:00 &#43;0000 UTC">1 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>736 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
<time datetime="2023-07-01 00:00:00 &#43;0700 &#43;07">1 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>737 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
@ -378,7 +444,7 @@
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-06-30 00:00:00 &#43;0000 UTC">30 June 2023</time><span class="px-2 text-primary-500">&middot;</span><span>80 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">1 min</span>
<time datetime="2023-06-30 00:00:00 &#43;0700 &#43;07">30 June 2023</time><span class="px-2 text-primary-500">&middot;</span><span>80 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">1 min</span>

15
public/archives/index.xml
View File

@ -7,11 +7,20 @@
<generator>Hugo -- gohugo.io</generator>
<language>en</language>
<copyright>Attribution 4.0 International (CC BY 4.0)</copyright>
<lastBuildDate>Sat, 01 Jul 2023 00:00:00 +0000</lastBuildDate><atom:link href="/archives/index.xml" rel="self" type="application/rss+xml" />
<lastBuildDate>Sun, 02 Jul 2023 00:00:00 +0700</lastBuildDate><atom:link href="/archives/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>A life-changing conversation</title>
<link>/archives/2023-07-02/2023-07-02/</link>
<pubDate>Sun, 02 Jul 2023 00:00:00 +0700</pubDate>
<guid>/archives/2023-07-02/2023-07-02/</guid>
<description>One of the reasons I became vegan, and dinner at a new vegan restaurant in town.</description>
</item>
<item>
<title>On technology</title>
<link>/archives/2023-07-01/</link>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0700</pubDate>
<guid>/archives/2023-07-01/</guid>
<description>Fingerprinting as fashion. On enabling useless and potentially harmful technology for the sake of looking cool.</description>
@ -20,7 +29,7 @@
<item>
<title>My First Blog Post</title>
<link>/archives/2023-06-30/2023-06-30/</link>
<pubDate>Fri, 30 Jun 2023 00:00:00 +0000</pubDate>
<pubDate>Fri, 30 Jun 2023 00:00:00 +0700</pubDate>
<guid>/archives/2023-06-30/2023-06-30/</guid>
<description>Why I am starting this blog.</description>

330
public/blog/404.html 100644
View File

@ -0,0 +1,330 @@
<!DOCTYPE html>
<html
lang="en"
dir="ltr"
class="scroll-smooth"
data-default-appearance="light"
data-auto-appearance="true"
><head>
<meta charset="utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="rgb(255,255,255)" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>404 Page not found &middot; Congo</title>
<meta name="title" content="404 Page not found &middot; Congo" />
<meta name="description" content="" />
<link rel="canonical" href="/404.html" />
<link
type="text/css"
rel="stylesheet"
href="/css/main.bundle.min.17fc506b1c26b1bbc9a782ffffc510d9ecbfef39adb801fd6c673c614f713ffe.css"
integrity="sha256-F/xQaxwmsbvJp4L//8UQ2ey/7zmtuAH9bGc8YU9xP/4="
/>
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI&#43;&#43;D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Copy" data-copied="Copied"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta property="og:title" content="404 Page not found" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="/404.html" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="404 Page not found"/>
<meta name="twitter:description" content=""/>
<meta name="author" content="Marcel Ventosa" />
<link href="mailto:marcel@vegancambodia.com" rel="me" />
<link href="https://vegancambodia.com" rel="me" />
</head>
<body
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
>
<div id="the-top" class="absolute flex self-center">
<a
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
href="#main-content"
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">&darr;</span
>Skip to main content</a
>
</div>
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
<nav class="flex items-start justify-between sm:items-center">
<div class="flex flex-row items-center">
<a href="/" class="mr-2">
<img
src="/img/mv-logo.png"
width="79"
height="37"
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left"
alt="Congo"
loading="lazy"
/>
</a>
</div>
<ul class="flex list-none flex-col ltr:text-right rtl:text-left sm:flex-row">
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/about/"
title=""
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>About</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/archives/"
title="Archives"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Archives</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/categories/"
title="Categories"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Categories</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/tags/"
title="Tags"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Tags</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<button
id="search-button-1"
title="Search (/)"
>
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
><span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span></span><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
></span
>
</button>
</li>
</ul>
</nav>
</header>
<div class="relative flex flex-col grow">
<main id="main-content" class="grow">
<h1 class="mb-3 text-4xl font-extrabold">Page Not Found 😕</h1>
<p class="mt-8 mb-12 text-neutral-400 dark:text-neutral-500">
Error 404
</p>
<div class="prose dark:prose-invert">
<p>It seems that the page you've requested does not exist.</p>
</div>
</main><footer class="py-10 print:hidden">
<div class="flex items-center justify-between">
<div>
<p class="text-sm text-neutral-500 dark:text-neutral-400">
Attribution 4.0 International (CC BY 4.0)
</p>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
</p>
</div>
</div>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
<a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.chenla-agathos.com/marcel/personal-blog" target="_blank" rel="noopener noreferrer">Source code</a>
</p>
</footer>
<div
id="search-wrapper"
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
data-url=""
>
<div
id="search-modal"
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
>
<header class="relative z-10 flex items-center justify-between flex-none px-2">
<form class="flex items-center flex-auto min-w-0">
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span>
</div>
<input
type="search"
id="search-query"
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
placeholder="Search"
tabindex="0"
/>
</form>
<button
id="close-search-button"
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
title="Close (Esc)"
>
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
</span>
</button>
</header>
<section class="flex-auto px-2 overflow-auto">
<ul id="search-results">
</ul>
</section>
</div>
</div>
</div>
</body>
</html>

350
public/blog/about/index.html 100644
View File

@ -0,0 +1,350 @@
<!DOCTYPE html>
<html
lang="en"
dir="ltr"
class="scroll-smooth"
data-default-appearance="light"
data-auto-appearance="true"
><head>
<meta charset="utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="rgb(255,255,255)" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title> &middot; Congo</title>
<meta name="title" content=" &middot; Congo" />
<meta name="description" content="Marcel Ventosa&#39;s personal blog" />
<link rel="canonical" href="/about/" />
<link rel="alternate" type="application/rss+xml" href="/about/index.xml" title="Congo" />
<link
type="text/css"
rel="stylesheet"
href="/css/main.bundle.min.17fc506b1c26b1bbc9a782ffffc510d9ecbfef39adb801fd6c673c614f713ffe.css"
integrity="sha256-F/xQaxwmsbvJp4L//8UQ2ey/7zmtuAH9bGc8YU9xP/4="
/>
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI&#43;&#43;D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Copy" data-copied="Copied"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta property="og:title" content="" />
<meta property="og:description" content="Marcel Ventosa&#39;s personal blog" />
<meta property="og:type" content="website" />
<meta property="og:url" content="/about/" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content=""/>
<meta name="twitter:description" content="Marcel Ventosa&#39;s personal blog"/>
<meta name="author" content="Marcel Ventosa" />
<link href="mailto:marcel@vegancambodia.com" rel="me" />
<link href="https://vegancambodia.com" rel="me" />
</head>
<body
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
>
<div id="the-top" class="absolute flex self-center">
<a
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
href="#main-content"
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">&darr;</span
>Skip to main content</a
>
</div>
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
<nav class="flex items-start justify-between sm:items-center">
<div class="flex flex-row items-center">
<a href="/" class="mr-2">
<img
src="/img/mv-logo.png"
width="79"
height="37"
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left"
alt="Congo"
loading="lazy"
/>
</a>
</div>
<ul class="flex list-none flex-col ltr:text-right rtl:text-left sm:flex-row">
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/about/"
title=""
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>About</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/archives/"
title="Archives"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Archives</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/categories/"
title="Categories"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Categories</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/tags/"
title="Tags"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Tags</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<button
id="search-button-1"
title="Search (/)"
>
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
><span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span></span><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
></span
>
</button>
</li>
</ul>
</nav>
</header>
<div class="relative flex flex-col grow">
<main id="main-content" class="grow">
<header>
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral"></h1>
</header>
<section
class="mt-0 prose flex max-w-full flex-col dark:prose-invert lg:flex-row"
>
<div class="min-w-0 min-h-0 max-w-prose grow">
<h1 id="about-me" class="relative group">About me <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#about-me" aria-label="Anchor">#</a></span></h1>
</br>
<img class="right" src="marcel.jpg">
<p>Hi! My name is Marcel. I’m married, have one daughter, and run a construction consultancy and stamped concrete contracting business in Phnom Penh, Cambodia.</p>
<p>I like traveling and have previously lived in Mexico, the US, Argentina, and Thailand.</p>
<p>I enjoy (think, read about, use or practice) in no particular order: yoga, Emacs, veganism, tinkering, geopolitics, education, and Free Software.</p>
</div>
</section>
<section class="mt-10 prose dark:prose-invert">
<p class="py-8 border-t">
<em>There's no articles to list here yet.</em>
</p>
</section>
</main><footer class="py-10 print:hidden">
<div class="flex items-center justify-between">
<div>
<p class="text-sm text-neutral-500 dark:text-neutral-400">
Attribution 4.0 International (CC BY 4.0)
</p>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
</p>
</div>
</div>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
<a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.chenla-agathos.com/marcel/personal-blog" target="_blank" rel="noopener noreferrer">Source code</a>
</p>
</footer>
<div
id="search-wrapper"
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
data-url=""
>
<div
id="search-modal"
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
>
<header class="relative z-10 flex items-center justify-between flex-none px-2">
<form class="flex items-center flex-auto min-w-0">
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span>
</div>
<input
type="search"
id="search-query"
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
placeholder="Search"
tabindex="0"
/>
</form>
<button
id="close-search-button"
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
title="Close (Esc)"
>
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
</span>
</button>
</header>
<section class="flex-auto px-2 overflow-auto">
<ul id="search-results">
</ul>
</section>
</div>
</div>
</div>
</body>
</html>

11
public/blog/about/index.xml 100644
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Congo</title>
<link>/about/</link>
<description>Recent content on Congo</description>
<generator>Hugo -- gohugo.io</generator>
<language>en</language>
<copyright>Attribution 4.0 International (CC BY 4.0)</copyright><atom:link href="/about/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

BIN
public/blog/about/marcel.jpg 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
public/blog/android-chrome-192x192.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
public/blog/android-chrome-512x512.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
public/blog/apple-touch-icon.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.3 KiB

493
public/blog/archives/2023-06-30/2023-06-30/index.html 100644
View File

@ -0,0 +1,493 @@
<!DOCTYPE html>
<html
lang="en"
dir="ltr"
class="scroll-smooth"
data-default-appearance="light"
data-auto-appearance="true"
><head>
<meta charset="utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="rgb(255,255,255)" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>My First Blog Post &middot; Congo</title>
<meta name="title" content="My First Blog Post &middot; Congo" />
<meta name="description" content="Why I am starting this blog." />
<link rel="canonical" href="/archives/2023-06-30/2023-06-30/" />
<link
type="text/css"
rel="stylesheet"
href="/css/main.bundle.min.17fc506b1c26b1bbc9a782ffffc510d9ecbfef39adb801fd6c673c614f713ffe.css"
integrity="sha256-F/xQaxwmsbvJp4L//8UQ2ey/7zmtuAH9bGc8YU9xP/4="
/>
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI&#43;&#43;D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Copy" data-copied="Copied"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta property="og:title" content="My First Blog Post" />
<meta property="og:description" content="Why I am starting this blog." />
<meta property="og:type" content="article" />
<meta property="og:url" content="/archives/2023-06-30/2023-06-30/" /><meta property="article:section" content="archives" />
<meta property="article:published_time" content="2023-06-30T00:00:00+00:00" />
<meta property="article:modified_time" content="2023-06-30T00:00:00+00:00" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="My First Blog Post"/>
<meta name="twitter:description" content="Why I am starting this blog."/>
<script type="application/ld+json">
[{
"@context": "https://schema.org",
"@type": "Article",
"articleSection": "Archives",
"name": "My First Blog Post",
"headline": "My First Blog Post",
"abstract": "Why I am starting this blog.",
"inLanguage": "en",
"url" : "\/archives\/2023-06-30\/2023-06-30\/",
"author" : {
"@type": "Person",
"name": "Marcel Ventosa"
},
"copyrightYear": "2023",
"dateCreated": "2023-06-30T00:00:00\u002b00:00",
"datePublished": "2023-06-30T00:00:00\u002b00:00",
"dateModified": "2023-06-30T00:00:00\u002b00:00",
"mainEntityOfPage": "true",
"wordCount": "80"
}]
</script>
<meta name="author" content="Marcel Ventosa" />
<link href="mailto:marcel@vegancambodia.com" rel="me" />
<link href="https://vegancambodia.com" rel="me" />
</head>
<body
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
>
<div id="the-top" class="absolute flex self-center">
<a
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
href="#main-content"
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">&darr;</span
>Skip to main content</a
>
</div>
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
<nav class="flex items-start justify-between sm:items-center">
<div class="flex flex-row items-center">
<a href="/" class="mr-2">
<img
src="/img/mv-logo.png"
width="79"
height="37"
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left"
alt="Congo"
loading="lazy"
/>
</a>
</div>
<ul class="flex list-none flex-col ltr:text-right rtl:text-left sm:flex-row">
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/about/"
title=""
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>About</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/archives/"
title="Archives"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Archives</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/categories/"
title="Categories"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Categories</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/tags/"
title="Tags"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Tags</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<button
id="search-button-1"
title="Search (/)"
>
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
><span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span></span><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
></span
>
</button>
</li>
</ul>
</nav>
</header>
<div class="relative flex flex-col grow">
<main id="main-content" class="grow">
<article>
<header class="max-w-prose">
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
My First Blog Post
</h1>
<div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-06-30 00:00:00 &#43;0000 UTC">30 June 2023</time><span class="px-2 text-primary-500">&middot;</span><span>80 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">1 min</span>
</div>
</div>
</header>
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
<div class="min-w-0 min-h-0 max-w-prose grow">
<p>
<figure>
<img
class="mx-auto my-0 rounded-md"
src="../exist.jpg"
alt="Sign at parking lot translated from Khmer to English as Exist"
loading="lazy"
/>
</figure>
</p>
<p>A couple of months ago, I stumbled on <a
href="https://baty.net"
target="_blank" rel="noreferrer noopener"
>Jack Baty</a>&rsquo;s blog, added it to <a
href="https://github.com/skeeto/elfeed/"
target="_blank" rel="noreferrer noopener"
>Elfeed</a>, and started reading his daily updates. After a few weeks, I was looking forward to reading them every morning.</p>
<p>Being a digital recluse, I&rsquo;m still a bit skeptical of my capacity to enjoy sharing tidbits of my life openly online, but what the heck, I&rsquo;ll give it a shot.</p>
<p>A shout-out to Jack for unwittingly coaxing me out of the shell.</p>
<p>Let the experiment begin!</p>
</div>
</section>
<footer class="pt-8 max-w-prose print:hidden">
<div class="pt-8">
<hr class="border-dotted border-neutral-300 dark:border-neutral-600" />
<div class="flex justify-between pt-3">
<span>
</span>
<span>
<a class="group flex text-right" href="/archives/2023-07-01/">
<span class="flex flex-col">
<span
class="mt-[0.1rem] leading-6 group-hover:underline group-hover:decoration-primary-500"
>On technology</span
>
<span class="mt-[0.1rem] text-xs text-neutral-500 dark:text-neutral-400">
<time datetime="2023-07-01 00:00:00 &#43;0000 UTC">1 July 2023</time>
</span>
</span>
<span
class="ms-2 text-neutral-700 transition-transform group-hover:-translate-x-[2px] group-hover:text-primary-600 dark:text-neutral dark:group-hover:text-primary-400"
><span class="ltr:inline rtl:hidden">&rarr;</span
><span class="ltr:hidden rtl:inline">&larr;</span></span
>
</a>
</span>
</div>
</div>
</footer>
</article>
</main><footer class="py-10 print:hidden">
<div class="flex items-center justify-between">
<div>
<p class="text-sm text-neutral-500 dark:text-neutral-400">
Attribution 4.0 International (CC BY 4.0)
</p>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
</p>
</div>
</div>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
<a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.chenla-agathos.com/marcel/personal-blog" target="_blank" rel="noopener noreferrer">Source code</a>
</p>
</footer>
<div
id="search-wrapper"
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
data-url=""
>
<div
id="search-modal"
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
>
<header class="relative z-10 flex items-center justify-between flex-none px-2">
<form class="flex items-center flex-auto min-w-0">
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span>
</div>
<input
type="search"
id="search-query"
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
placeholder="Search"
tabindex="0"
/>
</form>
<button
id="close-search-button"
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
title="Close (Esc)"
>
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
</span>
</button>
</header>
<section class="flex-auto px-2 overflow-auto">
<ul id="search-results">
</ul>
</section>
</div>
</div>
</div>
</body>
</html>

BIN
public/blog/archives/2023-06-30/exist.jpg 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

479
public/blog/archives/2023-07-01/index.html 100644
View File

@ -0,0 +1,479 @@
<!DOCTYPE html>
<html
lang="en"
dir="ltr"
class="scroll-smooth"
data-default-appearance="light"
data-auto-appearance="true"
><head>
<meta charset="utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="rgb(255,255,255)" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>On technology &middot; Congo</title>
<meta name="title" content="On technology &middot; Congo" />
<meta name="description" content="On enabling useless and potentially harmful technology for the sake of looking cool." />
<link rel="canonical" href="/archives/2023-07-01/" />
<link
type="text/css"
rel="stylesheet"
href="/css/main.bundle.min.17fc506b1c26b1bbc9a782ffffc510d9ecbfef39adb801fd6c673c614f713ffe.css"
integrity="sha256-F/xQaxwmsbvJp4L//8UQ2ey/7zmtuAH9bGc8YU9xP/4="
/>
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI&#43;&#43;D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Copy" data-copied="Copied"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta property="og:title" content="On technology" />
<meta property="og:description" content="On enabling useless and potentially harmful technology for the sake of looking cool." />
<meta property="og:type" content="article" />
<meta property="og:url" content="/archives/2023-07-01/" /><meta property="article:section" content="archives" />
<meta property="article:published_time" content="2023-07-01T00:00:00+00:00" />
<meta property="article:modified_time" content="2023-07-01T00:00:00+00:00" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="On technology"/>
<meta name="twitter:description" content="On enabling useless and potentially harmful technology for the sake of looking cool."/>
<script type="application/ld+json">
[{
"@context": "https://schema.org",
"@type": "Article",
"articleSection": "Archives",
"name": "On technology",
"headline": "On technology",
"description": "On enabling useless and potentially harmful technology for the sake of looking cool.",
"abstract": "Fingerprinting as fashion. On enabling useless and potentially harmful technology for the sake of looking cool.",
"inLanguage": "en",
"url" : "\/archives\/2023-07-01\/",
"author" : {
"@type": "Person",
"name": "Marcel Ventosa"
},
"copyrightYear": "2023",
"dateCreated": "2023-07-01T00:00:00\u002b00:00",
"datePublished": "2023-07-01T00:00:00\u002b00:00",
"dateModified": "2023-07-01T00:00:00\u002b00:00",
"keywords": ["technology","dystopia"],
"mainEntityOfPage": "true",
"wordCount": "736"
}]
</script>
<meta name="author" content="Marcel Ventosa" />
<link href="mailto:marcel@vegancambodia.com" rel="me" />
<link href="https://vegancambodia.com" rel="me" />
</head>
<body
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
>
<div id="the-top" class="absolute flex self-center">
<a
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
href="#main-content"
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">&darr;</span
>Skip to main content</a
>
</div>
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
<nav class="flex items-start justify-between sm:items-center">
<div class="flex flex-row items-center">
<a href="/" class="mr-2">
<img
src="/img/mv-logo.png"
width="79"
height="37"
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left"
alt="Congo"
loading="lazy"
/>
</a>
</div>
<ul class="flex list-none flex-col ltr:text-right rtl:text-left sm:flex-row">
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/about/"
title=""
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>About</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/archives/"
title="Archives"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Archives</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/categories/"
title="Categories"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Categories</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/tags/"
title="Tags"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Tags</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<button
id="search-button-1"
title="Search (/)"
>
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
><span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span></span><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
></span
>
</button>
</li>
</ul>
</nav>
</header>
<div class="relative flex flex-col grow">
<main id="main-content" class="grow">
<article>
<header class="max-w-prose">
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
On technology
</h1>
<div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-07-01 00:00:00 &#43;0000 UTC">1 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>736 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
</div>
</div>
</header>
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
<div class="min-w-0 min-h-0 max-w-prose grow">
<p>I arrived at the gym a few weeks ago to notice they were removing the key locks from the lockers and replacing them with some sort of RFID bracelet technology. I chuckled, because this is exactly what I feel is wrong with technolgoy: They replaced a low maintenance time-tested technology (lock and key), with a high-maintenance untested fad consisting of many more moving parts. For starters, each locker now requires a regular battery change. I didn’t open the battery compartment, but it looks like it takes triple A’s.</p>
<p>To be fair with the management, the new technology did solve the perennial problem caused by whatever sequential (FIFO?) system they were using to distribute keys to people as they walked in, and which caused congestion at specific areas of the locker room while leaving the rest of the space completely unused. The digital bracelets can lock any locker, allowing members to choose for themselves. I can think of simpler ways of fixing that problem.</p>
<p>A week or so later, I walked into the lobby and noticed they were changing the check-in system, consisting of an RFID enabled member card scanned on entry, to what appeared to be fingerprint scanners. Bad news, I thought. Sure enough, within a few days the new system was up, and I was asked to scan my finger and get a new membership card to continue using the facilities. I informed them I would not provide my biometrics to enter a gym (or any place for that matter). The only exception being entering and leaving countries and other mandatory government initiatives where I have no choice.</p>
<p>Why do I have a problem with biometrics enabled doors? I makes me feel we’re ushering in a dystopian future we will regret. I see a future where, cheaply and on a massive scale, every door will open (or not) based on each individual: &ldquo;Sorry citizen, this a &ldquo;Class A&rdquo; facility. Based on your socioeconomic profile and psychometric tests (or social credit score?) you are ranked &ldquo;Class B-&rdquo;. Please step aside.&rdquo;</p>
<p>I have a problem with the data collection itself. Will this database be sold to third parties? Where are the servers located? What kind of firewall is used? This gym is one of the fanciest in town. Who would like to access member data? For what purposes?</p>
<p>I asked politely why they required my fingerprint in addition to the RFID enabled card (which now need not be scanned, but must be deposited at reception to receive towels and locker opening bracelet). They informed me members were sharing their cards with third parties and the owner wanted to fix the problem.</p>
<p>I told them my wife and I use the gym almost every day, and had no desire to share the card with anyone else. I also reminded them of the large TV hanging over the entrance gate and displaying each member’s private information as they scan the card, including a photo (the same photo printed on the card itself), and number of times the door has been accessed since the membership became active. They said they would raise the issue with &ldquo;The Big Boss.&rdquo;</p>
<p>A few weeks of silence ensued; The Big Boss was out of the country, I was informed. Finally, last week I went to ask again and was told The Big Boss understands and respects my dilemma. There are four of us refuseniks in the entire gym. We will be allowed to finish our yearly membership, but will not be allowed to renew it. I mentioned this drama to an acquaintance who lives in a suburb recently and he laughed and told me his gym has no need for cards or fingerprints: a facial recognition system automatically opens the door.</p>
<p>Meanwhile, at my gym, a security guard scans an RFID enabled card to let me in every time after I show him my old RFID membership card, which I then deposit with the reception to receive a silicon bracelet and two towels, and scans the card again after I exchange the towels and bracelet for the card. I asked them why they wouldn’t make an exception and allow me to have an RFID card that opens the gate, like the guard’s. Not possible, they said, but would I reconsider my position maybe? I told them there’s only one finger I’m going to give them, and it will not be used for biometric scanning.</p>
</div>
</section>
<footer class="pt-8 max-w-prose print:hidden">
<div class="pt-8">
<hr class="border-dotted border-neutral-300 dark:border-neutral-600" />
<div class="flex justify-between pt-3">
<span>
<a class="group flex" href="/archives/2023-06-30/2023-06-30/">
<span
class="me-2 text-neutral-700 transition-transform group-hover:-translate-x-[2px] group-hover:text-primary-600 dark:text-neutral dark:group-hover:text-primary-400"
><span class="ltr:inline rtl:hidden">&larr;</span
><span class="ltr:hidden rtl:inline">&rarr;</span></span
>
<span class="flex flex-col">
<span
class="mt-[0.1rem] leading-6 group-hover:underline group-hover:decoration-primary-500"
>My First Blog Post</span
>
<span class="mt-[0.1rem] text-xs text-neutral-500 dark:text-neutral-400">
<time datetime="2023-06-30 00:00:00 &#43;0000 UTC">30 June 2023</time>
</span>
</span>
</a>
</span>
<span>
</span>
</div>
</div>
</footer>
</article>
<div class="pointer-events-none absolute bottom-0 end-0 top-[100vh] w-12">
<a
href="#the-top"
class="pointer-events-auto sticky top-[calc(100vh-5.5rem)] flex h-12 w-12 items-center justify-center rounded-full bg-neutral/50 text-xl text-neutral-700 backdrop-blur hover:text-primary-600 dark:bg-neutral-800/50 dark:text-neutral dark:hover:text-primary-400"
aria-label="Scroll to top"
title="Scroll to top"
>
&uarr;
</a>
</div>
</main><footer class="py-10 print:hidden">
<div class="flex items-center justify-between">
<div>
<p class="text-sm text-neutral-500 dark:text-neutral-400">
Attribution 4.0 International (CC BY 4.0)
</p>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
</p>
</div>
</div>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
<a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.chenla-agathos.com/marcel/personal-blog" target="_blank" rel="noopener noreferrer">Source code</a>
</p>
</footer>
<div
id="search-wrapper"
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
data-url=""
>
<div
id="search-modal"
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
>
<header class="relative z-10 flex items-center justify-between flex-none px-2">
<form class="flex items-center flex-auto min-w-0">
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span>
</div>
<input
type="search"
id="search-query"
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
placeholder="Search"
tabindex="0"
/>
</form>
<button
id="close-search-button"
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
title="Close (Esc)"
>
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
</span>
</button>
</header>
<section class="flex-auto px-2 overflow-auto">
<ul id="search-results">
</ul>
</section>
</div>
</div>
</div>
</body>
</html>

484
public/blog/archives/index.html 100644
View File

@ -0,0 +1,484 @@
<!DOCTYPE html>
<html
lang="en"
dir="ltr"
class="scroll-smooth"
data-default-appearance="light"
data-auto-appearance="true"
><head>
<meta charset="utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="rgb(255,255,255)" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Archives &middot; Congo</title>
<meta name="title" content="Archives &middot; Congo" />
<meta name="description" content="" />
<link rel="canonical" href="/archives/" />
<link rel="alternate" type="application/rss+xml" href="/archives/index.xml" title="Congo" />
<link
type="text/css"
rel="stylesheet"
href="/css/main.bundle.min.17fc506b1c26b1bbc9a782ffffc510d9ecbfef39adb801fd6c673c614f713ffe.css"
integrity="sha256-F/xQaxwmsbvJp4L//8UQ2ey/7zmtuAH9bGc8YU9xP/4="
/>
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI&#43;&#43;D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Copy" data-copied="Copied"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta property="og:title" content="Archives" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="/archives/" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Archives"/>
<meta name="twitter:description" content=""/>
<meta name="author" content="Marcel Ventosa" />
<link href="mailto:marcel@vegancambodia.com" rel="me" />
<link href="https://vegancambodia.com" rel="me" />
</head>
<body
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
>
<div id="the-top" class="absolute flex self-center">
<a
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
href="#main-content"
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">&darr;</span
>Skip to main content</a
>
</div>
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
<nav class="flex items-start justify-between sm:items-center">
<div class="flex flex-row items-center">
<a href="/" class="mr-2">
<img
src="/img/mv-logo.png"
width="79"
height="37"
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left"
alt="Congo"
loading="lazy"
/>
</a>
</div>
<ul class="flex list-none flex-col ltr:text-right rtl:text-left sm:flex-row">
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/about/"
title=""
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>About</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/archives/"
title="Archives"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Archives</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/categories/"
title="Categories"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Categories</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/tags/"
title="Tags"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Tags</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<button
id="search-button-1"
title="Search (/)"
>
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
><span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span></span><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
></span
>
</button>
</li>
</ul>
</nav>
</header>
<div class="relative flex flex-col grow">
<main id="main-content" class="grow">
<header>
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">Archives</h1>
</header>
<section
class="mt-0 prose flex max-w-full flex-col dark:prose-invert lg:flex-row"
>
<div class="min-w-0 min-h-0 max-w-prose grow">
</div>
</section>
<section>
<h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
2023
</h2>
<hr class="border-dotted w-36 border-neutral-400" />
<article class="mt-6 flex max-w-prose flex-row">
<div>
<h3 class="flex items-center text-xl font-semibold">
<a
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/archives/2023-07-01/"
>On technology</a
>
</h3>
<div class="text-sm text-neutral-500 dark:text-neutral-400">
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-07-01 00:00:00 &#43;0000 UTC">1 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>736 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
</div>
</div>
<div class="prose py-1 dark:prose-invert">
Fingerprinting as fashion. On enabling useless and potentially harmful technology for the sake of looking cool.
</div>
</div>
</article>
<article class="mt-6 flex max-w-prose flex-row">
<div>
<h3 class="flex items-center text-xl font-semibold">
<a
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/archives/2023-06-30/2023-06-30/"
>My First Blog Post</a
>
</h3>
<div class="text-sm text-neutral-500 dark:text-neutral-400">
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-06-30 00:00:00 &#43;0000 UTC">30 June 2023</time><span class="px-2 text-primary-500">&middot;</span><span>80 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">1 min</span>
</div>
</div>
<div class="prose py-1 dark:prose-invert">
Why I am starting this blog.
</div>
</div>
</article>
</section>
</main><footer class="py-10 print:hidden">
<div class="flex items-center justify-between">
<div>
<p class="text-sm text-neutral-500 dark:text-neutral-400">
Attribution 4.0 International (CC BY 4.0)
</p>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
</p>
</div>
</div>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
<a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.chenla-agathos.com/marcel/personal-blog" target="_blank" rel="noopener noreferrer">Source code</a>
</p>
</footer>
<div
id="search-wrapper"
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
data-url=""
>
<div
id="search-modal"
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
>
<header class="relative z-10 flex items-center justify-between flex-none px-2">
<form class="flex items-center flex-auto min-w-0">
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span>
</div>
<input
type="search"
id="search-query"
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
placeholder="Search"
tabindex="0"
/>
</form>
<button
id="close-search-button"
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
title="Close (Esc)"
>
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
</span>
</button>
</header>
<section class="flex-auto px-2 overflow-auto">
<ul id="search-results">
</ul>
</section>
</div>
</div>
</div>
</body>
</html>

30
public/blog/archives/index.xml 100644
View File

@ -0,0 +1,30 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Archives on Congo</title>
<link>/archives/</link>
<description>Recent content in Archives on Congo</description>
<generator>Hugo -- gohugo.io</generator>
<language>en</language>
<copyright>Attribution 4.0 International (CC BY 4.0)</copyright>
<lastBuildDate>Sat, 01 Jul 2023 00:00:00 +0000</lastBuildDate><atom:link href="/archives/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>On technology</title>
<link>/archives/2023-07-01/</link>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
<guid>/archives/2023-07-01/</guid>
<description>Fingerprinting as fashion. On enabling useless and potentially harmful technology for the sake of looking cool.</description>
</item>
<item>
<title>My First Blog Post</title>
<link>/archives/2023-06-30/2023-06-30/</link>
<pubDate>Fri, 30 Jun 2023 00:00:00 +0000</pubDate>
<guid>/archives/2023-06-30/2023-06-30/</guid>
<description>Why I am starting this blog.</description>
</item>
</channel>
</rss>

10
public/blog/archives/page/1/index.html 100644
View File

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>/archives/</title>
<link rel="canonical" href="/archives/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=/archives/">
</head>
</html>

348
public/blog/categories/index.html 100644
View File

@ -0,0 +1,348 @@
<!DOCTYPE html>
<html
lang="en"
dir="ltr"
class="scroll-smooth"
data-default-appearance="light"
data-auto-appearance="true"
><head>
<meta charset="utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="rgb(255,255,255)" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Categories &middot; Congo</title>
<meta name="title" content="Categories &middot; Congo" />
<meta name="description" content="" />
<link rel="canonical" href="/categories/" />
<link rel="alternate" type="application/rss+xml" href="/categories/index.xml" title="Congo" />
<link
type="text/css"
rel="stylesheet"
href="/css/main.bundle.min.17fc506b1c26b1bbc9a782ffffc510d9ecbfef39adb801fd6c673c614f713ffe.css"
integrity="sha256-F/xQaxwmsbvJp4L//8UQ2ey/7zmtuAH9bGc8YU9xP/4="
/>
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI&#43;&#43;D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Copy" data-copied="Copied"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta property="og:title" content="Categories" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="/categories/" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Categories"/>
<meta name="twitter:description" content=""/>
<meta name="author" content="Marcel Ventosa" />
<link href="mailto:marcel@vegancambodia.com" rel="me" />
<link href="https://vegancambodia.com" rel="me" />
</head>
<body
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
>
<div id="the-top" class="absolute flex self-center">
<a
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
href="#main-content"
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">&darr;</span
>Skip to main content</a
>
</div>
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
<nav class="flex items-start justify-between sm:items-center">
<div class="flex flex-row items-center">
<a href="/" class="mr-2">
<img
src="/img/mv-logo.png"
width="79"
height="37"
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left"
alt="Congo"
loading="lazy"
/>
</a>
</div>
<ul class="flex list-none flex-col ltr:text-right rtl:text-left sm:flex-row">
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/about/"
title=""
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>About</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/archives/"
title="Archives"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Archives</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/categories/"
title="Categories"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Categories</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/tags/"
title="Tags"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Tags</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<button
id="search-button-1"
title="Search (/)"
>
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
><span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span></span><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
></span
>
</button>
</li>
</ul>
</nav>
</header>
<div class="relative flex flex-col grow">
<main id="main-content" class="grow">
<header>
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">Categories</h1>
</header>
<section class="flex flex-wrap -mx-2 overflow-hidden">
<article class="w-full px-2 my-3 overflow-hidden sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/5">
<h2 class="flex items-center">
<a
class="text-xl font-medium decoration-primary-500 hover:underline hover:underline-offset-2"
href="/categories/technology/"
>Technology</a
>
<span class="px-2 text-base text-primary-500">&middot;</span>
<span class="text-base text-neutral-400">
1
</span>
</h2>
</article>
</section>
</main><footer class="py-10 print:hidden">
<div class="flex items-center justify-between">
<div>
<p class="text-sm text-neutral-500 dark:text-neutral-400">
Attribution 4.0 International (CC BY 4.0)
</p>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
</p>
</div>
</div>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
<a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.chenla-agathos.com/marcel/personal-blog" target="_blank" rel="noopener noreferrer">Source code</a>
</p>
</footer>
<div
id="search-wrapper"
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
data-url=""
>
<div
id="search-modal"
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
>
<header class="relative z-10 flex items-center justify-between flex-none px-2">
<form class="flex items-center flex-auto min-w-0">
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span>
</div>
<input
type="search"
id="search-query"
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
placeholder="Search"
tabindex="0"
/>
</form>
<button
id="close-search-button"
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
title="Close (Esc)"
>
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
</span>
</button>
</header>
<section class="flex-auto px-2 overflow-auto">
<ul id="search-results">
</ul>
</section>
</div>
</div>
</div>
</body>
</html>

21
public/blog/categories/index.xml 100644
View File

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Categories on Congo</title>
<link>/categories/</link>
<description>Recent content in Categories on Congo</description>
<generator>Hugo -- gohugo.io</generator>
<language>en</language>
<copyright>Attribution 4.0 International (CC BY 4.0)</copyright>
<lastBuildDate>Sat, 01 Jul 2023 00:00:00 +0000</lastBuildDate><atom:link href="/categories/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Technology</title>
<link>/categories/technology/</link>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
<guid>/categories/technology/</guid>
<description></description>
</item>
</channel>
</rss>

412
public/blog/categories/technology/index.html 100644
View File

@ -0,0 +1,412 @@
<!DOCTYPE html>
<html
lang="en"
dir="ltr"
class="scroll-smooth"
data-default-appearance="light"
data-auto-appearance="true"
><head>
<meta charset="utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="rgb(255,255,255)" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Technology &middot; Congo</title>
<meta name="title" content="Technology &middot; Congo" />
<meta name="description" content="" />
<link rel="canonical" href="/categories/technology/" />
<link rel="alternate" type="application/rss+xml" href="/categories/technology/index.xml" title="Congo" />
<link
type="text/css"
rel="stylesheet"
href="/css/main.bundle.min.17fc506b1c26b1bbc9a782ffffc510d9ecbfef39adb801fd6c673c614f713ffe.css"
integrity="sha256-F/xQaxwmsbvJp4L//8UQ2ey/7zmtuAH9bGc8YU9xP/4="
/>
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI&#43;&#43;D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Copy" data-copied="Copied"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta property="og:title" content="Technology" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="/categories/technology/" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Technology"/>
<meta name="twitter:description" content=""/>
<meta name="author" content="Marcel Ventosa" />
<link href="mailto:marcel@vegancambodia.com" rel="me" />
<link href="https://vegancambodia.com" rel="me" />
</head>
<body
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
>
<div id="the-top" class="absolute flex self-center">
<a
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
href="#main-content"
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">&darr;</span
>Skip to main content</a
>
</div>
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
<nav class="flex items-start justify-between sm:items-center">
<div class="flex flex-row items-center">
<a href="/" class="mr-2">
<img
src="/img/mv-logo.png"
width="79"
height="37"
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left"
alt="Congo"
loading="lazy"
/>
</a>
</div>
<ul class="flex list-none flex-col ltr:text-right rtl:text-left sm:flex-row">
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/about/"
title=""
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>About</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/archives/"
title="Archives"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Archives</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/categories/"
title="Categories"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Categories</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/tags/"
title="Tags"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Tags</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<button
id="search-button-1"
title="Search (/)"
>
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
><span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span></span><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
></span
>
</button>
</li>
</ul>
</nav>
</header>
<div class="relative flex flex-col grow">
<main id="main-content" class="grow">
<header>
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">Technology</h1>
</header>
<section>
<section>
<h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
2023
</h2>
<hr class="border-dotted w-36 border-neutral-400" />
<article class="mt-6 flex max-w-prose flex-row">
<div>
<h3 class="flex items-center text-xl font-semibold">
<a
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/archives/2023-07-01/"
>On technology</a
>
</h3>
<div class="text-sm text-neutral-500 dark:text-neutral-400">
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-07-01 00:00:00 &#43;0000 UTC">1 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>736 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
</div>
</div>
<div class="prose py-1 dark:prose-invert">
Fingerprinting as fashion. On enabling useless and potentially harmful technology for the sake of looking cool.
</div>
</div>
</article>
</section>
</section>
</main><footer class="py-10 print:hidden">
<div class="flex items-center justify-between">
<div>
<p class="text-sm text-neutral-500 dark:text-neutral-400">
Attribution 4.0 International (CC BY 4.0)
</p>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
</p>
</div>
</div>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
<a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.chenla-agathos.com/marcel/personal-blog" target="_blank" rel="noopener noreferrer">Source code</a>
</p>
</footer>
<div
id="search-wrapper"
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
data-url=""
>
<div
id="search-modal"
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
>
<header class="relative z-10 flex items-center justify-between flex-none px-2">
<form class="flex items-center flex-auto min-w-0">
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span>
</div>
<input
type="search"
id="search-query"
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
placeholder="Search"
tabindex="0"
/>
</form>
<button
id="close-search-button"
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
title="Close (Esc)"
>
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
</span>
</button>
</header>
<section class="flex-auto px-2 overflow-auto">
<ul id="search-results">
</ul>
</section>
</div>
</div>
</div>
</body>
</html>

21
public/blog/categories/technology/index.xml 100644
View File

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Technology on Congo</title>
<link>/categories/technology/</link>
<description>Recent content in Technology on Congo</description>
<generator>Hugo -- gohugo.io</generator>
<language>en</language>
<copyright>Attribution 4.0 International (CC BY 4.0)</copyright>
<lastBuildDate>Sat, 01 Jul 2023 00:00:00 +0000</lastBuildDate><atom:link href="/categories/technology/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>On technology</title>
<link>/archives/2023-07-01/</link>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
<guid>/archives/2023-07-01/</guid>
<description>Fingerprinting as fashion. On enabling useless and potentially harmful technology for the sake of looking cool.</description>
</item>
</channel>
</rss>

10
public/blog/categories/technology/page/1/index.html 100644
View File

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>/categories/technology/</title>
<link rel="canonical" href="/categories/technology/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=/categories/technology/">
</head>
</html>

15
public/blog/css/custom.css 100644
View File

@ -0,0 +1,15 @@
img[src$='#floatleft']
{
float:left;
//etc. etc/
}
}
floatleft {
max-width: 30%;
width: auto\9*0.3; /* ie8 */
height: auto;
float: left;
}

1
public/blog/css/main.bundle.min.17fc506b1c26b1bbc9a782ffffc510d9ecbfef39adb801fd6c673c614f713ffe.css 100644
View File

File diff suppressed because one or more lines are too long

BIN
public/blog/favicon-16x16.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 464 B

BIN
public/blog/favicon-32x32.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 936 B

BIN
public/blog/favicon.ico 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
public/blog/img/mv-logo.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

490
public/blog/index.html 100644
View File

@ -0,0 +1,490 @@
<!DOCTYPE html>
<html
lang="en"
dir="ltr"
class="scroll-smooth"
data-default-appearance="light"
data-auto-appearance="true"
><head>
<meta name="generator" content="Hugo 0.112.3">
<meta charset="utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="rgb(255,255,255)" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>&gt;mv_</title>
<meta name="title" content="&gt;mv_" />
<meta name="description" content="Marcel Ventosa&#39;s personal blog" />
<link rel="canonical" href="/" />
<link rel="alternate" type="application/rss+xml" href="/index.xml" title=">mv_" />
<link rel="alternate" type="application/json" href="/index.json" title=">mv_" />
<link
type="text/css"
rel="stylesheet"
href="/css/main.bundle.min.17fc506b1c26b1bbc9a782ffffc510d9ecbfef39adb801fd6c673c614f713ffe.css"
integrity="sha256-F/xQaxwmsbvJp4L//8UQ2ey/7zmtuAH9bGc8YU9xP/4="
/>
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI&#43;&#43;D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Copy" data-copied="Copied"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta property="og:title" content="" />
<meta property="og:description" content="Marcel Ventosa&#39;s personal blog" />
<meta property="og:type" content="website" />
<meta property="og:url" content="/" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content=""/>
<meta name="twitter:description" content="Marcel Ventosa&#39;s personal blog"/>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"@id": "\/",
"name": "\u003emv_",
"inLanguage": "en",
"url": "\/",
"publisher" : {
"@type": "Person",
"name": "Marcel Ventosa"
}
}
</script>
<meta name="author" content="Marcel Ventosa" />
<link href="mailto:marcel@vegancambodia.com" rel="me" />
<link href="https://vegancambodia.com" rel="me" />
</head>
<body
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
>
<div id="the-top" class="absolute flex self-center">
<a
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
href="#main-content"
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">&darr;</span
>Skip to main content</a
>
</div>
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
<nav class="flex items-start justify-between sm:items-center">
<div class="flex flex-row items-center">
<a href="/" class="mr-2">
<img
src="/img/mv-logo.png"
width="79"
height="37"
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left"
alt="&gt;mv_"
loading="lazy"
/>
</a>
</div>
<ul class="flex list-none flex-col ltr:text-right rtl:text-left sm:flex-row">
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/about/"
title=""
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>About</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/archives/"
title="Archives"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Archives</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/categories/"
title="Categories"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Categories</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/tags/"
title="Tags"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Tags</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<button
id="search-button-1"
title="Search (/)"
>
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
><span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span></span><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
></span
>
</button>
</li>
</ul>
</nav>
</header>
<div class="relative flex flex-col grow">
<main id="main-content" class="grow">
<article class="max-w-full prose dark:prose-invert">
<section><h1 id="a-space-for-thoughts" class="relative group">A space for thoughts. <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#a-space-for-thoughts" aria-label="Anchor">#</a></span></h1>
</section>
</article>
<section>
<h2 class="mt-8 text-2xl font-extrabold">Recent</h2>
<article class="mt-6 flex max-w-prose flex-row">
<div>
<h3 class="flex items-center text-xl font-semibold">
<a
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/archives/2023-07-01/"
>On technology</a
>
</h3>
<div class="text-sm text-neutral-500 dark:text-neutral-400">
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-07-01 00:00:00 &#43;0000 UTC">1 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>736 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
</div>
</div>
<div class="prose py-1 dark:prose-invert">
Fingerprinting as fashion. On enabling useless and potentially harmful technology for the sake of looking cool.
</div>
</div>
</article>
<article class="mt-6 flex max-w-prose flex-row">
<div>
<h3 class="flex items-center text-xl font-semibold">
<a
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/archives/2023-06-30/2023-06-30/"
>My First Blog Post</a
>
</h3>
<div class="text-sm text-neutral-500 dark:text-neutral-400">
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-06-30 00:00:00 &#43;0000 UTC">30 June 2023</time><span class="px-2 text-primary-500">&middot;</span><span>80 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">1 min</span>
</div>
</div>
<div class="prose py-1 dark:prose-invert">
Why I am starting this blog.
</div>
</div>
</article>
</section>
</main><footer class="py-10 print:hidden">
<div class="flex items-center justify-between">
<div>
<p class="text-sm text-neutral-500 dark:text-neutral-400">
Attribution 4.0 International (CC BY 4.0)
</p>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
</p>
</div>
</div>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
<a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.vegancambodia.com/marcel/personal-blog" target="_blank" rel="noopener noreferrer">Source code</a>
</p>
</footer>
<div
id="search-wrapper"
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
data-url=""
>
<div
id="search-modal"
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
>
<header class="relative z-10 flex items-center justify-between flex-none px-2">
<form class="flex items-center flex-auto min-w-0">
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span>
</div>
<input
type="search"
id="search-query"
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
placeholder="Search"
tabindex="0"
/>
</form>
<button
id="close-search-button"
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
title="Close (Esc)"
>
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
</span>
</button>
</header>
<section class="flex-auto px-2 overflow-auto">
<ul id="search-results">
</ul>
</section>
</div>
</div>
</div>
</body>
</html>

1
public/blog/index.json 100644
View File

File diff suppressed because one or more lines are too long

30
public/blog/index.xml 100644
View File

@ -0,0 +1,30 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>&gt;mv_</title>
<link>/</link>
<description>Recent content on &gt;mv_</description>
<generator>Hugo -- gohugo.io</generator>
<language>en</language>
<copyright>Attribution 4.0 International (CC BY 4.0)</copyright>
<lastBuildDate>Sat, 01 Jul 2023 00:00:00 +0000</lastBuildDate><atom:link href="/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>On technology</title>
<link>/archives/2023-07-01/</link>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
<guid>/archives/2023-07-01/</guid>
<description>Fingerprinting as fashion. On enabling useless and potentially harmful technology for the sake of looking cool.</description>
</item>
<item>
<title>My First Blog Post</title>
<link>/archives/2023-06-30/2023-06-30/</link>
<pubDate>Fri, 30 Jun 2023 00:00:00 +0000</pubDate>
<guid>/archives/2023-06-30/2023-06-30/</guid>
<description>Why I am starting this blog.</description>
</item>
</channel>
</rss>

1
public/blog/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js 100644
View File

@ -0,0 +1 @@
const sitePreference=document.documentElement.getAttribute("data-default-appearance"),userPreference=localStorage.getItem("appearance");function getCSSValue(e){var t=window.getComputedStyle(document.documentElement).getPropertyValue(e);return"rgb("+t.replace(/\s+/g,"")+")"}function setThemeColor(){var e=document.querySelector("meta[name=theme-color]");return document.documentElement.classList.contains("dark")?e.setAttribute("content",getCSSValue("--color-neutral-800")):e.setAttribute("content",getCSSValue("--color-neutral")),!0}(sitePreference==="dark"&&userPreference===null||userPreference==="dark")&&(document.documentElement.classList.add("dark"),setThemeColor()),document.documentElement.getAttribute("data-auto-appearance")==="true"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&userPreference!=="light"&&(document.documentElement.classList.add("dark"),setThemeColor()),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",e=>{e.matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),setThemeColor()})),window.addEventListener("DOMContentLoaded",e=>{var t=document.querySelectorAll("[id^='appearance-switcher']");t.forEach(e=>{e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),setThemeColor(),localStorage.setItem("appearance",document.documentElement.classList.contains("dark")?"dark":"light")}),e.addEventListener("contextmenu",e=>{e.preventDefault(),localStorage.removeItem("appearance")})})})

12
public/blog/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js 100644
View File

File diff suppressed because one or more lines are too long

10
public/blog/page/1/index.html 100644
View File

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>/</title>
<link rel="canonical" href="/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=/">
</head>
</html>

3
public/blog/robots.txt 100644
View File

@ -0,0 +1,3 @@
User-agent: *
Allow: /
Sitemap: sitemap.xml

1
public/blog/site.webmanifest 100644
View File

@ -0,0 +1 @@
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

49
public/blog/sitemap.xml 100644
View File

@ -0,0 +1,49 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>/</loc>
<lastmod>2023-07-01T00:00:00+00:00</lastmod>
</url>
<url>
<loc>/archives/</loc>
<lastmod>2023-07-01T00:00:00+00:00</lastmod>
</url>
<url>
<loc>/archives/2023-07-01/</loc>
<lastmod>2023-07-01T00:00:00+00:00</lastmod>
</url>
<url>
<loc>/archives/2023-06-30/2023-06-30/</loc>
<lastmod>2023-06-30T00:00:00+00:00</lastmod>
</url>
<url>
<loc>/about/</loc>
</url>
</urlset>

412
public/blog/tags/dystopia/index.html 100644
View File

@ -0,0 +1,412 @@
<!DOCTYPE html>
<html
lang="en"
dir="ltr"
class="scroll-smooth"
data-default-appearance="light"
data-auto-appearance="true"
><head>
<meta charset="utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="rgb(255,255,255)" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>dystopia &middot; Congo</title>
<meta name="title" content="dystopia &middot; Congo" />
<meta name="description" content="" />
<link rel="canonical" href="/tags/dystopia/" />
<link rel="alternate" type="application/rss+xml" href="/tags/dystopia/index.xml" title="Congo" />
<link
type="text/css"
rel="stylesheet"
href="/css/main.bundle.min.17fc506b1c26b1bbc9a782ffffc510d9ecbfef39adb801fd6c673c614f713ffe.css"
integrity="sha256-F/xQaxwmsbvJp4L//8UQ2ey/7zmtuAH9bGc8YU9xP/4="
/>
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI&#43;&#43;D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Copy" data-copied="Copied"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta property="og:title" content="dystopia" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="/tags/dystopia/" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="dystopia"/>
<meta name="twitter:description" content=""/>
<meta name="author" content="Marcel Ventosa" />
<link href="mailto:marcel@vegancambodia.com" rel="me" />
<link href="https://vegancambodia.com" rel="me" />
</head>
<body
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
>
<div id="the-top" class="absolute flex self-center">
<a
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
href="#main-content"
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">&darr;</span
>Skip to main content</a
>
</div>
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
<nav class="flex items-start justify-between sm:items-center">
<div class="flex flex-row items-center">
<a href="/" class="mr-2">
<img
src="/img/mv-logo.png"
width="79"
height="37"
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left"
alt="Congo"
loading="lazy"
/>
</a>
</div>
<ul class="flex list-none flex-col ltr:text-right rtl:text-left sm:flex-row">
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/about/"
title=""
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>About</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/archives/"
title="Archives"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Archives</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/categories/"
title="Categories"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Categories</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/tags/"
title="Tags"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Tags</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<button
id="search-button-1"
title="Search (/)"
>
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
><span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span></span><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
></span
>
</button>
</li>
</ul>
</nav>
</header>
<div class="relative flex flex-col grow">
<main id="main-content" class="grow">
<header>
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">dystopia</h1>
</header>
<section>
<section>
<h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
2023
</h2>
<hr class="border-dotted w-36 border-neutral-400" />
<article class="mt-6 flex max-w-prose flex-row">
<div>
<h3 class="flex items-center text-xl font-semibold">
<a
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/archives/2023-07-01/"
>On technology</a
>
</h3>
<div class="text-sm text-neutral-500 dark:text-neutral-400">
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-07-01 00:00:00 &#43;0000 UTC">1 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>736 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
</div>
</div>
<div class="prose py-1 dark:prose-invert">
Fingerprinting as fashion. On enabling useless and potentially harmful technology for the sake of looking cool.
</div>
</div>
</article>
</section>
</section>
</main><footer class="py-10 print:hidden">
<div class="flex items-center justify-between">
<div>
<p class="text-sm text-neutral-500 dark:text-neutral-400">
Attribution 4.0 International (CC BY 4.0)
</p>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
</p>
</div>
</div>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
<a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.chenla-agathos.com/marcel/personal-blog" target="_blank" rel="noopener noreferrer">Source code</a>
</p>
</footer>
<div
id="search-wrapper"
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
data-url=""
>
<div
id="search-modal"
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
>
<header class="relative z-10 flex items-center justify-between flex-none px-2">
<form class="flex items-center flex-auto min-w-0">
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span>
</div>
<input
type="search"
id="search-query"
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
placeholder="Search"
tabindex="0"
/>
</form>
<button
id="close-search-button"
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
title="Close (Esc)"
>
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
</span>
</button>
</header>
<section class="flex-auto px-2 overflow-auto">
<ul id="search-results">
</ul>
</section>
</div>
</div>
</div>
</body>
</html>

21
public/blog/tags/dystopia/index.xml 100644
View File

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>dystopia on Congo</title>
<link>/tags/dystopia/</link>
<description>Recent content in dystopia on Congo</description>
<generator>Hugo -- gohugo.io</generator>
<language>en</language>
<copyright>Attribution 4.0 International (CC BY 4.0)</copyright>
<lastBuildDate>Sat, 01 Jul 2023 00:00:00 +0000</lastBuildDate><atom:link href="/tags/dystopia/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>On technology</title>
<link>/archives/2023-07-01/</link>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
<guid>/archives/2023-07-01/</guid>
<description>Fingerprinting as fashion. On enabling useless and potentially harmful technology for the sake of looking cool.</description>
</item>
</channel>
</rss>

10
public/blog/tags/dystopia/page/1/index.html 100644
View File

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>/tags/dystopia/</title>
<link rel="canonical" href="/tags/dystopia/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=/tags/dystopia/">
</head>
</html>

364
public/blog/tags/index.html 100644
View File

@ -0,0 +1,364 @@
<!DOCTYPE html>
<html
lang="en"
dir="ltr"
class="scroll-smooth"
data-default-appearance="light"
data-auto-appearance="true"
><head>
<meta charset="utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="rgb(255,255,255)" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Tags &middot; Congo</title>
<meta name="title" content="Tags &middot; Congo" />
<meta name="description" content="" />
<link rel="canonical" href="/tags/" />
<link rel="alternate" type="application/rss+xml" href="/tags/index.xml" title="Congo" />
<link
type="text/css"
rel="stylesheet"
href="/css/main.bundle.min.17fc506b1c26b1bbc9a782ffffc510d9ecbfef39adb801fd6c673c614f713ffe.css"
integrity="sha256-F/xQaxwmsbvJp4L//8UQ2ey/7zmtuAH9bGc8YU9xP/4="
/>
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI&#43;&#43;D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Copy" data-copied="Copied"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta property="og:title" content="Tags" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="/tags/" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Tags"/>
<meta name="twitter:description" content=""/>
<meta name="author" content="Marcel Ventosa" />
<link href="mailto:marcel@vegancambodia.com" rel="me" />
<link href="https://vegancambodia.com" rel="me" />
</head>
<body
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
>
<div id="the-top" class="absolute flex self-center">
<a
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
href="#main-content"
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">&darr;</span
>Skip to main content</a
>
</div>
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
<nav class="flex items-start justify-between sm:items-center">
<div class="flex flex-row items-center">
<a href="/" class="mr-2">
<img
src="/img/mv-logo.png"
width="79"
height="37"
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left"
alt="Congo"
loading="lazy"
/>
</a>
</div>
<ul class="flex list-none flex-col ltr:text-right rtl:text-left sm:flex-row">
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/about/"
title=""
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>About</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/archives/"
title="Archives"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Archives</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/categories/"
title="Categories"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Categories</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/tags/"
title="Tags"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Tags</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<button
id="search-button-1"
title="Search (/)"
>
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
><span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span></span><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
></span
>
</button>
</li>
</ul>
</nav>
</header>
<div class="relative flex flex-col grow">
<main id="main-content" class="grow">
<header>
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">Tags</h1>
</header>
<section class="flex flex-wrap -mx-2 overflow-hidden">
<article class="w-full px-2 my-3 overflow-hidden sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/5">
<h2 class="flex items-center">
<a
class="text-xl font-medium decoration-primary-500 hover:underline hover:underline-offset-2"
href="/tags/dystopia/"
>dystopia</a
>
<span class="px-2 text-base text-primary-500">&middot;</span>
<span class="text-base text-neutral-400">
1
</span>
</h2>
</article>
<article class="w-full px-2 my-3 overflow-hidden sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/5">
<h2 class="flex items-center">
<a
class="text-xl font-medium decoration-primary-500 hover:underline hover:underline-offset-2"
href="/tags/technology/"
>technology</a
>
<span class="px-2 text-base text-primary-500">&middot;</span>
<span class="text-base text-neutral-400">
1
</span>
</h2>
</article>
</section>
</main><footer class="py-10 print:hidden">
<div class="flex items-center justify-between">
<div>
<p class="text-sm text-neutral-500 dark:text-neutral-400">
Attribution 4.0 International (CC BY 4.0)
</p>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
</p>
</div>
</div>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
<a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.chenla-agathos.com/marcel/personal-blog" target="_blank" rel="noopener noreferrer">Source code</a>
</p>
</footer>
<div
id="search-wrapper"
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
data-url=""
>
<div
id="search-modal"
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
>
<header class="relative z-10 flex items-center justify-between flex-none px-2">
<form class="flex items-center flex-auto min-w-0">
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span>
</div>
<input
type="search"
id="search-query"
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
placeholder="Search"
tabindex="0"
/>
</form>
<button
id="close-search-button"
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
title="Close (Esc)"
>
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
</span>
</button>
</header>
<section class="flex-auto px-2 overflow-auto">
<ul id="search-results">
</ul>
</section>
</div>
</div>
</div>
</body>
</html>

30
public/blog/tags/index.xml 100644
View File

@ -0,0 +1,30 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Tags on Congo</title>
<link>/tags/</link>
<description>Recent content in Tags on Congo</description>
<generator>Hugo -- gohugo.io</generator>
<language>en</language>
<copyright>Attribution 4.0 International (CC BY 4.0)</copyright>
<lastBuildDate>Sat, 01 Jul 2023 00:00:00 +0000</lastBuildDate><atom:link href="/tags/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>dystopia</title>
<link>/tags/dystopia/</link>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
<guid>/tags/dystopia/</guid>
<description></description>
</item>
<item>
<title>technology</title>
<link>/tags/technology/</link>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
<guid>/tags/technology/</guid>
<description></description>
</item>
</channel>
</rss>

412
public/blog/tags/technology/index.html 100644
View File

@ -0,0 +1,412 @@
<!DOCTYPE html>
<html
lang="en"
dir="ltr"
class="scroll-smooth"
data-default-appearance="light"
data-auto-appearance="true"
><head>
<meta charset="utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="rgb(255,255,255)" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>technology &middot; Congo</title>
<meta name="title" content="technology &middot; Congo" />
<meta name="description" content="" />
<link rel="canonical" href="/tags/technology/" />
<link rel="alternate" type="application/rss+xml" href="/tags/technology/index.xml" title="Congo" />
<link
type="text/css"
rel="stylesheet"
href="/css/main.bundle.min.17fc506b1c26b1bbc9a782ffffc510d9ecbfef39adb801fd6c673c614f713ffe.css"
integrity="sha256-F/xQaxwmsbvJp4L//8UQ2ey/7zmtuAH9bGc8YU9xP/4="
/>
<script type="text/javascript" src="/js/appearance.min.022d0ebc3b46a335eb1c7ef79b7f2de143d7cd5156d433638592ef1ce5f8554e.js" integrity="sha256-Ai0OvDtGozXrHH73m38t4UPXzVFW1DNjhZLvHOX4VU4="></script>
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.75206d23ef83f4908b2bdd2317bf6ddff399e9173a16fff5451c40b8e857cfa8.js" integrity="sha256-dSBtI&#43;&#43;D9JCLK90jF79t3/OZ6Rc6Fv/1RRxAuOhXz6g=" data-copy="Copy" data-copied="Copied"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta property="og:title" content="technology" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="/tags/technology/" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="technology"/>
<meta name="twitter:description" content=""/>
<meta name="author" content="Marcel Ventosa" />
<link href="mailto:marcel@vegancambodia.com" rel="me" />
<link href="https://vegancambodia.com" rel="me" />
</head>
<body
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
>
<div id="the-top" class="absolute flex self-center">
<a
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
href="#main-content"
><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">&darr;</span
>Skip to main content</a
>
</div>
<header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
<nav class="flex items-start justify-between sm:items-center">
<div class="flex flex-row items-center">
<a href="/" class="mr-2">
<img
src="/img/mv-logo.png"
width="79"
height="37"
class="max-h-[10rem] max-w-[10rem] object-scale-down object-left"
alt="Congo"
loading="lazy"
/>
</a>
</div>
<ul class="flex list-none flex-col ltr:text-right rtl:text-left sm:flex-row">
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/about/"
title=""
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>About</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/archives/"
title="Archives"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Archives</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/categories/"
title="Categories"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Categories</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<a
href="/tags/"
title="Tags"
><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
>Tags</span
>
</a
>
</li>
<li class="group mb-1 sm:mb-0 sm:me-7 sm:last:me-0.5">
<button
id="search-button-1"
title="Search (/)"
>
<span
class="group-dark:hover:text-primary-400 transition-colors group-hover:text-primary-600"
><span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span></span><span
class="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"
></span
>
</button>
</li>
</ul>
</nav>
</header>
<div class="relative flex flex-col grow">
<main id="main-content" class="grow">
<header>
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">technology</h1>
</header>
<section>
<section>
<h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
2023
</h2>
<hr class="border-dotted w-36 border-neutral-400" />
<article class="mt-6 flex max-w-prose flex-row">
<div>
<h3 class="flex items-center text-xl font-semibold">
<a
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/archives/2023-07-01/"
>On technology</a
>
</h3>
<div class="text-sm text-neutral-500 dark:text-neutral-400">
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-07-01 00:00:00 &#43;0000 UTC">1 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>736 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
</div>
</div>
<div class="prose py-1 dark:prose-invert">
Fingerprinting as fashion. On enabling useless and potentially harmful technology for the sake of looking cool.
</div>
</div>
</article>
</section>
</section>
</main><footer class="py-10 print:hidden">
<div class="flex items-center justify-between">
<div>
<p class="text-sm text-neutral-500 dark:text-neutral-400">
Attribution 4.0 International (CC BY 4.0)
</p>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
</p>
</div>
</div>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
<a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.chenla-agathos.com/marcel/personal-blog" target="_blank" rel="noopener noreferrer">Source code</a>
</p>
</footer>
<div
id="search-wrapper"
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
data-url=""
>
<div
id="search-modal"
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
>
<header class="relative z-10 flex items-center justify-between flex-none px-2">
<form class="flex items-center flex-auto min-w-0">
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
<span class="relative inline-block align-text-bottom px-1 icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span>
</div>
<input
type="search"
id="search-query"
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
placeholder="Search"
tabindex="0"
/>
</form>
<button
id="close-search-button"
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
title="Close (Esc)"
>
<span class="relative inline-block align-text-bottom px-1 icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
</span>
</button>
</header>
<section class="flex-auto px-2 overflow-auto">
<ul id="search-results">
</ul>
</section>
</div>
</div>
</div>
</body>
</html>

21
public/blog/tags/technology/index.xml 100644
View File

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>technology on Congo</title>
<link>/tags/technology/</link>
<description>Recent content in technology on Congo</description>
<generator>Hugo -- gohugo.io</generator>
<language>en</language>
<copyright>Attribution 4.0 International (CC BY 4.0)</copyright>
<lastBuildDate>Sat, 01 Jul 2023 00:00:00 +0000</lastBuildDate><atom:link href="/tags/technology/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>On technology</title>
<link>/archives/2023-07-01/</link>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
<guid>/archives/2023-07-01/</guid>
<description>Fingerprinting as fashion. On enabling useless and potentially harmful technology for the sake of looking cool.</description>
</item>
</channel>
</rss>

10
public/blog/tags/technology/page/1/index.html 100644
View File

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>/tags/technology/</title>
<link rel="canonical" href="/tags/technology/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=/tags/technology/">
</head>
</html>

2
public/categories/index.html
View File

@ -262,7 +262,7 @@
<span class="px-2 text-base text-primary-500">&middot;</span>
<span class="text-base text-neutral-400">
1
2
</span>
</h2>

4
public/categories/index.xml
View File

@ -7,11 +7,11 @@
<generator>Hugo -- gohugo.io</generator>
<language>en</language>
<copyright>Attribution 4.0 International (CC BY 4.0)</copyright>
<lastBuildDate>Sat, 01 Jul 2023 00:00:00 +0000</lastBuildDate><atom:link href="/categories/index.xml" rel="self" type="application/rss+xml" />
<lastBuildDate>Sun, 02 Jul 2023 00:00:00 +0700</lastBuildDate><atom:link href="/categories/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Technology</title>
<link>/categories/technology/</link>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
<pubDate>Sun, 02 Jul 2023 00:00:00 +0700</pubDate>
<guid>/categories/technology/</guid>
<description></description>

68
public/categories/technology/index.html
View File

@ -264,6 +264,72 @@
<div>
<h3 class="flex items-center text-xl font-semibold">
<a
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/archives/2023-07-02/2023-07-02/"
>A life-changing conversation</a
>
</h3>
<div class="text-sm text-neutral-500 dark:text-neutral-400">
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-07-02 00:00:00 &#43;0700 &#43;07">2 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>655 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
</div>
</div>
<div class="prose py-1 dark:prose-invert">
One of the reasons I became vegan, and dinner at a new vegan restaurant in town.
</div>
</div>
</article>
<article class="mt-6 flex max-w-prose flex-row">
<div>
<h3 class="flex items-center text-xl font-semibold">
<a
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/archives/2023-07-01/"
@ -305,7 +371,7 @@
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-07-01 00:00:00 &#43;0000 UTC">1 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>736 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
<time datetime="2023-07-01 00:00:00 &#43;0700 &#43;07">1 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>737 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>

13
public/categories/technology/index.xml
View File

@ -7,11 +7,20 @@
<generator>Hugo -- gohugo.io</generator>
<language>en</language>
<copyright>Attribution 4.0 International (CC BY 4.0)</copyright>
<lastBuildDate>Sat, 01 Jul 2023 00:00:00 +0000</lastBuildDate><atom:link href="/categories/technology/index.xml" rel="self" type="application/rss+xml" />
<lastBuildDate>Sun, 02 Jul 2023 00:00:00 +0700</lastBuildDate><atom:link href="/categories/technology/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>A life-changing conversation</title>
<link>/archives/2023-07-02/2023-07-02/</link>
<pubDate>Sun, 02 Jul 2023 00:00:00 +0700</pubDate>
<guid>/archives/2023-07-02/2023-07-02/</guid>
<description>One of the reasons I became vegan, and dinner at a new vegan restaurant in town.</description>
</item>
<item>
<title>On technology</title>
<link>/archives/2023-07-01/</link>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0700</pubDate>
<guid>/archives/2023-07-01/</guid>
<description>Fingerprinting as fashion. On enabling useless and potentially harmful technology for the sake of looking cool.</description>

70
public/index.html
View File

@ -274,6 +274,72 @@
<h2 class="mt-8 text-2xl font-extrabold">Recent</h2>
<article class="mt-6 flex max-w-prose flex-row">
<div>
<h3 class="flex items-center text-xl font-semibold">
<a
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/archives/2023-07-02/2023-07-02/"
>A life-changing conversation</a
>
</h3>
<div class="text-sm text-neutral-500 dark:text-neutral-400">
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-07-02 00:00:00 &#43;0700 &#43;07">2 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>655 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
</div>
</div>
<div class="prose py-1 dark:prose-invert">
One of the reasons I became vegan, and dinner at a new vegan restaurant in town.
</div>
</div>
</article>
<article class="mt-6 flex max-w-prose flex-row">
<div>
<h3 class="flex items-center text-xl font-semibold">
@ -319,7 +385,7 @@
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-07-01 00:00:00 &#43;0000 UTC">1 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>736 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
<time datetime="2023-07-01 00:00:00 &#43;0700 &#43;07">1 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>737 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
@ -385,7 +451,7 @@
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-06-30 00:00:00 &#43;0000 UTC">30 June 2023</time><span class="px-2 text-primary-500">&middot;</span><span>80 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">1 min</span>
<time datetime="2023-06-30 00:00:00 &#43;0700 &#43;07">30 June 2023</time><span class="px-2 text-primary-500">&middot;</span><span>80 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">1 min</span>

2
public/index.json
View File

File diff suppressed because one or more lines are too long

15
public/index.xml
View File

@ -7,11 +7,20 @@
<generator>Hugo -- gohugo.io</generator>
<language>en</language>
<copyright>Attribution 4.0 International (CC BY 4.0)</copyright>
<lastBuildDate>Sat, 01 Jul 2023 00:00:00 +0000</lastBuildDate><atom:link href="/index.xml" rel="self" type="application/rss+xml" />
<lastBuildDate>Sun, 02 Jul 2023 00:00:00 +0700</lastBuildDate><atom:link href="/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>A life-changing conversation</title>
<link>/archives/2023-07-02/2023-07-02/</link>
<pubDate>Sun, 02 Jul 2023 00:00:00 +0700</pubDate>
<guid>/archives/2023-07-02/2023-07-02/</guid>
<description>One of the reasons I became vegan, and dinner at a new vegan restaurant in town.</description>
</item>
<item>
<title>On technology</title>
<link>/archives/2023-07-01/</link>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0700</pubDate>
<guid>/archives/2023-07-01/</guid>
<description>Fingerprinting as fashion. On enabling useless and potentially harmful technology for the sake of looking cool.</description>
@ -20,7 +29,7 @@
<item>
<title>My First Blog Post</title>
<link>/archives/2023-06-30/2023-06-30/</link>
<pubDate>Fri, 30 Jun 2023 00:00:00 +0000</pubDate>
<pubDate>Fri, 30 Jun 2023 00:00:00 +0700</pubDate>
<guid>/archives/2023-06-30/2023-06-30/</guid>
<description>Why I am starting this blog.</description>

27
public/sitemap.xml
View File

@ -5,14 +5,21 @@
<url>
<loc>/</loc>
<lastmod>2023-07-01T00:00:00+00:00</lastmod>
<lastmod>2023-07-02T00:00:00+07:00</lastmod>
</url>
<url>
<loc>/archives/2023-07-02/2023-07-02/</loc>
<lastmod>2023-07-02T00:00:00+07:00</lastmod>
</url>
<url>
<loc>/archives/</loc>
<lastmod>2023-07-01T00:00:00+00:00</lastmod>
<lastmod>2023-07-02T00:00:00+07:00</lastmod>
</url>
@ -21,22 +28,22 @@
<url>
<loc>/archives/2023-07-01/</loc>
<lastmod>2023-07-01T00:00:00+00:00</lastmod>
<lastmod>2023-07-01T00:00:00+07:00</lastmod>
</url>
<url>
<loc>/archives/2023-06-30/2023-06-30/</loc>
<lastmod>2023-06-30T00:00:00+00:00</lastmod>
<lastmod>2023-06-30T00:00:00+07:00</lastmod>
</url>

68
public/tags/dystopia/index.html
View File

@ -264,6 +264,72 @@
<div>
<h3 class="flex items-center text-xl font-semibold">
<a
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/archives/2023-07-02/2023-07-02/"
>A life-changing conversation</a
>
</h3>
<div class="text-sm text-neutral-500 dark:text-neutral-400">
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-07-02 00:00:00 &#43;0700 &#43;07">2 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>655 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
</div>
</div>
<div class="prose py-1 dark:prose-invert">
One of the reasons I became vegan, and dinner at a new vegan restaurant in town.
</div>
</div>
</article>
<article class="mt-6 flex max-w-prose flex-row">
<div>
<h3 class="flex items-center text-xl font-semibold">
<a
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/archives/2023-07-01/"
@ -305,7 +371,7 @@
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-07-01 00:00:00 &#43;0000 UTC">1 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>736 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
<time datetime="2023-07-01 00:00:00 &#43;0700 &#43;07">1 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>737 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>

13
public/tags/dystopia/index.xml
View File

@ -7,11 +7,20 @@
<generator>Hugo -- gohugo.io</generator>
<language>en</language>
<copyright>Attribution 4.0 International (CC BY 4.0)</copyright>
<lastBuildDate>Sat, 01 Jul 2023 00:00:00 +0000</lastBuildDate><atom:link href="/tags/dystopia/index.xml" rel="self" type="application/rss+xml" />
<lastBuildDate>Sun, 02 Jul 2023 00:00:00 +0700</lastBuildDate><atom:link href="/tags/dystopia/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>A life-changing conversation</title>
<link>/archives/2023-07-02/2023-07-02/</link>
<pubDate>Sun, 02 Jul 2023 00:00:00 +0700</pubDate>
<guid>/archives/2023-07-02/2023-07-02/</guid>
<description>One of the reasons I became vegan, and dinner at a new vegan restaurant in town.</description>
</item>
<item>
<title>On technology</title>
<link>/archives/2023-07-01/</link>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0700</pubDate>
<guid>/archives/2023-07-01/</guid>
<description>Fingerprinting as fashion. On enabling useless and potentially harmful technology for the sake of looking cool.</description>

4
public/tags/index.html
View File

@ -262,7 +262,7 @@
<span class="px-2 text-base text-primary-500">&middot;</span>
<span class="text-base text-neutral-400">
1
2
</span>
</h2>
@ -278,7 +278,7 @@
<span class="px-2 text-base text-primary-500">&middot;</span>
<span class="text-base text-neutral-400">
1
2
</span>
</h2>

6
public/tags/index.xml
View File

@ -7,11 +7,11 @@
<generator>Hugo -- gohugo.io</generator>
<language>en</language>
<copyright>Attribution 4.0 International (CC BY 4.0)</copyright>
<lastBuildDate>Sat, 01 Jul 2023 00:00:00 +0000</lastBuildDate><atom:link href="/tags/index.xml" rel="self" type="application/rss+xml" />
<lastBuildDate>Sun, 02 Jul 2023 00:00:00 +0700</lastBuildDate><atom:link href="/tags/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>dystopia</title>
<link>/tags/dystopia/</link>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
<pubDate>Sun, 02 Jul 2023 00:00:00 +0700</pubDate>
<guid>/tags/dystopia/</guid>
<description></description>
@ -20,7 +20,7 @@
<item>
<title>technology</title>
<link>/tags/technology/</link>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
<pubDate>Sun, 02 Jul 2023 00:00:00 +0700</pubDate>
<guid>/tags/technology/</guid>
<description></description>

68
public/tags/technology/index.html
View File

@ -264,6 +264,72 @@
<div>
<h3 class="flex items-center text-xl font-semibold">
<a
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/archives/2023-07-02/2023-07-02/"
>A life-changing conversation</a
>
</h3>
<div class="text-sm text-neutral-500 dark:text-neutral-400">
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-07-02 00:00:00 &#43;0700 &#43;07">2 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>655 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
</div>
</div>
<div class="prose py-1 dark:prose-invert">
One of the reasons I became vegan, and dinner at a new vegan restaurant in town.
</div>
</div>
</article>
<article class="mt-6 flex max-w-prose flex-row">
<div>
<h3 class="flex items-center text-xl font-semibold">
<a
class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/archives/2023-07-01/"
@ -305,7 +371,7 @@
<div class="flex flex-row flex-wrap items-center">
<time datetime="2023-07-01 00:00:00 &#43;0000 UTC">1 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>736 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>
<time datetime="2023-07-01 00:00:00 &#43;0700 &#43;07">1 July 2023</time><span class="px-2 text-primary-500">&middot;</span><span>737 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">4 mins</span>

13
public/tags/technology/index.xml
View File

@ -7,11 +7,20 @@
<generator>Hugo -- gohugo.io</generator>
<language>en</language>
<copyright>Attribution 4.0 International (CC BY 4.0)</copyright>
<lastBuildDate>Sat, 01 Jul 2023 00:00:00 +0000</lastBuildDate><atom:link href="/tags/technology/index.xml" rel="self" type="application/rss+xml" />
<lastBuildDate>Sun, 02 Jul 2023 00:00:00 +0700</lastBuildDate><atom:link href="/tags/technology/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>A life-changing conversation</title>
<link>/archives/2023-07-02/2023-07-02/</link>
<pubDate>Sun, 02 Jul 2023 00:00:00 +0700</pubDate>
<guid>/archives/2023-07-02/2023-07-02/</guid>
<description>One of the reasons I became vegan, and dinner at a new vegan restaurant in town.</description>
</item>
<item>
<title>On technology</title>
<link>/archives/2023-07-01/</link>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0000</pubDate>
<pubDate>Sat, 01 Jul 2023 00:00:00 +0700</pubDate>
<guid>/archives/2023-07-01/</guid>
<description>Fingerprinting as fashion. On enabling useless and potentially harmful technology for the sake of looking cool.</description>