placeholder in front matter, social media links, open source from github

This commit is contained in:
Franz Klotsche
2025-11-16 18:50:41 +01:00
parent 610f30eadf
commit 1c9e04e308
42 changed files with 1105 additions and 67 deletions

View File

@@ -2,11 +2,10 @@
title: "{{ replace .Name "-" " " | title }}" title: "{{ replace .Name "-" " " | title }}"
draft: false draft: false
Tags: ["minimum vialable product"] Tags: ["minimum vialable product"]
tech_used:
- JavaScript
- CSS
- HTML
--- ---
![alt](//via.placeholder.com/640x150) Description of the {{ replace .Name "-" " " | title }} presentation...
### Tech used
* item
* item
* item

View File

@@ -1,14 +1,13 @@
--- ---
title: "{{ replace .Name "-" " " | title }}" title: "{{ replace .Name "-" " " | title }}"
draft: false draft: false
image: //placehold.co/640x150
alt_text: "{{ replace .Name "-" " " | title }} screenshot"
summary: "Summary of the {{ replace .Name "-" " " | title }} project"
tech_used:
- JavaScript
- CSS
- HTML
--- ---
![alt](//via.placeholder.com/640x150) Description of the {{ replace .Name "-" " " | title }} project...
Description...
### Tech used
* item
* item
* item

View File

@@ -1,5 +1,5 @@
baseURL = 'http://example.org/' baseURL = 'https://kurrrioo.neocities.org/'
languageCode = 'en-US' languageCode = 'de'
title = 'Fransz Portfolio' title = 'Fransz Portfolio'
# Neocities API-key: 099381b32af21a9c2c68e81968081b26 # Neocities API-key: 099381b32af21a9c2c68e81968081b26
theme = 'Basic' theme = 'Basic'
@@ -7,6 +7,8 @@ theme = 'Basic'
[params] [params]
author = 'Franz Klotsche' author = 'Franz Klotsche'
description = 'Just another web-experiment' description = 'Just another web-experiment'
gh_url = 'https://api.github.com/users'
gh_user = 'kurrrioo'
# [module] # [module]
# [[module.imports]] # [[module.imports]]

View File

@@ -1,7 +1,7 @@
--- ---
title: "Welcome" title: "Willkommen"
date: 2025-11-01T21:52:55+01:00 date: 2025-11-01T21:52:55+01:00
description: "Landing page" description: Eine Lern-Website mit der ich zeigen will, woran ich im IT-Sektor gearbeitet habe.
--- ---
Das soll irgendwann mal eine ordentliche Portfolio Seite werden. Das soll irgendwann mal eine ordentliche Portfolio Seite werden.
@@ -10,8 +10,8 @@ Anfangs wird es hier Folgendes zu finden sein:
### Persönliche Vorstellung ### Persönliche Vorstellung
Wie es mir ergangen ist, wo ich jetzt stehe und wo ich mich in einigen Jahren sehe. Wie es mir ergangen ist, wo ich jetzt stehe und wo ich mich in einigen Jahren sehe.
### Andere Websites ### Projekte
gitea, linkace Gitea, Linkace und ein Blog
### Mein Lebenslauf ### Mein Lebenslauf
Tabelarisch mit Kontaktformular? Tabelarisch mit Kontaktformular?

View File

@@ -2,6 +2,7 @@
title: "About" title: "About"
date: 2025-11-02T21:34:47+01:00 date: 2025-11-02T21:34:47+01:00
draft: false draft: false
description: English language hallucinations.
--- ---
Hi. My name is Fransz, with a sharp ß. Hi. My name is Fransz, with a sharp ß.

View File

@@ -1,7 +1,9 @@
--- ---
title: "Contact" title: "Admin Kontakt"
date: 2025-11-02T21:52:55+01:00 date: 2025-11-02T21:52:55+01:00
draft: false draft: false
layout: contact
description: Kontaktieren Sie mich direkt, wenn ich online bin, oder hinterlassen Sie mir eine Nachricht.
--- ---
* Dino Ich möchte `Dino` ausprobieren.

10
content/opensource.md Normal file
View File

@@ -0,0 +1,10 @@
---
title: "Open Source"
date: 2025-11-16T18:22:50+01:00
draft: false
layout: opensource
summary: "Mein Nutzerkonto der offiziellen GitHub Seite - gelistet werden öffentliche Sammlungen über api.github.com/user."
---
Ich nenne mich *kurrrioo* auf GitHub:

View File

@@ -1,8 +1,8 @@
--- ---
title: "Presentations" title: "Presentations"
draft: false draft: false
description: Vorüberlegungen in Form von technischen Konzepten und Skizzen.
ambition: Infographics using SVG (Adobe Illustrator, Inkscape) and/or animations using Processing and Adobe After Effects.
--- ---
![alt](//via.placeholder.com/640x150) Gallery
Infographics using SVG (Adobe Illustrator, Inkscape) and/or animations using Processing and Adobe After Effects.

View File

@@ -1,6 +1,8 @@
--- ---
title: "Projects" title: "Projekte"
draft: false draft: false
description: Eine Liste mit Projekten, die ich in meiner Freizeit als DevOp oder eher öfter als einfacher Anwender, unterhalte.
--- ---
**DIY:** Auf einem Oracle Virtual Private Server habe ich Ubuntu Noble mit Nginx laufen. Zurzeit befinden sich dort zwei aktive (produktive) Webdienste.
Auf einem Oracle Virtual Private Server habe ich Ubuntu Noble mit Nginx laufen. Zurzeit befinden sich dort zwei aktive (produktive) Webdienste. Ein Blog mit ChyrpLite befindet sich auf einem managed Server von profreehost.

14
content/projects/chyrp.md Normal file
View File

@@ -0,0 +1,14 @@
---
title: "ChyrpLite Blog"
draft: false
description: Verschiedene Themen, die ich als Computerfreak anschneide - externe Seite.
image: //placehold.co/640x150
alt_text: "ChyrpLite screenshot"
summary: "Regeläßig bloggen ist gar nicht so leicht. Schaue vorbei auf [statusnet.liveblog](https://statusnet.liveblog365.com). Der Inhalt ist auf Englisch oder Niederländisch."
tech_used:
- JavaScript
- CSS
- HTML
---
Gehosted wird auf profreehost.com

View File

@@ -1,14 +1,12 @@
--- ---
title: "Gitea" title: "Gitea"
draft: false draft: false
image: //placehold.co/640x150
alt_text: "Git selfhosted"
summary: "Dateiverwaltung mit `git` und der Weboberfläche von Gitea **(DIY)**."
tech_used:
- OCI = Oracle VPS
- Ubuntu + Bash
--- ---
![alt](//via.placeholder.com/640x150) Description of maintaining a Gitea instance...
Description...
### Tech used
* item
* item
* item

View File

@@ -1,14 +1,13 @@
--- ---
title: "Linkace" title: "Linkace"
draft: false draft: false
image: //placehold.co/640x150
alt_text: "Selfhosting Linkace"
summary: "Lesezeichendienst in eigener Verwaltung **(DIY)**."
tech_used:
- OCI = Oracle VPS
- Ubuntu + Bash
- PHP / Laravel
--- ---
![alt](//via.placeholder.com/640x150) Description of maintaining a Linkace instance...
Description...
### Tech used
* item
* item
* item

View File

@@ -2,6 +2,7 @@
title: "Résumé" title: "Résumé"
date: 2025-11-02T21:49:23+01:00 date: 2025-11-02T21:49:23+01:00
draft: false draft: false
description: Mein Lebenslauf wie er ist, wie er sein sollte und wie ich ihn mir gewünscht hätte.
--- ---
curriculum vitae curriculum vitae

16
data/socialmedia.json Normal file
View File

@@ -0,0 +1,16 @@
{ "accounts" :
[
{
"name": "X",
"url": "https://x.com/mirror1089"
},
{
"name": "Tumblr",
"url": "https://www.tumblr.com/redesignart"
},
{
"name": "LinkedIn",
"url": "https://de.linkedin.com/in/franz-klotsche-84461858"
}
]
}

View File

@@ -0,0 +1,12 @@
{{ define "main" }}
<h2>{{ .Title }}</h2>
{{ .Content }}
<h3>Social Media</h3>
<ul>
{{ range .Site.Data.socialmedia.accounts }}
<li><a href="{{ .url }}">{{ .name }}</a></li>
{{ end }}
</ul>
{{ end }}

View File

@@ -0,0 +1,15 @@
{{ define "main" }}
<h2>{{ .Title }}</h2>
{{ .Content }}
{{ $url := printf "%s/%s/repos" .Site.Params.gh_url .Site.Params.gh_user }}
{{ $repos := getJSON $url }}
<section class="oss">
{{ range $repos }}
<article>
<h3><a href="{{ .html_url }}">{{ .name }}</a></h3>
<p>{{ .description }}</p>
</article>
{{ end }}
</section>
{{ end }}

40
public/about/index.html Normal file
View File

@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="author" content="Franz Klotsche">
<meta name="description" content="English language hallucinations.">
<link rel="stylesheet" href="/css/style.css">
<title>About - Fransz Portfolio</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TT2JW5ZYFZ');
</script><body>
<div class="container"><header>
<h1>Fransz Portfolio</h1>
</header><nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/projects">Projects</a>
<a href="/presentations">Presentations</a>
<a href="/resume">Résumé</a>
<a href="/contact">Contact</a>
</nav><main>
<h2>About</h2>
<p>Hi. My name is Fransz, with a sharp ß.</p>
</main><footer>
<small>Copyright 2025 Me.</small>
</footer></div>
</body>
</html>

View File

@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="author" content="Franz Klotsche">
<meta name="description" content="Just another web-experiment">
<link rel="stylesheet" href="/css/style.css">
<title>Fransz Portfolio</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TT2JW5ZYFZ');
</script><body>
<div class="container"><header>
<h1>Fransz Portfolio</h1>
</header><nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/projects">Projects</a>
<a href="/presentations">Presentations</a>
<a href="/resume">Résumé</a>
<a href="/contact">Contact</a>
</nav><main>
<h2>Categories</h2>
<section class="projects">
</section>
</main><footer>
<small>Copyright 2025 Me.</small>
</footer></div>
</body>
</html>

View File

@@ -0,0 +1,10 @@
<?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 Fransz Portfolio</title>
<link>https://kurrrioo.neocities.org/categories/</link>
<description>Recent content in Categories on Fransz Portfolio</description>
<generator>Hugo -- gohugo.io</generator>
<language>de</language><atom:link href="https://kurrrioo.neocities.org/categories/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

49
public/contact/index.html Normal file
View File

@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="author" content="Franz Klotsche">
<meta name="description" content="Kontaktieren Sie mich direkt, wenn ich online bin, oder hinterlassen Sie mir eine Nachricht.">
<link rel="stylesheet" href="/css/style.css">
<title>Admin Kontakt - Fransz Portfolio</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TT2JW5ZYFZ');
</script><body>
<div class="container"><header>
<h1>Fransz Portfolio</h1>
</header><nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/projects">Projects</a>
<a href="/presentations">Presentations</a>
<a href="/resume">Résumé</a>
<a href="/contact">Contact</a>
</nav><main>
<h2>Admin Kontakt</h2>
<p>Ich möchte <code>Dino</code> ausprobieren.</p>
<h3>Social Media</h3>
<ul>
<li><a href="https://x.com/mirror1089">X</a></li>
<li><a href="https://www.tumblr.com/redesignart">Tumblr</a></li>
<li><a href="https://de.linkedin.com/in/franz-klotsche-84461858">LinkedIn</a></li>
</ul>
</main><footer>
<small>Copyright 2025 Me.</small>
</footer></div>
</body>
</html>

45
public/css/style.css Normal file
View File

@@ -0,0 +1,45 @@
.container {
margin: 0 auto;
width: 80%;
}
nav, footer {
background-color: #333;
color: #fff;
text-align: center;
}
nav {
display: flex;
flex-direction: column;
}
nav > a {
flex: 1;
text-align: center;
text-decoration: none;
color: #fff;
}
@media only screen and (min-width: 768px) {
nav { flex-direction: row; }
}
.project-container { display: flex; }
.project-container .project-list { width: 20%; }
.project-container .project { flex: 1; }
/* might do the same with present(ation) */
.oss {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.oss article {
border: 1px solid #ddd;
box-shadow: 3px 3px 3px #ddd;
margin: 0.5%;
padding: 0.5%;
width: 30%;
}

50
public/index.html Normal file
View File

@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html><head>
<meta name="generator" content="Hugo 0.94.2" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="author" content="Franz Klotsche">
<meta name="description" content="Eine Lern-Website mit der ich zeigen will, woran ich im IT-Sektor gearbeitet habe.">
<link rel="stylesheet" href="/css/style.css">
<title>Fransz Portfolio</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TT2JW5ZYFZ');
</script><body>
<div class="container"><header>
<h1>Fransz Portfolio</h1>
</header><nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/projects">Projects</a>
<a href="/presentations">Presentations</a>
<a href="/resume">Résumé</a>
<a href="/contact">Contact</a>
</nav><main>
<p>Das soll irgendwann mal eine ordentliche Portfolio Seite werden.</p>
<p>Anfangs wird es hier Folgendes zu finden sein:</p>
<h3 id="persönliche-vorstellung">Persönliche Vorstellung</h3>
<p>Wie es mir ergangen ist, wo ich jetzt stehe und wo ich mich in einigen Jahren sehe.</p>
<h3 id="projekte">Projekte</h3>
<p>Gitea, Linkace und ein Blog</p>
<h3 id="mein-lebenslauf">Mein Lebenslauf</h3>
<p>Tabelarisch mit Kontaktformular?</p>
<h3>Projekt</h3>
<p>Das letzte Projekt was aktualisiert wurde:
<a href="/projects/linkace/">Linkace</a>
</p>
</main><footer>
<small>Copyright 2025 Me.</small>
</footer></div>
</body>
</html>

84
public/index.xml Normal file
View File

@@ -0,0 +1,84 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Willkommen on Fransz Portfolio</title>
<link>https://kurrrioo.neocities.org/</link>
<description>Recent content in Willkommen on Fransz Portfolio</description>
<generator>Hugo -- gohugo.io</generator>
<language>de</language>
<lastBuildDate>Sat, 01 Nov 2025 21:52:55 +0100</lastBuildDate><atom:link href="https://kurrrioo.neocities.org/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Open Source</title>
<link>https://kurrrioo.neocities.org/opensource/</link>
<pubDate>Sun, 16 Nov 2025 18:22:50 +0100</pubDate>
<guid>https://kurrrioo.neocities.org/opensource/</guid>
<description>Mein Nutzerkonto der offiziellen GitHub Seite - gelistet werden öffentliche Sammlungen über api.github.com/user.</description>
</item>
<item>
<title>Admin Kontakt</title>
<link>https://kurrrioo.neocities.org/contact/</link>
<pubDate>Sun, 02 Nov 2025 21:52:55 +0100</pubDate>
<guid>https://kurrrioo.neocities.org/contact/</guid>
<description>Ich möchte Dino ausprobieren.</description>
</item>
<item>
<title>Résumé</title>
<link>https://kurrrioo.neocities.org/resume/</link>
<pubDate>Sun, 02 Nov 2025 21:49:23 +0100</pubDate>
<guid>https://kurrrioo.neocities.org/resume/</guid>
<description>curriculum vitae</description>
</item>
<item>
<title>About</title>
<link>https://kurrrioo.neocities.org/about/</link>
<pubDate>Sun, 02 Nov 2025 21:34:47 +0100</pubDate>
<guid>https://kurrrioo.neocities.org/about/</guid>
<description>Hi. My name is Fransz, with a sharp ß.</description>
</item>
<item>
<title>Archive</title>
<link>https://kurrrioo.neocities.org/presentations/archive/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://kurrrioo.neocities.org/presentations/archive/</guid>
<description>Art and Technology 2011, in Twente Enschede: redesign art
Tech used item item item </description>
</item>
<item>
<title>ChyrpLite Blog</title>
<link>https://kurrrioo.neocities.org/projects/chyrp/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://kurrrioo.neocities.org/projects/chyrp/</guid>
<description>Regeläßig bloggen ist gar nicht so leicht. Schaue vorbei auf &lt;a href=&#34;https://statusnet.liveblog365.com&#34;&gt;statusnet.liveblog&lt;/a&gt;. Der Inhalt ist auf Englisch oder Niederländisch.</description>
</item>
<item>
<title>Gitea</title>
<link>https://kurrrioo.neocities.org/projects/gitea/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://kurrrioo.neocities.org/projects/gitea/</guid>
<description>Dateiverwaltung mit &lt;code&gt;git&lt;/code&gt; und der Weboberfläche von Gitea &lt;strong&gt;(DIY)&lt;/strong&gt;.</description>
</item>
<item>
<title>Linkace</title>
<link>https://kurrrioo.neocities.org/projects/linkace/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://kurrrioo.neocities.org/projects/linkace/</guid>
<description>Lesezeichendienst in eigener Verwaltung &lt;strong&gt;(DIY)&lt;/strong&gt;.</description>
</item>
</channel>
</rss>

View File

@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="author" content="Franz Klotsche">
<meta name="description" content="Just another web-experiment">
<link rel="stylesheet" href="/css/style.css">
<title>Open Source - Fransz Portfolio</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TT2JW5ZYFZ');
</script><body>
<div class="container"><header>
<h1>Fransz Portfolio</h1>
</header><nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/projects">Projects</a>
<a href="/presentations">Presentations</a>
<a href="/resume">Résumé</a>
<a href="/contact">Contact</a>
</nav><main>
<h2>Open Source</h2>
<p>Ich nenne mich <em>kurrrioo</em> auf GitHub:</p>
<section class="oss">
<article>
<h3><a href="https://github.com/kurrrioo/Getting-Started-With-ACPI">Getting-Started-With-ACPI</a></h3>
<p>Repo for Getting Started With ACPI</p>
</article>
<article>
<h3><a href="https://github.com/kurrrioo/junit-example">junit-example</a></h3>
<p>https://github.com/junit-team/junit4/wiki/Getting-started---Ant</p>
</article>
<article>
<h3><a href="https://github.com/kurrrioo/Termux-Udocker">Termux-Udocker</a></h3>
<p>Run Docker images in Termux via Udocker. No root, no qemu-VM, much faster.</p>
</article>
<article>
<h3><a href="https://github.com/kurrrioo/twentytwo">twentytwo</a></h3>
<p>testing website</p>
</article>
</section>
</main><footer>
<small>Copyright 2025 Me.</small>
</footer></div>
</body>
</html>

View File

@@ -0,0 +1,52 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="author" content="Franz Klotsche">
<meta name="description" content="Just another web-experiment">
<link rel="stylesheet" href="/css/style.css">
<title>Archive - Fransz Portfolio</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TT2JW5ZYFZ');
</script><body>
<div class="container"><header>
<h1>Fransz Portfolio</h1>
</header><nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/projects">Projects</a>
<a href="/presentations">Presentations</a>
<a href="/resume">Résumé</a>
<a href="/contact">Contact</a>
</nav><main>
<div class="present-container">
<section class="present-thumbs">
<h4>Thumbs</h4>
Minimum vialable product gallery
</section>
<section class="present">
<h2>Archive</h2>
<p><img src="//via.placeholder.com/640x150" alt="alt"></p>
<p>Art and Technology 2011, in Twente Enschede: <a href="https://www.tumblr.com/blog/redesignart">redesign art</a></p>
<h3 id="tech-used">Tech used</h3>
<ul>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
</section>
</div>
</main><footer>
<small>Copyright 2025 Me.</small>
</footer></div>
</body>
</html>

View File

@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="author" content="Franz Klotsche">
<meta name="description" content="Vorüberlegungen in Form von technischen Konzepten und Skizzen.">
<link rel="stylesheet" href="/css/style.css">
<title>Presentations - Fransz Portfolio</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TT2JW5ZYFZ');
</script><body>
<div class="container"><header>
<h1>Fransz Portfolio</h1>
</header><nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/projects">Projects</a>
<a href="/presentations">Presentations</a>
<a href="/resume">Résumé</a>
<a href="/contact">Contact</a>
</nav><main>
<h2>Presentations</h2>
<p>Gallery</p>
<section class="present">
<h4><a href="/presentations/archive/">
<img alt="Archive" src="//placehold.co/150x150">
</a></h4>
</section>
</main><footer>
<small>Copyright 2025 Me.</small>
</footer></div>
</body>
</html>

View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Presentations on Fransz Portfolio</title>
<link>https://kurrrioo.neocities.org/presentations/</link>
<description>Recent content in Presentations on Fransz Portfolio</description>
<generator>Hugo -- gohugo.io</generator>
<language>de</language><atom:link href="https://kurrrioo.neocities.org/presentations/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Archive</title>
<link>https://kurrrioo.neocities.org/presentations/archive/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://kurrrioo.neocities.org/presentations/archive/</guid>
<description>Art and Technology 2011, in Twente Enschede: redesign art
Tech used item item item </description>
</item>
</channel>
</rss>

View File

@@ -0,0 +1,66 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="author" content="Franz Klotsche">
<meta name="description" content="Verschiedene Themen, die ich als Computerfreak anschneide - externe Seite.">
<link rel="stylesheet" href="/css/style.css">
<title>ChyrpLite Blog - Fransz Portfolio</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TT2JW5ZYFZ');
</script><body>
<div class="container"><header>
<h1>Fransz Portfolio</h1>
</header><nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/projects">Projects</a>
<a href="/presentations">Presentations</a>
<a href="/resume">Résumé</a>
<a href="/contact">Contact</a>
</nav><main>
<div class="project-container">
<section class="project-list">
<h4>What else</h4>
<ul>
<li><a href="/projects/linkace/">Linkace</a></li>
<li><a href="/projects/gitea/">Gitea</a></li>
<li><a href="/projects/chyrp/">ChyrpLite Blog</a></li>
</ul>
</section>
<section class="project">
<h2>ChyrpLite Blog</h2>
<p>Gehosted wird auf profreehost.com</p>
<img alt="ChyrpLite screenshot" src="//placehold.co/640x150">
<h3>Tech used</h3>
<ul>
<li>JavaScript</li>
<li>CSS</li>
<li>HTML</li>
</ul>
</section>
</div>
</main><footer>
<small>Copyright 2025 Me.</small>
</footer></div>
</body>
</html>

View File

@@ -0,0 +1,64 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="author" content="Franz Klotsche">
<meta name="description" content="Just another web-experiment">
<link rel="stylesheet" href="/css/style.css">
<title>Gitea - Fransz Portfolio</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TT2JW5ZYFZ');
</script><body>
<div class="container"><header>
<h1>Fransz Portfolio</h1>
</header><nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/projects">Projects</a>
<a href="/presentations">Presentations</a>
<a href="/resume">Résumé</a>
<a href="/contact">Contact</a>
</nav><main>
<div class="project-container">
<section class="project-list">
<h4>What else</h4>
<ul>
<li><a href="/projects/linkace/">Linkace</a></li>
<li><a href="/projects/gitea/">Gitea</a></li>
<li><a href="/projects/chyrp/">ChyrpLite Blog</a></li>
</ul>
</section>
<section class="project">
<h2>Gitea</h2>
<p>Description of maintaining a Gitea instance&hellip;</p>
<img alt="Git selfhosted" src="//placehold.co/640x150">
<h3>Tech used</h3>
<ul>
<li>OCI = Oracle VPS</li>
<li>Ubuntu &#43; Bash</li>
</ul>
</section>
</div>
</main><footer>
<small>Copyright 2025 Me.</small>
</footer></div>
</body>
</html>

View File

@@ -0,0 +1,61 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="author" content="Franz Klotsche">
<meta name="description" content="Eine Liste mit Projekten, die ich in meiner Freizeit als DevOp oder eher öfter als einfacher Anwender, unterhalte.">
<link rel="stylesheet" href="/css/style.css">
<title>Projekte - Fransz Portfolio</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TT2JW5ZYFZ');
</script><body>
<div class="container"><header>
<h1>Fransz Portfolio</h1>
</header><nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/projects">Projects</a>
<a href="/presentations">Presentations</a>
<a href="/resume">Résumé</a>
<a href="/contact">Contact</a>
</nav><main>
<h2>Projekte</h2>
<p><strong>DIY:</strong> Auf einem Oracle Virtual Private Server habe ich Ubuntu Noble mit Nginx laufen. Zurzeit befinden sich dort zwei aktive (produktive) Webdienste.</p>
<p>Ein Blog mit ChyrpLite befindet sich auf einem managed Server von profreehost.</p>
<section class="projects">
<section class="projects">
<h3><a href="/opensource/">Open Source</a></h3>
<p>Mein Nutzerkonto der offiziellen GitHub Seite - gelistet werden öffentliche Sammlungen über api.github.com/user.</p>
</section>
<h3><a href="/projects/chyrp/">ChyrpLite Blog</a></h3>
<p>Regeläßig bloggen ist gar nicht so leicht. Schaue vorbei auf <a href="https://statusnet.liveblog365.com">statusnet.liveblog</a>. Der Inhalt ist auf Englisch oder Niederländisch.</p>
<h3><a href="/projects/gitea/">Gitea</a></h3>
<p>Dateiverwaltung mit <code>git</code> und der Weboberfläche von Gitea <strong>(DIY)</strong>.</p>
<h3><a href="/projects/linkace/">Linkace</a></h3>
<p>Lesezeichendienst in eigener Verwaltung <strong>(DIY)</strong>.</p>
</section>
</main><footer>
<small>Copyright 2025 Me.</small>
</footer></div>
</body>
</html>

37
public/projects/index.xml Normal file
View File

@@ -0,0 +1,37 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Projekte on Fransz Portfolio</title>
<link>https://kurrrioo.neocities.org/projects/</link>
<description>Recent content in Projekte on Fransz Portfolio</description>
<generator>Hugo -- gohugo.io</generator>
<language>de</language><atom:link href="https://kurrrioo.neocities.org/projects/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>ChyrpLite Blog</title>
<link>https://kurrrioo.neocities.org/projects/chyrp/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://kurrrioo.neocities.org/projects/chyrp/</guid>
<description>Regeläßig bloggen ist gar nicht so leicht. Schaue vorbei auf &lt;a href=&#34;https://statusnet.liveblog365.com&#34;&gt;statusnet.liveblog&lt;/a&gt;. Der Inhalt ist auf Englisch oder Niederländisch.</description>
</item>
<item>
<title>Gitea</title>
<link>https://kurrrioo.neocities.org/projects/gitea/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://kurrrioo.neocities.org/projects/gitea/</guid>
<description>Dateiverwaltung mit &lt;code&gt;git&lt;/code&gt; und der Weboberfläche von Gitea &lt;strong&gt;(DIY)&lt;/strong&gt;.</description>
</item>
<item>
<title>Linkace</title>
<link>https://kurrrioo.neocities.org/projects/linkace/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://kurrrioo.neocities.org/projects/linkace/</guid>
<description>Lesezeichendienst in eigener Verwaltung &lt;strong&gt;(DIY)&lt;/strong&gt;.</description>
</item>
</channel>
</rss>

View File

@@ -0,0 +1,66 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="author" content="Franz Klotsche">
<meta name="description" content="Just another web-experiment">
<link rel="stylesheet" href="/css/style.css">
<title>Linkace - Fransz Portfolio</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TT2JW5ZYFZ');
</script><body>
<div class="container"><header>
<h1>Fransz Portfolio</h1>
</header><nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/projects">Projects</a>
<a href="/presentations">Presentations</a>
<a href="/resume">Résumé</a>
<a href="/contact">Contact</a>
</nav><main>
<div class="project-container">
<section class="project-list">
<h4>What else</h4>
<ul>
<li><a href="/projects/linkace/">Linkace</a></li>
<li><a href="/projects/gitea/">Gitea</a></li>
<li><a href="/projects/chyrp/">ChyrpLite Blog</a></li>
</ul>
</section>
<section class="project">
<h2>Linkace</h2>
<p>Description of maintaining a Linkace instance&hellip;</p>
<img alt="Selfhosting Linkace" src="//placehold.co/640x150">
<h3>Tech used</h3>
<ul>
<li>OCI = Oracle VPS</li>
<li>Ubuntu &#43; Bash</li>
<li>PHP / Laravel</li>
</ul>
</section>
</div>
</main><footer>
<small>Copyright 2025 Me.</small>
</footer></div>
</body>
</html>

40
public/resume/index.html Normal file
View File

@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="author" content="Franz Klotsche">
<meta name="description" content="Mein Lebenslauf wie er ist, wie er sein sollte und wie ich ihn mir gewünscht hätte.">
<link rel="stylesheet" href="/css/style.css">
<title>Résumé - Fransz Portfolio</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TT2JW5ZYFZ');
</script><body>
<div class="container"><header>
<h1>Fransz Portfolio</h1>
</header><nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/projects">Projects</a>
<a href="/presentations">Presentations</a>
<a href="/resume">Résumé</a>
<a href="/contact">Contact</a>
</nav><main>
<h2>Résumé</h2>
<p>curriculum vitae</p>
</main><footer>
<small>Copyright 2025 Me.</small>
</footer></div>
</body>
</html>

36
public/sitemap.xml Normal file
View File

@@ -0,0 +1,36 @@
<?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>https://kurrrioo.neocities.org/opensource/</loc>
<lastmod>2025-11-16T18:22:50+01:00</lastmod>
</url><url>
<loc>https://kurrrioo.neocities.org/contact/</loc>
<lastmod>2025-11-02T21:52:55+01:00</lastmod>
</url><url>
<loc>https://kurrrioo.neocities.org/resume/</loc>
<lastmod>2025-11-02T21:49:23+01:00</lastmod>
</url><url>
<loc>https://kurrrioo.neocities.org/about/</loc>
<lastmod>2025-11-02T21:34:47+01:00</lastmod>
</url><url>
<loc>https://kurrrioo.neocities.org/</loc>
<lastmod>2025-11-01T21:52:55+01:00</lastmod>
</url><url>
<loc>https://kurrrioo.neocities.org/presentations/archive/</loc>
</url><url>
<loc>https://kurrrioo.neocities.org/categories/</loc>
</url><url>
<loc>https://kurrrioo.neocities.org/projects/chyrp/</loc>
</url><url>
<loc>https://kurrrioo.neocities.org/projects/gitea/</loc>
</url><url>
<loc>https://kurrrioo.neocities.org/projects/linkace/</loc>
</url><url>
<loc>https://kurrrioo.neocities.org/presentations/</loc>
</url><url>
<loc>https://kurrrioo.neocities.org/projects/</loc>
</url><url>
<loc>https://kurrrioo.neocities.org/tags/</loc>
</url>
</urlset>

43
public/tags/index.html Normal file
View File

@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="author" content="Franz Klotsche">
<meta name="description" content="Just another web-experiment">
<link rel="stylesheet" href="/css/style.css">
<title>Fransz Portfolio</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TT2JW5ZYFZ');
</script><body>
<div class="container"><header>
<h1>Fransz Portfolio</h1>
</header><nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/projects">Projects</a>
<a href="/presentations">Presentations</a>
<a href="/resume">Résumé</a>
<a href="/contact">Contact</a>
</nav><main>
<h2>Tags</h2>
<section class="projects">
</section>
</main><footer>
<small>Copyright 2025 Me.</small>
</footer></div>
</body>
</html>

10
public/tags/index.xml Normal file
View File

@@ -0,0 +1,10 @@
<?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 Fransz Portfolio</title>
<link>https://kurrrioo.neocities.org/tags/</link>
<description>Recent content in Tags on Fransz Portfolio</description>
<generator>Hugo -- gohugo.io</generator>
<language>de</language><atom:link href="https://kurrrioo.neocities.org/tags/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

View File

@@ -1,13 +0,0 @@
{{ define "main" }}
<h2>{{ .Title }}</h2>
{{ .Content }}
<section class="projects">
{{ range .Pages }}
<h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
{{ end }}
</section>
{{ end }}

View File

@@ -2,10 +2,21 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="author" content="{{ .Site.Params.author }}"> <meta name="author" content="{{ .Site.Params.author }}">
<meta name="description" content="{{ .Site.Params.description }}"> <meta name="description" content="
{{- with .Page.Description -}}
{{ . }}
{{- else -}}
{{ .Site.Params.description }}
{{- end -}}">
<link rel="stylesheet" href="{{ "css/style.css" <link rel="stylesheet" href="{{ "css/style.css"
| relURL }}"> | relURL }}">
<title>{{ .Site.Title }}</title> <title>
{{- if .Page.IsHome -}}
{{ .Site.Title }}
{{- else -}}
{{ .Title }} - {{ .Site.Title }}
{{- end -}}
</title>
</head> </head>
<!-- Google tag (gtag.js) --> <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-TT2JW5ZYFZ"></script>

View File

@@ -4,12 +4,11 @@
{{ .Content }} {{ .Content }}
{{ range .Pages }}
<section class="present"> <section class="present">
<p>Gallery</p> <h4><a href="{{ .RelPermalink }}">
{{ range .Pages }} <img alt="{{ .Title }}" src="//placehold.co/150x150">
<a href="{{ .RelPermalink }}"> </a></h4>
<img alt="{{ .Title }}" style="width: 50px; height: 50px;">
</a>
{{ end }} {{ end }}
</section> </section>

View File

@@ -0,0 +1,21 @@
{{ define "main" }}
<h2>{{ .Title }}</h2>
{{ .Content }}
<section class="projects">
<section class="projects">
{{ with .Site.GetPage "/opensource.md" }}
<h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
<p>{{ .Summary }}</p>
{{ end }}
</section>
{{ range .Pages }}
<h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
<p>{{ .Summary }}</p>
{{ end }}
</section>
{{ end }}

View File

@@ -12,6 +12,14 @@
<section class="project"> <section class="project">
<h2>{{ .Title }}</h2> <h2>{{ .Title }}</h2>
{{ .Content }} {{ .Content }}
<img alt="{{ .Params.alt_text }}" src="{{ .Params.image }}">
<h3>Tech used</h3>
<ul>
{{ range .Params.tech_used }}
<li>{{ . }}</li>
{{ end }}
</ul>
</section> </section>
</div> </div>
{{ end }} {{ end }}

View File

@@ -28,3 +28,18 @@ nav > a {
.project-container .project-list { width: 20%; } .project-container .project-list { width: 20%; }
.project-container .project { flex: 1; } .project-container .project { flex: 1; }
/* might do the same with present(ation) */
.oss {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.oss article {
border: 1px solid #ddd;
box-shadow: 3px 3px 3px #ddd;
margin: 0.5%;
padding: 0.5%;
width: 30%;
}