taxonomies (categories, tags, year/month/slug), syntax.css und Blog (posts).
This commit is contained in:
Franz Klotsche
@@ -4,15 +4,17 @@ date: 2025-11-01T21:52:55+01:00
|
||||
keywords: WWW Was Wie Warum
|
||||
description: Eine Lern-Website mit der ich zeigen will, woran ich im IT-Sektor gearbeitet habe.
|
||||
---
|
||||
|
||||
## Einführung
|
||||
Das soll irgendwann mal eine ordentliche Portfolio Seite werden.
|
||||
|
||||
Anfangs wird es hier Folgendes zu finden sein:
|
||||
Anfangs wird hier Folgendes zu finden sein:
|
||||
|
||||
### Persönliche Vorstellung
|
||||
Wie es mir ergangen ist, wo ich jetzt stehe und wo ich mich in einigen Jahren sehe.
|
||||
|
||||
### Projekte
|
||||
Gitea, Linkace und ein Blog
|
||||
Gitea, Linkace und ein (zweiter früherer) Blog (extern)
|
||||
|
||||
### Mein Lebenslauf
|
||||
Tabelarisch mit Kontaktformular?
|
||||
6
content/categories/_index.md
Normal file
6
content/categories/_index.md
Normal file
@@ -0,0 +1,6 @@
|
||||
---
|
||||
title: "Kategorien"
|
||||
draft: false
|
||||
---
|
||||
|
||||
Blog Posts und Projekte haben Kategorien. In dieser Übersicht erkennt man noch nicht den Unterschied.
|
||||
@@ -7,15 +7,15 @@ description: Kontaktieren Sie mich direkt, wenn ich online bin, oder hinterlasse
|
||||
---
|
||||
|
||||
Ich möchte `Dino` ausprobieren. Ich habe den Klienten auf *macports* gefunden. Es gibt folgende Abhängigkeiten:
|
||||
~~~
|
||||
```bash
|
||||
---> Dependencies to be installed: cairo pango gdk-pixbuf2 glib2 gpgme graphene gstreamer1 gstreamer1-gst-plugins-base gtk4 libadwaita libgee libnice libsoup libsrtp libpixman fontconfig freetype xrender xorg-libXext xorg-xcb-util xorg-libX11 xorg-xorgproto xorg-libXdmcp xorg-libXau xorg-libxcb xorg-xcb-proto fribidi harfbuzz Xft2 graphite2 gobject-introspection py313-mako py313-markdown py313-markupsafe shared-mime-info libjpeg-turbo tiff macports-libcxx coreutils lerc libdeflate libelf bison flex m4 bison-runtime orc mesa xorg-libXv libtheora xorg-libXdamage xorg-libXrandr xorg-libXfixes hicolor-icon-theme iso-codes libepoxy librsvg libxkbcommon-x11 xorg-libXcursor xorg-libXinerama xorg-libXi vala graphviz gd2 gts libtool webp libLASi xorg-libXaw urw-fonts libheif xpm aom dav1d libde265 openh264 openjpeg svt-av1 x265 kvazaar lcms2 jbigkit xorg-libXt xorg-libsm xorg-libice libnetpbm giflib xorg-libXmu libxkbcommon xkeyboard-config xkbcomp xorg-libxkbfile appstream docbook-xml docbook-xsl-nons libstemmer libxmlb xmlcatmgr docbook-xml-4.1.2 docbook-xml-4.2 docbook-xml-4.3 docbook-xml-4.4 docbook-xml-4.5 docbook-xml-5.0 gupnp-igd gupnp gssdp glib-networking libsoup-2.4 gsettings-desktop-schemas libproxy libpcap
|
||||
~~~
|
||||
```
|
||||
|
||||
Leider muss *shared-mime-info-2.4_0.darwin_11.x86_64* aus den Quellen gebaut werden (es gibt keinen binairen Download `install -b`).
|
||||
|
||||
### Hinweise
|
||||
|
||||
~~~
|
||||
```bash
|
||||
---> Some of the ports you installed have notes:
|
||||
coreutils has the following notes:
|
||||
The tools provided by GNU coreutils are prefixed with the character 'g' by default to distinguish them from the BSD commands.
|
||||
@@ -27,4 +27,4 @@ If you want to use the GNU tools by default, add this directory to the front of
|
||||
To enable a newer libc++, use a recent compiler and the legacysupport 1.1 PortGroup:
|
||||
|
||||
legacysupport.use_mp_libcxx yes
|
||||
~~~
|
||||
```
|
||||
48
content/posts/first-post.md
Normal file
48
content/posts/first-post.md
Normal file
@@ -0,0 +1,48 @@
|
||||
---
|
||||
title: "CSS Zen garden"
|
||||
date: 2025-11-19T11:25:05+01:00
|
||||
draft: false
|
||||
author: Franz Klotsche
|
||||
disableComments: true
|
||||
year: 2025
|
||||
month: 2025/11
|
||||
categories:
|
||||
- Personal
|
||||
- Thoughts
|
||||
tags:
|
||||
- Zen
|
||||
- CSS
|
||||
keywords:
|
||||
- beginning
|
||||
---
|
||||
|
||||
It's not intended to change the HTML as Dave Shea - the author of the book - mentioned in the code of this template. I may change some shapes and colors into others by practising Zen and add some hyperlinks to new pages with a similiar design (by reusing the CSS).
|
||||
|
||||
<!--more-->
|
||||
|
||||
I am grateful to Mister Lohman to share his work with me, so I respect this wish. I have no idea, yet, what habits are good, when designing for the web. I guess it's about the play between the space it takes and creates.
|
||||
|
||||
### As R. Magritte said ...
|
||||
This is not about the DOM but something ... something about a transcendually-immersive experience without losing one's-self in the WWW - this may sound like time-wasting nonsense ; which it is, too, but even that has got some space in this play. There are enough rules as it is and speaking for myself, in terms of growing-up, Zen helps more that it doesn't.
|
||||
|
||||
Sincerely calling it enlightenment or waste precious time by talking nonsense in irony, is just one example of a spektrum. Everyone is invited to discover more as long as it helps more than it doesn't (also known as the lesser evil).
|
||||
|
||||
### Make a wish
|
||||
I agree to have some fun and take risks but are you be prepared to live with the consequences? A French philosoher felt alive by thinking (at this very moment) however nobody is able to grasp what is eternal: emotions. In this sense it's much too simple to live by nature vs. nurture. This is no How-To control one's own anxiety. Is that even possible for a blink of an eye?
|
||||
|
||||
We tend to focus on programming the web too aggressive and the screen becomes like a tunnel. Increasing this focus leads us to more tunnels but what for? I wish not to amuse myself to death but don't want to overthink it, either.
|
||||
|
||||
### Spectral conversions
|
||||
Perception can be discussed but everyone got his own taste about what a conflict is. In Zen I would like to try to avoid it, which is a conflict in itself. I want to believe and achieve one step at a time. What matters and how is it to be done, is for everyone or each of us different except when it is not, at the same time.
|
||||
|
||||
Being careful means being a step behind but also having no feelings of regret, don't you agree? Finding sense can be done in contemplation but it changes itself, if one tries to get a hold of it. Switching electricity from off to on, back and forth forever is what semi-conductor transistors are invented for. What has happened at the moment the system stopped doing what I want it to do? It's only almost like blindness or deafness and starting to feel numb and I realise I'm about to risk again something for the better or the worse. Zen or whatever life means to you is in-between and around the whole since we lock ourself up in buildings and lost connection to our eternal feelings.
|
||||
|
||||
### Tools
|
||||
There is a lot going on behind the scenes and a tool on its own isn't useful until someone makes use of it even if one has very little knowledge of it. Mouse and keyboard are called peripheral tools but offer means to interact with other toolsets and interfaces eventually enabling me to write this sentence. For how long is it going to continue like that even if it is used for something useless as long as it is fun to do?
|
||||
|
||||
Some laws are deeply ingrained and sustain themselves without us realising. I learned in webdesign-theory form-follows-function is one of them but why or when? Question is, do I really want to find out or am I more apt to use other tools? I guess without realising, I might have been using the shell more than average. If I overdo it, my sight will eventually be too bad to continue and then the fun is over. Zen helps me in this case and after that, too.
|
||||
|
||||
### Finito
|
||||
As such the glass is half full but only because I need to go to the tap or the shop to get a new bottle, to the closet, get my more or less well-earned (night-time) rest and etc, etc. In Zen there is no finish line just the same - as long as I keep breathing until nobody keeps remembering me. It is 2025-10-28 and has been 07:15 pm (UTC / GMT Offset +2:00 hours during Central European Summer Time, currently in use). The next line is give or take a little later.
|
||||
|
||||
Are you still reading, feel free to make it worth your while. This is no so called disclaimer: some hyperlinks do not work!
|
||||
39
content/posts/tribut.md
Normal file
39
content/posts/tribut.md
Normal file
@@ -0,0 +1,39 @@
|
||||
---
|
||||
title: "Tribute Von"
|
||||
date: 2025-11-19T16:16:30+01:00
|
||||
year: "2025"
|
||||
month: "2025/11"
|
||||
draft: false
|
||||
image: /images/tribute.png
|
||||
alt_text: "Bucheinbandausschnitt"
|
||||
author: Franz Klotsche
|
||||
disableComments: true
|
||||
categories:
|
||||
- Programmierbuch
|
||||
- Website
|
||||
tags:
|
||||
- gohugo
|
||||
- static html
|
||||
---
|
||||
### Bücher
|
||||
Das Buch was den Anfang dieser Website ermöglicht hat heißt:
|
||||
|
||||
> Build Websites with Hugo - Fast Web Development with Markdown
|
||||
|
||||
geschrieben von Brian P. Hogan und editiert von Tammy Coron aus dem Jahr 2020.
|
||||
|
||||
#### You Turn
|
||||
Am Ende eines jeden Kapitels bekommt man Aufgaben. Am Ende des Kapitels *Displaying Related Content* wird die Gewichtung von zum Beispiel *keywords* angeschnitten. Die erste Aufgabe, eine Liste der Tags in /layouts/_default/tags.html zu erstellen, verstand ich nicht ganz da tag.terms.html schon existiert.
|
||||
> iterate over all of the tags for the site with .Data.Terms. This will give you access to the number of content pages associated with each tag[^1]
|
||||
* Aufgabe 2 ebenfalls nicht was gemeint wird mit
|
||||
> individual category pages[^1]
|
||||
* Aufgabe 3 war einfach zu realisieren mit `{{ if isset .Params "image" }}` und den zugehörigen *front matter*.
|
||||
* Aufgabe 4 erachte ich für nicht dringend, da ich nicht soviele Projekte (mehr als 10) gleichzeitig erstellt habe (auch nicht vor habe).
|
||||
|
||||
* und Aufgabe 5 wird in `themes/mytheme/layouts/index.html` erledigt und fand ich zunächst nicht (erwartete die Definition in `baseof.html`).
|
||||
|
||||
Das nächste Kapitel behandelt die **Suche**.
|
||||
|
||||
|
||||
|
||||
[^1]: Seite 133 (Build Websites with Hugo, Brian P. Hogan)
|
||||
23
content/posts/twentytwentyfive.md
Normal file
23
content/posts/twentytwentyfive.md
Normal file
@@ -0,0 +1,23 @@
|
||||
---
|
||||
title: "Twentytwentyfive"
|
||||
date: 2025-11-19T16:18:50+01:00
|
||||
year: "2025"
|
||||
month: "2025/11"
|
||||
draft: false
|
||||
author: Franz Klotsche
|
||||
disableComments: true
|
||||
categories:
|
||||
- Personal
|
||||
- Thoughts
|
||||
tags:
|
||||
- software
|
||||
- html
|
||||
keywords:
|
||||
- beginning
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
|
||||
<!--more-->
|
||||
|
||||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
22
content/projects/commenting.md
Normal file
22
content/projects/commenting.md
Normal file
@@ -0,0 +1,22 @@
|
||||
---
|
||||
title: "Kommentar-Funktion mit hugo"
|
||||
draft: false
|
||||
date: 2025-11-20T18:22:50+01:00
|
||||
image: /images/gate.png
|
||||
alt_text: "Commenting screenshot"
|
||||
summary: "Hugo ist ein static site generator und kann durch *CORS* von einer externen Domäne trotzdem interaktiv sein."
|
||||
tags:
|
||||
- commenting
|
||||
tech_used:
|
||||
- Javascript
|
||||
keywords:
|
||||
- beginning
|
||||
---
|
||||
> Hintergründe zur Technologie {{< abbr "CORS" "Cross-Origin Resource Sharing" >}} sind mir noch nicht ganz klar.
|
||||
|
||||
### giscus
|
||||
Funktioniert und wurde implementiert im Blog aber ist bis auf Weiteres deaktiviert.
|
||||
|
||||
### remark42
|
||||
Das Formular wird geladen aber Verschicken eines Kommentars schlägt fehl.
|
||||
Wird im `head-partial` geladen, macht Probleme in de lokalen Entwicklung und entfernten Docker auf railway.com.
|
||||
@@ -1,14 +1,15 @@
|
||||
---
|
||||
title: "Gitea"
|
||||
draft: false
|
||||
keywords: Versionsverwaltung selfhost VPS
|
||||
date: 2025-11-14T18:22:50+01:00
|
||||
description: Gitea ist OpenSource und nicht schwer einzurichten.
|
||||
image: //placehold.co/640x150
|
||||
image: /images/gitea_heatmap.png
|
||||
alt_text: "Git selfhosted"
|
||||
summary: "Dateiversionsverwaltung mit `git` und der Weboberfläche von Gitea **(DIY)**: Der Quellcode dieser Website kann eingesehen werden unter der *branch* **Portfolio** - [“sumup”](https://git.effeff.cloud/FranzR/sumup/src/branch/portfolio/)"
|
||||
tech_used:
|
||||
- OCI = Oracle VPS
|
||||
- Ubuntu + Bash
|
||||
keywords: Versionsverwaltung selfhost VPS
|
||||
---
|
||||
|
||||
Description of maintaining a Gitea instance...
|
||||
Experimentieren mit der GiteaAPI. Zum Beispiel die heatmap laden.
|
||||
@@ -1,16 +1,30 @@
|
||||
---
|
||||
title: "Linkace"
|
||||
title: "LinkAce"
|
||||
draft: false
|
||||
keywords: bookmarking selfhost (non-)docker
|
||||
date: 2025-11-16T18:22:50+01:00
|
||||
description: Linkace ist ein Projekt von Woblick.dev
|
||||
image: //placehold.co/640x150
|
||||
alt_text: "Selfhosting Linkace"
|
||||
summary: "Lesezeichendienst in eigener Verwaltung **(DIY)**:
|
||||
Es gibt eine [Öffentliche Linkliste](https://linkace.effeff.cloud/guest/links) und Registrierung ist möglich aber Passwortwiederherstellung per E-Mail geht nicht."
|
||||
categories:
|
||||
- outsource
|
||||
- selfhost
|
||||
tech_used:
|
||||
- OCI = Oracle VPS
|
||||
- Ubuntu + Bash
|
||||
- PHP / Laravel
|
||||
keywords: bookmarking selfhost (non-)docker
|
||||
summary: "Lesezeichendienst in eigener Verwaltung **(DIY)**:
|
||||
Es gibt eine [Öffentliche Linkliste](https://linkace.effeff.cloud/guest/links) und Registrierung ist möglich aber Passwortwiederherstellung per E-Mail geht nicht."
|
||||
---
|
||||
|
||||
Description of maintaining a Linkace instance...
|
||||
Ein Lesezeichen ist dafür gedacht um später wieder dort weiterlesen zu können, wo man aufgehört hatte. Nun verwendete ich Linkace zum Abschpeichern von Links, bei denen ich *dachte, dass ich sie nocheinmal brauchen könnte* **an einem zentralen Ort**. Zuvor verwendete ich die Browser-Erweiterung **floccus**, wobei neben der Datei in der Cloud auch in jedem Browser die Lesezeichen abgespeichert wurden. Wegen der erhöten Redundanz (durch die Synchronisierung) entschied ich mich dagegen.
|
||||
|
||||
### Archiv
|
||||
Der Nachteil ist der zusätzliche Schritt zum Auffrufen eines Lesezeichens, der mit floccus behoben wurde (Integration im Browser oder der Anroid App). Wieder davor verwendete ich **pinboard** ([pinboard.in](https://pinboard.in/)). Die jeweiligen Links versuchte ich vergebens zum neuen Anbieter zu übertragen, weshalb ich nun mit mehreren (zum größten Teil in Vergessenheit geratenen) Verzeichnissen zu tun habe.
|
||||
|
||||
Dazu kommen noch Lesezeichen, die nicht mit Hilfe eines Web/Cloud-Dienstes nur auf dem jeweiligen Handy (Smartphone), Laptop oder sonstigem Gerät, sondern nur lokal abgespeichert wurden.
|
||||
|
||||
### Browser-Verlauf
|
||||
Es wäre ein interessantes *Feature* wenn Lesezeichen aufgrund der verwendeten Häufigkeit als wichtig eingestuft würden und dann nur die 15-20 wichtigsten in die meist benutzten Browser importiert (synchronisiert) werden. Alle anderen, die sonst wieder {{< abbr "Overhead" "Anderes Wort für Redundanz, oder nicht?" >}} verursachen würden, wandern ins Archiv und werden nicht synchronisiert.
|
||||
|
||||
### LinkAce API Reference
|
||||
LinkAce bietet eine API, die dies unterstützen sollte:
|
||||
https://api-docs.linkace.org/
|
||||
|
||||
6
content/tags/_index.md
Normal file
6
content/tags/_index.md
Normal file
@@ -0,0 +1,6 @@
|
||||
---
|
||||
title: "Tags"
|
||||
draft: false
|
||||
---
|
||||
|
||||
Später könnte es sein ich will eine Tag-CLOUD mit Hugo machen. Auf dieser Website werden folgende *Tags* verwendet:
|
||||
Reference in New Issue
Block a user