Add untracked directories
After Width: | Height: | Size: 21 KiB |
After Width: | Height: | Size: 30 KiB |
After Width: | Height: | Size: 2.7 KiB |
|
@ -0,0 +1,14 @@
|
|||
# -- Site Configuration --
|
||||
# Refer to the theme docs for more details about each of these parameters.
|
||||
# https://jpanther.github.io/congo/docs/getting-started/
|
||||
|
||||
theme = "congo"
|
||||
# baseURL = ""
|
||||
defaultContentLanguage = "en"
|
||||
|
||||
enableRobotsTXT = true
|
||||
paginate = 10
|
||||
summaryLength = 0
|
||||
|
||||
[outputs]
|
||||
home = ["HTML", "RSS", "JSON"]
|
|
@ -0,0 +1,65 @@
|
|||
languageCode = "en"
|
||||
languageName = "English"
|
||||
weight = 1
|
||||
|
||||
title = "Congo"
|
||||
copyright = "Attribution 4.0 International (CC BY 4.0)"
|
||||
|
||||
[params]
|
||||
isoCode = "en"
|
||||
displayName = "EN"
|
||||
rtl = false
|
||||
|
||||
dateFormat = "2 January 2006"
|
||||
|
||||
# mainSections = ["section1", "section2"]
|
||||
# description = "My awesome website"
|
||||
|
||||
[author]
|
||||
name = "Marcel Ventosa"
|
||||
image = "img/me.jpg"
|
||||
# headline = "I'm only human"
|
||||
# bio = "A little bit about you"
|
||||
links = [
|
||||
{ email = "mailto:marcel@vegancambodia.com" },
|
||||
{ link = "https://vegancambodia.com" },
|
||||
# { amazon = "https://www.amazon.com/hz/wishlist/ls/wishlist-id" },
|
||||
# { apple = "https://www.apple.com" },
|
||||
# { blogger = "https://username.blogspot.com/" },
|
||||
# { codepen = "https://codepen.io/username" },
|
||||
# { dev = "https://dev.to/username" },
|
||||
# { discord = "https://discord.gg/invitecode" },
|
||||
# { dribbble = "https://dribbble.com/username" },
|
||||
# { facebook = "https://facebook.com/username" },
|
||||
# { flickr = "https://www.flickr.com/photos/username/" },
|
||||
# { foursquare = "https://foursquare.com/username" },
|
||||
# { github = "https://github.com/username" },
|
||||
# { gitlab = "https://gitlab.com/username" },
|
||||
# { google = "https://www.google.com/" },
|
||||
# { hashnode = "https://username.hashnode.dev" },
|
||||
# { instagram = "https://instagram.com/username" },
|
||||
# { keybase = "https://keybase.io/username" },
|
||||
# { kickstarter = "https://www.kickstarter.com/profile/username" },
|
||||
# { lastfm = "https://lastfm.com/user/username" },
|
||||
# { linkedin = "https://linkedin.com/in/username" },
|
||||
# { mastodon = "https://mastodon.instance/@username" },
|
||||
# { medium = "https://medium.com/username" },
|
||||
# { microsoft = "https://www.microsoft.com/" },
|
||||
# { orcid = "https://orcid.org/userid" },
|
||||
# { patreon = "https://www.patreon.com/username" },
|
||||
# { pinterest = "https://pinterest.com/username" },
|
||||
# { reddit = "https://reddit.com/user/username" },
|
||||
# { researchgate = "https://www.researchgate.net/profile/username" },
|
||||
# { slack = "https://workspace.url/team/userid" },
|
||||
# { snapchat = "https://snapchat.com/add/username" },
|
||||
# { soundcloud = "https://soundcloud.com/username" },
|
||||
# { stack-overflow = "https://stackoverflow.com/users/userid/username" },
|
||||
# { steam = "https://steamcommunity.com/profiles/userid" },
|
||||
# { telegram = "https://t.me/username" },
|
||||
# { tiktok = "https://tiktok.com/@username" },
|
||||
# { tumblr = "https://username.tumblr.com" },
|
||||
# { twitch = "https://twitch.tv/username" },
|
||||
# { twitter = "https://twitter.com/username" },
|
||||
# { whatsapp = "https://wa.me/phone-number" },
|
||||
# { youtube = "https://youtube.com/username" },
|
||||
]
|
|
@ -0,0 +1,13 @@
|
|||
# -- Markup --
|
||||
# These settings are required for the theme to function.
|
||||
|
||||
[goldmark]
|
||||
[goldmark.renderer]
|
||||
unsafe = true
|
||||
|
||||
[highlight]
|
||||
noClasses = false
|
||||
|
||||
[tableOfContents]
|
||||
startLevel = 2
|
||||
endLevel = 4
|
|
@ -0,0 +1,46 @@
|
|||
# -- Main Menu --
|
||||
# The main menu is displayed in the header at the top of the page.
|
||||
# Acceptable parameters are name, pageRef, page, url, title, weight.
|
||||
#
|
||||
# The simplest menu configuration is to provide:
|
||||
# name = The name to be displayed for this menu link
|
||||
# pageRef = The identifier of the page or section to link to
|
||||
#
|
||||
# By default the menu is ordered alphabetically. This can be
|
||||
# overridden by providing a weight value. The menu will then be
|
||||
# ordered by weight from lowest to highest.
|
||||
|
||||
[[main]]
|
||||
name = "About"
|
||||
pageRef = "about"
|
||||
weight = 10
|
||||
|
||||
[[main]]
|
||||
name = "Archives"
|
||||
pageRef = "archives"
|
||||
weight = 15
|
||||
|
||||
[[main]]
|
||||
name = "Categories"
|
||||
pageRef = "categories"
|
||||
weight = 20
|
||||
|
||||
[[main]]
|
||||
name = "Tags"
|
||||
pageRef = "tags"
|
||||
weight = 30
|
||||
|
||||
[[main]]
|
||||
identifier = "search"
|
||||
weight = 99
|
||||
[main.params]
|
||||
action = "search"
|
||||
|
||||
# -- Footer Menu --
|
||||
# The footer menu is displayed at the bottom of the page, just before
|
||||
# the copyright notice. Configure as per the main menu above.
|
||||
|
||||
# [[footer]]
|
||||
# name = "Tags"
|
||||
# pageRef = "tags"
|
||||
# weight = 10
|
|
@ -0,0 +1,3 @@
|
|||
[hugoVersion]
|
||||
extended = false
|
||||
min = "0.87.0"
|
|
@ -0,0 +1,77 @@
|
|||
# -- Theme Options --
|
||||
# These options control how the theme functions and allow you to
|
||||
# customise the display of your website.
|
||||
#
|
||||
# Refer to the theme docs for more details about each of these parameters.
|
||||
# https://jpanther.github.io/congo/docs/configuration/#theme-parameters
|
||||
|
||||
colorScheme = "ocean"
|
||||
defaultAppearance = "light" # valid options: light or dark
|
||||
autoSwitchAppearance = true
|
||||
|
||||
enableSearch = true
|
||||
enableCodeCopy = true
|
||||
enableImageLazyLoading = true
|
||||
|
||||
# robots = ""
|
||||
fingerprintAlgorithm = "sha256"
|
||||
|
||||
[header]
|
||||
layout = "basic" # valid options: basic, hamburger, hybrid, custom
|
||||
logo = "img/mv-logo.png"
|
||||
# logoDark = "img/dark-logo.jpg"
|
||||
showTitle = false
|
||||
|
||||
[footer]
|
||||
showCopyright = true
|
||||
showThemeAttribution = true
|
||||
showAppearanceSwitcher = false
|
||||
showScrollToTop = true
|
||||
|
||||
[homepage]
|
||||
layout = "page" # valid options: page, profile, custom
|
||||
showRecent = true
|
||||
recentLimit = 50
|
||||
|
||||
[article]
|
||||
showDate = true
|
||||
showDateUpdated = false
|
||||
showAuthor = false
|
||||
showBreadcrumbs = false
|
||||
showDraftLabel = true
|
||||
showEdit = false
|
||||
# editURL = "https://github.com/username/repo/"
|
||||
editAppendPath = true
|
||||
showHeadingAnchors = true
|
||||
showPagination = true
|
||||
invertPagination = false
|
||||
showReadingTime = true
|
||||
showTableOfContents = false
|
||||
showTaxonomies = false
|
||||
showWordCount = true
|
||||
showComments = false
|
||||
# sharingLinks = ["facebook", "twitter", "mastodon", "pinterest", "reddit", "linkedin", "email"]
|
||||
|
||||
[list]
|
||||
showBreadcrumbs = false
|
||||
showSummary = true
|
||||
showTableOfContents = false
|
||||
showTaxonomies = false
|
||||
groupByYear = true
|
||||
paginationWidth = 1
|
||||
|
||||
[sitemap]
|
||||
excludedKinds = ["taxonomy", "term"]
|
||||
|
||||
[taxonomy]
|
||||
showTermCount = true
|
||||
|
||||
[fathomAnalytics]
|
||||
# site = "ABC12345"
|
||||
# domain = "llama.yoursite.com"
|
||||
|
||||
[verification]
|
||||
# google = ""
|
||||
# bing = ""
|
||||
# pinterest = ""
|
||||
# yandex = ""
|
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
# title: "~mve"
|
||||
description: "Marcel Ventosa's personal blog"
|
||||
cascade:
|
||||
showReadingTime: true
|
||||
---
|
||||
# A space for thoughts.
|
|
@ -0,0 +1,13 @@
|
|||
---
|
||||
# title: "About me"
|
||||
description: "Marcel Ventosa's personal blog"
|
||||
---
|
||||
# About me
|
||||
</br>
|
||||
<img class="right" src="marcel.jpg">
|
||||
|
||||
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.
|
||||
|
||||
I like traveling and have previously lived in Mexico, the US, Argentina, and Thailand.
|
||||
|
||||
I enjoy (think, read about, use or practice) in no particular order: yoga, Emacs, veganism, tinkering, geopolitics, education, and Free Software.
|
After Width: | Height: | Size: 20 KiB |
|
@ -0,0 +1,17 @@
|
|||
---
|
||||
title: "My First Blog Post"
|
||||
date: 2023-06-30
|
||||
description: ""
|
||||
summary: "Why I am starting this blog."
|
||||
---
|
||||
|
||||
![Sign at parking lot translated from Khmer to English as Exist](../exist.jpg)
|
||||
|
||||
|
||||
A couple of months ago, I stumbled on [Jack Baty](https://baty.net)'s blog, added it to [Elfeed](https://github.com/skeeto/elfeed/), and started reading his daily updates. After a few weeks, I was looking forward to reading them every morning.
|
||||
|
||||
Being a digital recluse, I'm still a bit skeptical of my capacity to enjoy sharing tidbits of my life openly online, but what the heck, I'll give it a shot.
|
||||
|
||||
A shout-out to Jack for unwittingly coaxing me out of the shell.
|
||||
|
||||
Let the experiment begin!
|
After Width: | Height: | Size: 21 KiB |
|
@ -0,0 +1,25 @@
|
|||
---
|
||||
title: "On technology"
|
||||
date: 2023-07-01
|
||||
description: "On enabling useless and potentially harmful technology for the sake of looking cool."
|
||||
summary: "Fingerprinting as fashion. On enabling useless and potentially harmful technology for the sake of looking cool."
|
||||
tags: ["technology", "dystopia"]
|
||||
categories: ["Technology"]
|
||||
---
|
||||
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.
|
||||
|
||||
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.
|
||||
|
||||
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."
|
||||
|
||||
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?
|
||||
|
||||
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.
|
||||
|
||||
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 "The Big Boss."
|
||||
|
||||
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.
|
||||
|
||||
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.
|
|
@ -0,0 +1,3 @@
|
|||
<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>
|
|
@ -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 · Congo</title>
|
||||
<meta name="title" content="404 Page not found · 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++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">↓</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> & <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>
|
|
@ -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> · Congo</title>
|
||||
<meta name="title" content=" · Congo" />
|
||||
|
||||
<meta name="description" content="Marcel Ventosa'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++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'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'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">↓</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> & <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>
|
|
@ -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>
|
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 40 KiB |
After Width: | Height: | Size: 9.3 KiB |
|
@ -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 · Congo</title>
|
||||
<meta name="title" content="My First Blog Post · 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++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">↓</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 +0000 UTC">30 June 2023</time><span class="px-2 text-primary-500">·</span><span>80 words</span><span class="px-2 text-primary-500">·</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>’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’m still a bit skeptical of my capacity to enjoy sharing tidbits of my life openly online, but what the heck, I’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 +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">→</span
|
||||
><span class="ltr:hidden rtl:inline">←</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> & <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>
|
After Width: | Height: | Size: 21 KiB |
|
@ -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 · Congo</title>
|
||||
<meta name="title" content="On technology · Congo" />
|
||||
|
||||
<meta name="description" content="On enabling useless and potentially harmful technology for the sake of looking cool." />
|
||||