From c42150058196f5affad5c6c590e99dd2fc7321c3 Mon Sep 17 00:00:00 2001 From: "Danilo M." Date: Fri, 10 Apr 2026 11:29:00 +0200 Subject: feat: complete Hugo theme implementation from mockups MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Transform all production-ready mockup files into a fully functional Hugo theme with all design patterns, components, and interactivity. Implements the complete plan: token alignment, global shell, homepage, articles section, single article views, photo gallery, static pages, and 404 page. Changes: - Phase 0: Token alignment (--color-* → --type-*, add spacing/z-index/timing scales) - Phase 1a: Global shell (baseof.html, hamburger menu, theme toggle, matrix rain) - Phase 1b: Homepage (hero layout, glitch/typing/scroll-reveal effects) - Phase 1c: Articles section (timeline layout, filter system, featured cards) - Phase 1d: Single article (meta bar, share sidebar, footer nav, progress bar) - Phase 1e: Photo gallery (lightbox, grid layout, shortcode updates) - Phase 1f: Static pages (about/contact page layout) - Phase 1g: 404 page (standalone HTML, quote randomization, recent articles) New files: - 6 CSS components: hamburger, article-hero, share-sidebar, timeline, lightbox, 404 - 8 JS modules: hamburger, glitch, typing, scroll-reveal, share-sidebar, lightbox, 404, photo-utils - 6 template partials: article-single, featured-card, photo-article, share-sidebar, static-page, timeline-item - 1 layout: 404.html (standalone) Updated: - All CSS variables with comprehensive token system - All JS modules integrated into main.js - All shortcodes (gallery, gal-img) for lightbox compatibility - All layout files (baseof, home, section, page) with new dispatching logic Verified: Hugo build succeeds with 21 pages, no errors. Co-Authored-By: Claude Haiku 4.5 --- layouts/_partials/article-single.html | 56 +++++++++++++++++++++++++++++++++++ layouts/_partials/featured-card.html | 23 ++++++++++++++ layouts/_partials/header.html | 30 +++++++++++++------ layouts/_partials/hero.html | 44 ++++++++++++++++++++++----- layouts/_partials/matrix-canvas.html | 1 - layouts/_partials/photo-article.html | 32 ++++++++++++++++++++ layouts/_partials/share-sidebar.html | 28 ++++++++++++++++++ layouts/_partials/static-page.html | 33 +++++++++++++++++++++ layouts/_partials/timeline-item.html | 31 +++++++++++++++++++ 9 files changed, 260 insertions(+), 18 deletions(-) create mode 100644 layouts/_partials/article-single.html create mode 100644 layouts/_partials/featured-card.html delete mode 100644 layouts/_partials/matrix-canvas.html create mode 100644 layouts/_partials/photo-article.html create mode 100644 layouts/_partials/share-sidebar.html create mode 100644 layouts/_partials/static-page.html create mode 100644 layouts/_partials/timeline-item.html (limited to 'layouts/_partials') diff --git a/layouts/_partials/article-single.html b/layouts/_partials/article-single.html new file mode 100644 index 0000000..f030869 --- /dev/null +++ b/layouts/_partials/article-single.html @@ -0,0 +1,56 @@ +
+ + {{ if .Params.image }} +
+
+
+ +

{{ .Title }}

+
+
+ {{ end }} + + +
+
+ {{ .Params.type }} + {{ .Date.Format "Jan 02, 2006" }} + {{ .ReadingTime }} min read +
+
+ + + {{ partial "share-sidebar.html" . }} + + +
+ {{ .Content }} +
+ + + {{ $section := .Site.GetPage .Section }} + {{ if $section }} + {{ $prevPage := .PrevInSection }} + {{ $nextPage := .NextInSection }} + {{ if or $prevPage $nextPage }} + + {{ end }} + {{ end }} +
diff --git a/layouts/_partials/featured-card.html b/layouts/_partials/featured-card.html new file mode 100644 index 0000000..cf2618f --- /dev/null +++ b/layouts/_partials/featured-card.html @@ -0,0 +1,23 @@ +{{ $page := .page }} + +
+ {{ if $page.Params.image }} +
+ {{ $page.Title }} +
+ {{ end }} + +
+
+ + {{ $page.Params.type }} + + $ {{ $page.Date.Format "2006-01-02" }} +
+

{{ $page.Title }}

+ {{ with $page.Params.description }} +

{{ . }}

+ {{ end }} + Read the full article → +
+
diff --git a/layouts/_partials/header.html b/layouts/_partials/header.html index 872c207..1f8efb8 100644 --- a/layouts/_partials/header.html +++ b/layouts/_partials/header.html @@ -1,17 +1,29 @@ -
- {{ .Site.Params.author }} -
-
- + diff --git a/layouts/_partials/hero.html b/layouts/_partials/hero.html index 11034be..ac8a4e1 100644 --- a/layouts/_partials/hero.html +++ b/layouts/_partials/hero.html @@ -1,11 +1,39 @@ -
- {{ partial "matrix-canvas.html" . }} -
-
{{ .Site.Params.avatar }}
-
-

{{ .Site.Params.author }}

-
// engineer • writer • human
-

{{ .Site.Params.description }}

+
+
+
// Featured
+

{{ .Site.Params.author }}

+
+

{{ .Site.Params.description }}

+
+ Read Articles + Explore
+ +
+
+
+ + + +
+
+
$ whoami
+
danilo
+
$ pwd
+
/home/danilo/web
+
$ ls -la
+
total 48
+
drwxr-xr-x 5 danilo staff 160 Apr 9 2026 .
+
-rw-r--r-- 1 danilo staff 4.2K blog.md
+
+
+
+ +
+ Scroll to explore + + + +
diff --git a/layouts/_partials/matrix-canvas.html b/layouts/_partials/matrix-canvas.html deleted file mode 100644 index b10b471..0000000 --- a/layouts/_partials/matrix-canvas.html +++ /dev/null @@ -1 +0,0 @@ - diff --git a/layouts/_partials/photo-article.html b/layouts/_partials/photo-article.html new file mode 100644 index 0000000..1040c9b --- /dev/null +++ b/layouts/_partials/photo-article.html @@ -0,0 +1,32 @@ +
+ + {{ if .Params.image }} +
+
+
+

{{ .Title }}

+
+
+ {{ end }} + + +
+
+ {{ .Params.type }} + {{ .Date.Format "Jan 02, 2006" }} +
+
+ + +
+
+ {{ .Content }} +
+
+ + + {{ $photoUtils := resources.Get "js/photo-utils.js" }} + {{ $lightbox := resources.Get "js/lightbox.js" | fingerprint }} + + +
diff --git a/layouts/_partials/share-sidebar.html b/layouts/_partials/share-sidebar.html new file mode 100644 index 0000000..36b6d03 --- /dev/null +++ b/layouts/_partials/share-sidebar.html @@ -0,0 +1,28 @@ + diff --git a/layouts/_partials/static-page.html b/layouts/_partials/static-page.html new file mode 100644 index 0000000..d557b2f --- /dev/null +++ b/layouts/_partials/static-page.html @@ -0,0 +1,33 @@ +
+ +
+
+
+

{{ .Title }}

+
+
+ + +
+ {{ .Content }} +
+ + + {{ if eq .Section "is" }} + + {{ end }} +
diff --git a/layouts/_partials/timeline-item.html b/layouts/_partials/timeline-item.html new file mode 100644 index 0000000..fcb3f50 --- /dev/null +++ b/layouts/_partials/timeline-item.html @@ -0,0 +1,31 @@ +{{ $page := .page }} +{{ $index := .index }} +{{ $position := "left" }} +{{ if (eq (mod $index 2) 1) }} + {{ $position = "right" }} +{{ end }} + +
+
+ +
+ {{ if $page.Params.image }} +
+ {{ $page.Title }} +
+ {{ end }} + +
+
+ {{ $page.Params.type }} + {{ $page.Date.Format "Jan 02, 2006" }} +
+

+ {{ $page.Title }} +

+ {{ with $page.Params.description }} +

{{ . }}

+ {{ end }} +
+
+
-- cgit v1.2.3