Add first blog post

This commit is contained in:
this.ven 2024-04-01 12:38:57 +02:00
parent 08fc78c6c2
commit b45b7c00fc
6 changed files with 155 additions and 2 deletions

View file

@ -3,3 +3,10 @@ title: 'Blog'
date: 2024-01-01T19:41:42+01:00
draft: true
---
<div style="text-align: center; margin-top: 1em;">
{{< hextra/hero-badge link="index.xml" >}}
<span>RSS Feed</span>
{{< icon name="rss" attributes="height=16" >}}
{{< /hextra/hero-badge >}}
</div>

View file

@ -0,0 +1,128 @@
---
title: 'Taking off, nailing down'
date: 2024-04-01T10:58:34+02:00
draft: true
authors:
- name: this.ven
link: /about/
image: /images/profile.jpg
tags:
- Hugo
- Infrastructure
- Relaunch
- Website
---
Hi! If you wonder why my website looks different, this article is about why.
<!--more-->
If you already know about the background of this site you may want to jump to
the section [Know why, know what, know how](#know-why-know-what-know-how).
## The history of this site
Since I started the this.ven project in the fall of 2017 and created the website
in the following year, the purpose of these pages and the services I am running
has changed.
### Taking off with Tor on a netbook
In the beginning, I just wanted to share my music
([drafts](/music/drafts/)) and some of the details related to it. For this
reason, an old netbook with a 700 MHz single-core CPU, 512 MB RAM and 4 GB SSD
running Debian 9 (Stretch)[^1] has been sufficient to serve static HTML files
via an Apache 2 webserver over the Tor[^2] network. To connect the site to the
clearnet[^3] I resorted to a proxy together with a link shortener service. This
way the visitors could access my onion site by navigating to a clearnet address.
{{< figure src="img/netbook-kernel-panic.jpg" alt="Netbook Kernel panic"
caption="The last screen (kernel panic) of the netbook in Oktober 2022" >}}
Though this solution induces that visitors had to trust the free proxy service
since the end-to-end encrypted (E2EE) Tor traffic is terminated at the exit node
(before the proxy node), at that time I didn't have enough resources for another
option. Additionally, I didn't want to register at a service, share my personal
data, such as the place of residence and phone number, due to the legislation in
my country.
### Migration to Uberspace
However, as the need for E2EE instant messaging (IM) became more urgent, and I
was looking for options to run other web applications without being dependend on
Tor I gave Uberspace a try. I migrated the website files and extended it in the
following years. I used a Prosody[^4] server for IM with my family and friends,
and registered a domain in order to setup DNS records against my concerns. I
setup and tried out many other services for blogging, collaborative writing,
file sharing, instant messaging, streaming, and audio- and videoconferencing.
After some time I learned that there's a high price to convert fellow people for
Internet politics and digital rights this way. I cancelled the domain and most
services. Unfortunately, some friends didn't manage or didn't want to switch to
another protocol ([Matrix](/docs/infrastructure/matrix/)) and fell back to SMS.
### A more private Uberspace
As of 2019 the Uberspace evolved into a more private resource to allow myself to
be more independent from GAFAM, which I---kind of---celebrated in November 2020
when I organized to do a live [miniconcert](/music/live/streaming-miniconcert/)
using a [streaming setup](/docs/infrastructure/icecast/streaming-setup/) backed
by Icecast. However, I still wanted to share my experiences and knowledge to
support other people on their way to digital sovereignty[^5]. I started a wiki
using DokuWiki[^6] documenting my [infrastructure](/docs/infrastructure).
{{< figure src="img/larven-wiki.png" alt="lar.ven wiki"
caption="Startpage of the discontinued lar.ven wiki" >}}
In addition to instructions on how I tweak my services at Uberspace to achieve
more security and privacy I also wrote articles about setting up a Tor relay
with the netbook that was providing the onion site before and VoidLinux[^7] as a
more lightweight OS until the hardware finally died. It was replaced by a
Raspberry Pi 3 A+, but due the lack of a wired NIC I switched to a Snowflake
proxy[^8] very soon. If you want to support the Tor network, donate to the
project and have a look at the:
{{< cards >}}
{{< card icon="link" title="Browser Snowflake proxy"
link="https://community.torproject.org/relay/setup/snowflake/browser" >}}
{{< /cards >}}
### Site building overhaul, handy features, and a new design
At the end of 2023 I reconsidered my infrastructure and website content. If the
intent is to share my music and knowledge together, there is no reason to
separate the contents. Furthermore, I was getting tired of manually maintaining
the static HTML files. I browsed the [Uberlab](https://lab.uberspace.de/) guides
to find a content management system that has already been proven to work. A few
of my requirements were to write Markdown files and a Git repository for version
control and site building automation.
## Know why, know what, know how
[Hugo](/docs/website/hugo/) is what I have found to be a sufficient solution to
address the aforementioned needs. I migrated the content of the former site[^9]
and added new documentation on [graphics](/docs/graphics/) design, for exmaple,
while I was recreating the color scheme, logo, and profile image. This way I can
share my experiences and knowledge together with the music I am able to create
absolutely independently through the people contributing to software freedom.
{{< cards >}}
{{< card link="/about/" image="/images/profile.jpg" title="this.ven"
subtitle="FLOSS musician, tinkerer, and privacy advocate" >}}
{{< /cards >}}
In the next months I will focus on my music projects, further document how I am
approaching in the [docs](/docs/), and keep you updated via this blog.
Stay tuned. {{< icon "hand-metal" >}}
[^1]: [Debian Stretch](https://www.debian.org/releases/stretch/) release page
[^2]: [Tor Project](https://www.torproject.org/) website
[^3]: [Clearnet (networking)](https://en.wikipedia.org/wiki/Clearnet_(networking))
in the Wikipedia
[^4]: [Prosody](https://prosody.im/) website
[^5]: [Open Standards](https://fsfe.org/freesoftware/standards/index.en.html)
background page of the Free Software Foundation Europe (FSFE)
[^6]: [DokuWiki](https://www.dokuwiki.org/) website
[^7]: [VoidLinux](https://voidlinux.org/) website
[^8]: [Snowflake](https://snowflake.torproject.org/) project page
[^9]: [Former website](https://web.archive.org/web/20240111215640if_/https://this.ven.uber.space/)
in the Internet Archive wayback machine

BIN
content/blog/taking-off-nailing-down/img/larven-wiki.png (Stored with Git LFS) Normal file

Binary file not shown.

Binary file not shown.

View file

@ -28,4 +28,7 @@ creative-commons-nc: <svg xmlns="http://www.w3.org/2000/svg" width="1em" height=
creative-commons-nd: <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.975.5C24.837.5 31.5 7.381 31.5 16c0 9.194-7.406 15.5-15.525 15.5C7.6 31.5.5 24.656.5 16C.5 7.694 7.044.5 15.975.5m.05 2.794C8.638 3.294 3.294 9.413 3.294 16c0 6.863 5.7 12.675 12.731 12.675c6.45 0 12.675-5.069 12.675-12.675c.006-7.113-5.637-12.706-12.675-12.706m5.875 9.019v2.656H10.632v-2.656zm0 4.987v2.656H10.632V17.3z"/></svg>
# Source: https://icon-sets.iconify.design/cib/matrix/
matrix: <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M.844.735v30.531h2.197v.735H0v-32h3.041v.735zm9.391 9.677v1.547h.041a4.445 4.445 0 0 1 1.489-1.371c.579-.323 1.251-.484 2-.484c.719 0 1.38.141 1.975.417c.599.281 1.047.776 1.359 1.479c.339-.5.803-.943 1.38-1.323c.579-.38 1.267-.573 2.063-.573a5.94 5.94 0 0 1 1.677.224c.521.145.959.38 1.328.703c.365.329.651.751.86 1.272c.203.52.307 1.151.307 1.891v7.635h-3.129v-6.468a11.6 11.6 0 0 0-.048-1.084a2.26 2.26 0 0 0-.239-.88a1.41 1.41 0 0 0-.584-.593c-.255-.152-.609-.224-1.047-.224c-.443 0-.797.083-1.068.249a1.875 1.875 0 0 0-.64.667a2.602 2.602 0 0 0-.308.927a8.042 8.042 0 0 0-.083 1.048v6.359h-3.131v-6.401c0-.339-.005-.672-.025-1a2.633 2.633 0 0 0-.193-.916a1.343 1.343 0 0 0-.552-.672c-.255-.167-.636-.255-1.136-.255c-.151 0-.348.031-.588.099c-.24.067-.479.192-.703.375a2.24 2.24 0 0 0-.589.797c-.161.343-.239.796-.239 1.359v6.62H7.281V10.415zm20.921 20.853V.734h-2.197v-.735H32v32h-3.041v-.735z"/></svg>
matrix: <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M.844.735v30.531h2.197v.735H0v-32h3.041v.735zm9.391 9.677v1.547h.041a4.445 4.445 0 0 1 1.489-1.371c.579-.323 1.251-.484 2-.484c.719 0 1.38.141 1.975.417c.599.281 1.047.776 1.359 1.479c.339-.5.803-.943 1.38-1.323c.579-.38 1.267-.573 2.063-.573a5.94 5.94 0 0 1 1.677.224c.521.145.959.38 1.328.703c.365.329.651.751.86 1.272c.203.52.307 1.151.307 1.891v7.635h-3.129v-6.468a11.6 11.6 0 0 0-.048-1.084a2.26 2.26 0 0 0-.239-.88a1.41 1.41 0 0 0-.584-.593c-.255-.152-.609-.224-1.047-.224c-.443 0-.797.083-1.068.249a1.875 1.875 0 0 0-.64.667a2.602 2.602 0 0 0-.308.927a8.042 8.042 0 0 0-.083 1.048v6.359h-3.131v-6.401c0-.339-.005-.672-.025-1a2.633 2.633 0 0 0-.193-.916a1.343 1.343 0 0 0-.552-.672c-.255-.167-.636-.255-1.136-.255c-.151 0-.348.031-.588.099c-.24.067-.479.192-.703.375a2.24 2.24 0 0 0-.589.797c-.161.343-.239.796-.239 1.359v6.62H7.281V10.415zm20.921 20.853V.734h-2.197v-.735H32v32h-3.041v-.735z"/></svg>
# Source: https://icon-sets.iconify.design/lucide/hand-metal/
hand-metal: <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M18 12.5V10a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v1.4m0-.4V9a2 2 0 1 0-4 0v2m0-.5V5a2 2 0 1 0-4 0v9"/><path d="m7 15l-1.76-1.76a2 2 0 0 0-2.83 2.82l3.6 3.6C7.5 21.14 9.2 22 12 22h2a8 8 0 0 0 8-8V7a2 2 0 1 0-4 0v5"/></g></svg>

View file

@ -3,6 +3,13 @@ languageCode: en-us
title: this.ven
theme: hextra
enableGitInfo: true
outputs:
home: [HTML]
page: [HTML]
section: [HTML, RSS]
params:
description: FLOSS musician, tinkerer and privacy advocate
displayUpdatedDate: true
@ -74,4 +81,6 @@ menu:
markup:
goldmark:
renderer:
unsafe: true
unsafe: true
titleCaseStyle: firstupper