diff --git a/Dockerfile b/Dockerfile index 2532de3..495f309 100644 --- a/Dockerfile +++ b/Dockerfile @@ -1,4 +1,4 @@ FROM nginx:alpine COPY index.html /usr/share/nginx/html/index.html +COPY fonts /usr/share/nginx/html/fonts EXPOSE 80 - diff --git a/fonts/lilita-one.woff2 b/fonts/lilita-one.woff2 new file mode 100644 index 0000000..0fcd1f9 Binary files /dev/null and b/fonts/lilita-one.woff2 differ diff --git a/fonts/nunito.woff2 b/fonts/nunito.woff2 new file mode 100644 index 0000000..3e909a1 Binary files /dev/null and b/fonts/nunito.woff2 differ diff --git a/index.html b/index.html index 64dd1cd..d677dde 100644 --- a/index.html +++ b/index.html @@ -2,1021 +2,690 @@ - -noctura.dev — Portfolio - - - - + +noctura.dev: Webseiten und Tiny Factory + + + + + - + - +
+ +
+ + +
-
- - -
-
-
Persönliches Portfolio · Web · Systeme · Infrastruktur
-

Interfaces mit
Haltung.
Systeme mit
Substanz.

-

Ich baue digitale Projekte, die nicht bei einer schönen Oberfläche aufhören. Mir ist wichtig, dass Gestaltung, technische Entscheidungen und Betrieb zusammenpassen — also nicht nur, wie etwas aussieht, sondern auch, wie sauber es aufgebaut ist und wie zuverlässig es läuft.

-
- Arbeiten ansehen - Kontakt aufnehmen -
-
-
-
Fokus
-
End-to-End
-
Vom ersten Layout bis zur laufenden Anwendung mitgedacht.
-
-
-
Arbeitsweise
-
Präzise & direkt
-
Lieber sauber bauen als groß darüber reden.
-
-
-
Stack
-
HTML · CSS · JS · Linux
-
Genug Breite für komplette Projekte, ohne beliebig zu werden.
-
-
+
+
+

Ich baue Webseiten. Und eine kleine Fabrik.

+

Aktuell arbeite ich als Fullstackentwickler für Webseiten. Außerdem entsteht gerade mein eigenes Mobilegame: Tiny Factory.

+

Aktuell nehme ich keine Bewerbungen an.

- -
-
- -
- - -
-
-
-
// Über mich
-

Ein Portfolio sollte zeigen,
wie jemand arbeitet.

-

Nicht nur, was auf einer Liste steht. Mir ist wichtiger, dass man hier ein Gefühl für meine Arbeitsweise, meinen Anspruch und meinen Lernweg bekommt.

-
-
-
-
-

Ich entwickle Oberflächen nicht nur danach, ob sie gut aussehen, sondern auch danach, ob sie verständlich aufgebaut sind und sich sauber weiterentwickeln lassen. Für mich hört Webentwicklung nicht im Browser auf, sondern geht bis zu Servern, Deployment und dem Betrieb im Alltag.

-

Genau deshalb ist dieses persönliche Portfolio bewusst keine klassische Leistungsseite. Ich wollte lieber etwas bauen, das zu mir passt: etwas mit Charakter, aber ohne leere Inszenierung und ohne technische Fassade.

-
-
-
Was diese Seite über mich zeigt
-
    -
  • Ich kombiniere Gestaltung, Umsetzung und Betrieb.
    • -
  • Ich arbeite gern eigenständig und lerne über echte Projekte.
    • -
  • Mich interessieren saubere Lösungen statt laute Buzzwords.
    • -
  • Die Seite soll eher Haltung zeigen als Selbstdarstellung.
    • -
-
+
+
+ +

-
-
Stack & Kontext
-
    -
  • HTML / CSS / JavaScript
    • -
  • Node.js / REST APIs
    • -
  • Docker & Compose
    • -
  • Debian Linux
    • -
  • Caddy / systemd
    • -
  • Forgejo
    • -
  • ufw / fail2ban
    • -
  • SSH-Härtung
    • -
-
-
-
-
-
01 —
-
Klarheit vor Effekten
-

Ich mag Gestaltung, die Charakter hat, aber nicht im Weg steht. Dinge sollen auffallen dürfen, nur eben nicht auf Kosten der Lesbarkeit.

-
-
-
02 —
-
Technik mitdenken
-

Mich interessieren Lösungen, bei denen nicht nur das Ergebnis stimmt, sondern auch der Aufbau dahinter nachvollziehbar ist.

-
-
-
03 —
-
Wartbarkeit gehört dazu
-

Sauberer Code und vernünftige Strukturen sind für mich kein Extra, sondern Teil davon, ob sich eine Lösung gut anfühlt.

-
-
-
-
- -
- - -
-
-
-
// Fähigkeiten
-

Breit genug für ganze Projekte.
Präzise genug für gute Details.

-

Am liebsten arbeite ich dort, wo Oberfläche, Logik und Betrieb nicht getrennt betrachtet werden.

-
-
-
- </> -
Frontend & Interface Design
-

Responsive Oberflächen mit klarer Struktur, guter Typografie und einem Anspruch daran, dass sich eine Seite bewusst gestaltet anfühlt.

-
- HTML / CSS - JavaScript - UI Systems - Responsive -
-
-
- ⬡ -
Backend & Infrastruktur
-

Ich mag es, Services selbst zu verbinden, Datenflüsse zu ordnen und Hosting so aufzusetzen, dass man eine Anwendung nicht nur startet, sondern auch versteht.

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

Server einrichten, absichern und sinnvoll betreiben. Gerade Self-Hosting und Deployments sind für mich der Bereich, in dem Technik besonders greifbar wird.

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

Ausgewählte Arbeiten mit
technischer und gestalterischer Handschrift.

-

Kein Produktkatalog, sondern ein Ausschnitt der Themen und Projektarten, an denen ich wirklich gern arbeite.

-
-
-
-
-
-
-
Tooling
-
Developer Utilities
-
-
⌘
-
-

Kleinere Web-Tools, bei denen schnelle Nutzung und klare Interaktion wichtiger sind als große Verpackung. Gerade solche Projekte zeigen oft am besten, wie sorgfältig man in Details arbeitet.

-
- Utility-first - Schnelle Interaktion - Klares UI -
-
    -
  • Zeigt, wie viel Wirkung in einer einfachen, gut gebauten Lösung stecken kann.
    • -
  • Gerade kleine Projekte zwingen dazu, auf unnötigen Ballast zu verzichten.
    • -
-
-
In Entwicklung
- Work in progress ↗ -
-
- -
-
-
-
Backend
-
Custom Backend API
-
-
API
-
-

Eine eigene API-Struktur für persönliche Anwendungen, bei der ich Routing, Datenmodelle und Hosting bewusst selbst in der Hand behalte.

-
- Routing - Datenmodelle - Eigenes Hosting -
-
    -
  • Hilft mir, technische Entscheidungen nicht nur zu übernehmen, sondern selbst zu durchdenken.
    • -
  • Verbindet die Anforderungen aus dem Frontend direkt mit einem sauberen Backend-Aufbau.
    • -
-
-
In Entwicklung
- Architekturaufbau ↗ -
-
- -
-
-
-
Experiment
-
Lab / Playground
-
-
△
-
-

Ein Bereich für Prototypen, visuelle Versuche und technische Experimente. Dort probiere ich Ideen aus, bevor sie in etwas Größeres einfließen.

-
- Prototyping - Designstudien - Lernsystem -
-
    -
  • Hier sieht man eher meinen Prozess als eine fertige Fassade.
    • -
  • Genau dort treffen Neugier, Stilgefühl und Technik am direktesten aufeinander.
    • -
-
-
Geplant
- In Vorbereitung ↗ -
-
- -
-
-
-
Infrastruktur
-
noctura.dev Infrastruktur
-
-
▣
-
-

Ein selbst verwalteter VPS mit echten Services, Sicherheitsmaßnahmen und einer Umgebung, die mehr ist als nur Webspace für statische Dateien.

-
- VPS - Deployment - Security -
-
    -
  • Zeigt, dass mich nicht nur die Oberfläche interessiert, sondern auch das, was dahinter zuverlässig laufen muss.
    • -
  • Für mich ist das einer der ehrlichsten Teile des Portfolios, weil hier viel Eigeninitiative drinsteckt.
    • -
-
-
Live
- Produktiv im Einsatz ↗ -
-
-
-
-
-
Warum diese Auswahl
-

Die Projekte stehen nicht hier, um die Seite zu füllen, sondern weil sie etwas Reales über meine Arbeitsweise erzählen.

-
-
-
Was man daran erkennt
-

Jedes Projekt beleuchtet einen anderen Teil dessen, was mich an Webentwicklung wirklich interessiert.

-
-
-
Worüber ich gern spreche
-

Die Inhalte sind so gewählt, dass daraus echte Gespräche über Entscheidungen, Technik und Arbeitsweise entstehen können.

-
-
-
-
-
- -
- - -
-
-
-
// Profil
-

Die kurze Version — für einen
schnellen Eindruck.

-

Vier Punkte, die für mich den Kern ganz gut zusammenfassen.

-
-
-
-
Arbeitsweise
-
Hands-on
-

Ich lerne am meisten über echte Umsetzung, sauberes Nacharbeiten und das Lösen konkreter Probleme.

-
-
-
Stärke
-
Frontend plus Betrieb
-

Ich denke ungern nur in einzelnen Screens, sondern lieber in vollständigen Lösungen vom Interface bis zum Deployment.

-
-
-
Motivation
-
Systeme wirklich verstehen
-

Am spannendsten ist Technik für mich dann, wenn ich sie selbst aufbauen, anpassen und betreiben kann.

-
-
-
Eindruck
-
Substanz vor Buzzwords
-

Mir ist wichtiger, nachvollziehbar zu wirken als besonders laut oder überinszeniert.

-
-
-
-
- -
- - -
-
-
-

Kontakt für Bewerbungen,
Zusammenarbeit und technische Gespräche

-

Wenn du jemanden suchst, der Gestaltung ernst nimmt, technisch sauber arbeitet und sich auch für das Dahinter interessiert, kannst du mir gern direkt schreiben.

- kontakt@noctura.dev - noctura.dev — persönliches Portfolio -
-
-
- -
+ +
+
+
+

Drei Gebäude, eine Linie.

+

Für mich hört Webentwicklung nicht im Browser auf. Ich baue Webseiten vom ersten Layout bis zur laufenden Anwendung.

+
    +
  • + +

    Oberfläche

    +

    Responsive Seiten mit klarer Struktur und guter Typografie, die sich bewusst gestaltet anfühlen.

    +
    • HTML
    • CSS
    • JavaScript
    +
    • +
  • + +

    Logik

    +

    Services verbinden, Datenflüsse ordnen und APIs so aufbauen, dass man eine Anwendung auch versteht.

    +
    • Node.js
    • REST APIs
    +
    • +
  • + +

    Betrieb

    +

    Server einrichten, absichern und selbst betreiben, vom Deployment bis zum Alltag.

    +
    • Debian Linux
    • Docker
    • Caddy
    • systemd
    • Forgejo
    • ufw
    • fail2ban
    • SSH-Härtung
    +
    • +
+
+
+ +
+
+

Tiny Factory

+
+
+

Mein eigenes Puzzlespiel fürs Handy. Du setzt kleine Fabrikgebäude zusammen, um eine bestimmte Form oder zusammengesetzte Formen zu bauen, und lieferst sie ab.

+

Das Mini-Puzzle oben auf dieser Seite habe ich nur für hier gebaut, es ist nicht das Spiel selbst.

+ In Entwicklung +
+ +
+
+
+ +
+
+

Was sonst noch auf dem Band liegt.

+
    +
  • +

    noctura.dev Infrastruktur

    +

    Ein selbst verwalteter VPS mit echten Services und Sicherheitsmaßnahmen.

    + Live +
    • +
  • +

    Developer Utilities

    +

    Kleine Web-Tools, bei denen schnelle Nutzung und klare Interaktion wichtiger sind als große Verpackung.

    + In Entwicklung +
    • +
  • +

    Custom Backend API

    +

    Eine eigene API-Struktur für persönliche Anwendungen. Routing, Datenmodelle und Hosting bleiben in meiner Hand.

    + In Entwicklung +
    • +
  • +

    Lab

    +

    Platz für Prototypen, visuelle Versuche und technische Experimente, bevor daraus etwas Größeres wird.

    + Geplant +
    • +
+
+
+ +
+
+

Hausregeln.

+
+
+
Klarheit vor Effekten
+
Gestaltung darf auffallen, aber nicht auf Kosten der Lesbarkeit.
+
+
+
Technik mitdenken
+
Nicht nur das Ergebnis muss stimmen, auch der Aufbau dahinter soll nachvollziehbar sein.
+
+
+
Wartbarkeit gehört dazu
+
Sauberer Code und vernünftige Strukturen sind kein Extra, sondern Teil der Lösung.
+
+
+
+
+ +
+
+

Lust auf ein technisches Gespräch?

+

Schreib mir gern zu meinen Projekten, zu Tiny Factory oder zu Technik im Allgemeinen. Bewerbungen nehme ich aktuell nicht an.

+ kontakt@noctura.dev +
+
+
+ +