From 838f86e11f820abdbf74cf688d8b777dce76bfe7 Mon Sep 17 00:00:00 2001 From: Noctura Date: Tue, 14 Apr 2026 11:21:55 +0000 Subject: [PATCH] initial commit --- Dockerfile | 4 + docker-compose.yml | 7 + index.html | 859 +++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 870 insertions(+) create mode 100644 Dockerfile create mode 100644 docker-compose.yml create mode 100644 index.html diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..2532de3 --- /dev/null +++ b/Dockerfile @@ -0,0 +1,4 @@ +FROM nginx:alpine +COPY index.html /usr/share/nginx/html/index.html +EXPOSE 80 + diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 0000000..1a2ab6c --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,7 @@ +services: + portfolio: + build: . + container_name: portfolio + restart: unless-stopped + ports: + - "3000:80" diff --git a/index.html b/index.html new file mode 100644 index 0000000..0262a5e --- /dev/null +++ b/index.html @@ -0,0 +1,859 @@ + + + + + + noctura.dev + + + + + + + + + + + +
+
+
+ + + + + +
+
+
Persönliches Portfolio / Web & Infrastruktur
+

+ Web entwickeln. + Systeme verstehen. + Sauber bauen. +

+

+ Ich arbeite an Projekten, die nicht nur gut aussehen, sondern auch technisch nachvollziehbar aufgebaut sind. + Frontend, Backend, Linux und Hosting gehören für mich zusammen. +

+
+ Projekte ansehen + Kontakt +
+
+
+
Fokus
+
Frontend bis Deployment
+

Ich denke nicht nur in Screens, sondern in vollständigen Umsetzungen.

+
+
+
Arbeitsweise
+
Direkt und praktisch
+

Lieber echte Projekte und klare Entscheidungen als Buzzwords und leere Claims.

+
+
+
Stack
+
HTML, CSS, JS, Linux, Docker
+

Genug Breite, um Interfaces, Services und Betrieb zusammen zu denken.

+
+
+
+ +
+ +
+
+
// Über mich
+

Weniger Firmen-Sprache, mehr echte Arbeit

+

Genau so sollte sich ein Portfolio für Bewerbungen lesen.

+
+
+
+

+ Ich entwickle nicht nur Oberflächen, sondern kümmere mich auch darum, wie Anwendungen betrieben, + abgesichert und langfristig verständlich gehalten werden. +

+

+ Gerade deshalb passt zu mir eher ein Portfolio mit Persönlichkeit: Projekte, Entscheidungen, + Infrastruktur und Lernweg sichtbar machen, statt wie eine kleine IT-Firma aufzutreten. +

+
+
+
Was Recruiter hier schnell sehen sollen
+
    +
  • Ich kann gestalten, bauen und deployen.
    • +
  • Ich arbeite eigenständig und technisch neugierig.
    • +
  • Meine Projekte sind nicht nur Demos, sondern echte Systeme.
    • +
+
+
+
+ +
+ + +
+
+
// Fähigkeiten
+

Was ich kann

+

Breit genug für komplette Projekte, fokussiert genug für gute Details.

+
+
+
+ ⟨/⟩ +
Frontend & Interfaces
+

Responsive Oberflächen, klares UI und saubere Struktur. Ich mag Seiten, die Charakter haben und trotzdem verständlich bleiben.

+
+ HTML / CSS + JavaScript + UI Design + Responsive Layouts +
+
+
+ ⬡ +
Backend & Infrastruktur
+

Services selbst aufsetzen, verbinden und betreiben. Nicht nur deployen, sondern verstehen, was dahinter läuft.

+
+ Docker + Caddy + Node.js + Forgejo + REST APIs +
+
+
+ $_ +
Linux & Betrieb
+

Server einrichten, absichern und dauerhaft sinnvoll betreiben. Besonders spannend finde ich alles rund um Self-hosting und Wartbarkeit.

+
+ Debian Linux + SSH + systemd + ufw / fail2ban +
+
+
+
+ +
+ + +
+
+
// Portfolio
+

Ausgewählte Arbeiten

+

Nicht als Produktkatalog, sondern als Ausschnitt meiner Denkweise.

+
+
+ +
+
+
+
Tooling
+
Developer Utilities
+
+ ↗ +
+

Sammlung kleiner Web-Tools, bei denen UX und Geschwindigkeit wichtiger sind als Marketing. Gut geeignet, um Pragmatismus und Produktgefühl zu zeigen.

+
+ + In Entwicklung +
+
+ +
+
+
+
Backend
+
Custom Backend API
+
+ ↗ +
+

Eigene API-Struktur für persönliche Projekte. Der Reiz liegt für mich darin, Datenmodelle, Routing und Hosting selbst sauber zu kontrollieren.

+
+ + In Entwicklung +
+
+ +
+
+
+
Experiment
+
Lab / Playground
+
+ ↗ +
+

Platz für Prototypen, Designideen und technische Versuche. Gerade dieser Bereich macht sichtbar, wie ich lerne und neue Themen erschließe.

+
+ + Geplant +
+
+ +
+
+
+
Infrastruktur
+
noctura.dev Infrastruktur
+
+ ↗ +
+

Mein stärkstes Portfolio-Stück im Hintergrund: ein selbst verwalteter VPS mit echten Services, nicht nur eine statische Visitenkarte.

+
+ + Live +
+
+ +
+
+ +
+ +
+
+
// Profil
+

Was hängen bleibt

+

Die kurze Zusammenfassung für Bewerbungen und schnelle Erstgespräche.

+
+
+
+
Arbeitsweise
+
Praktisch
+

Ich lerne am liebsten über echte Umsetzungen, nicht nur über Theorie oder Tutorial-Nachbau.

+
+
+
Stärke
+
Full stack denken
+

Vom Interface bis zum Server kann ich Entscheidungen zusammenhängend betrachten und umsetzen.

+
+
+
Motivation
+
Eigene Systeme verstehen
+

Mich reizt Technik dann besonders, wenn ich sie selbst aufbauen, betreiben und verbessern kann.

+
+
+
Eindruck
+
Kein Buzzword-Profil
+

Die Seite soll zeigen, wie ich denke und arbeite, nicht nur welche Begriffe ich aufzählen kann.

+
+
+
+ +
+ + +
+
+

Kontakt für Bewerbungen oder Projekte

+

Wenn du einen Entwickler suchst, der nicht nur UI klickt, sondern Systeme wirklich verstehen will, schreib mir.

+ kontakt@noctura.dev +
+
+
+ + + + + + +