diff options
| author | Danilo M. <danix@danix.xyz> | 2026-04-10 11:29:00 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-04-10 11:29:00 +0200 |
| commit | c42150058196f5affad5c6c590e99dd2fc7321c3 (patch) | |
| tree | cb0a7ad297128a43d32111e403959491573b6ace /public/tags | |
| parent | d51e4ef7dcd8609cd008a803f9d51674ac3d3ed2 (diff) | |
| download | danixxyz-theme-c42150058196f5affad5c6c590e99dd2fc7321c3.tar.gz danixxyz-theme-c42150058196f5affad5c6c590e99dd2fc7321c3.zip | |
feat: complete Hugo theme implementation from mockups
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 <noreply@anthropic.com>
Diffstat (limited to 'public/tags')
| -rw-r--r-- | public/tags/blue/index.html | 77 | ||||
| -rw-r--r-- | public/tags/blue/index.xml | 19 | ||||
| -rw-r--r-- | public/tags/green/index.html | 79 | ||||
| -rw-r--r-- | public/tags/green/index.xml | 26 | ||||
| -rw-r--r-- | public/tags/index.html | 81 | ||||
| -rw-r--r-- | public/tags/index.xml | 33 | ||||
| -rw-r--r-- | public/tags/red/index.html | 81 | ||||
| -rw-r--r-- | public/tags/red/index.xml | 33 |
8 files changed, 0 insertions, 429 deletions
diff --git a/public/tags/blue/index.html b/public/tags/blue/index.html deleted file mode 100644 index 8ed343b..0000000 --- a/public/tags/blue/index.html +++ /dev/null @@ -1,77 +0,0 @@ -<!DOCTYPE html> -<html lang="en-US" dir="ltr"> -<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> - <meta charset="utf-8"> -<meta name="viewport" content="width=device-width, initial-scale=1"> -<meta name="description" content="Writing about IT, life, and the things that matter."> -<meta name="theme-color" content="#060b10"> -<title>Blue | danilo m.</title> - - - <link rel="stylesheet" href="/css/main.css"> - - - <script src="/js/main.js"></script> - - -</head> -<body> - <div class="reading-progress"></div> - <header><div class="header-container"> - <a href="/" class="site-title">Danilo M.</a> - <div class="header-controls"> - <nav> - <ul> - - <li> - <a href="/articles/" > - articles - </a> - </li> - - <li> - <a href="/is/" > - about - </a> - </li> - - <li> - <a href="/is/here/" > - contact - </a> - </li> - - </ul> - </nav> - <button id="theme-toggle-btn" class="theme-toggle" aria-label="Toggle theme">🌙 dark</button> - </div> -</div> -</header> - <main> - <h1>Blue</h1> - - - <h2><a href="/posts/post-3/">Post 3</a></h2> - -</main> - <footer><div class="footer-container"> - <div class="footer-content"> - <div class="footer-copyright"> - © 2026 Danilo M.. All rights reserved. - </div> - <nav> - <ul class="footer-nav"> - - <li><a href="/articles/">articles</a></li> - - <li><a href="/is/">about</a></li> - - <li><a href="/is/here/">contact</a></li> - - </ul> - </nav> - </div> -</div> -</footer> -</body> -</html> diff --git a/public/tags/blue/index.xml b/public/tags/blue/index.xml deleted file mode 100644 index aa9747f..0000000 --- a/public/tags/blue/index.xml +++ /dev/null @@ -1,19 +0,0 @@ -<?xml version="1.0" encoding="utf-8" standalone="yes"?> -<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> - <channel> - <title>Blue on danilo m.</title> - <link>http://localhost:1313/tags/blue/</link> - <description>Recent content in Blue on danilo m.</description> - <generator>Hugo</generator> - <language>en-US</language> - <lastBuildDate>Wed, 15 Mar 2023 11:00:00 -0700</lastBuildDate> - <atom:link href="http://localhost:1313/tags/blue/index.xml" rel="self" type="application/rss+xml" /> - <item> - <title>Post 3</title> - <link>http://localhost:1313/posts/post-3/</link> - <pubDate>Wed, 15 Mar 2023 11:00:00 -0700</pubDate> - <guid>http://localhost:1313/posts/post-3/</guid> - <description><p>Occaecat aliqua consequat laborum ut ex aute aliqua culpa quis irure esse magna dolore quis. Proident fugiat labore eu laboris officia Lorem enim. Ipsum occaecat cillum ut tempor id sint aliqua incididunt nisi incididunt reprehenderit. Voluptate ad minim sint est aute aliquip esse occaecat tempor officia qui sunt. Aute ex ipsum id ut in est velit est laborum incididunt. Aliqua qui id do esse sunt eiusmod id deserunt eu nostrud aute sit ipsum. Deserunt esse cillum Lorem non magna adipisicing mollit amet consequat.</p></description> - </item> - </channel> -</rss> diff --git a/public/tags/green/index.html b/public/tags/green/index.html deleted file mode 100644 index 025cdee..0000000 --- a/public/tags/green/index.html +++ /dev/null @@ -1,79 +0,0 @@ -<!DOCTYPE html> -<html lang="en-US" dir="ltr"> -<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> - <meta charset="utf-8"> -<meta name="viewport" content="width=device-width, initial-scale=1"> -<meta name="description" content="Writing about IT, life, and the things that matter."> -<meta name="theme-color" content="#060b10"> -<title>Green | danilo m.</title> - - - <link rel="stylesheet" href="/css/main.css"> - - - <script src="/js/main.js"></script> - - -</head> -<body> - <div class="reading-progress"></div> - <header><div class="header-container"> - <a href="/" class="site-title">Danilo M.</a> - <div class="header-controls"> - <nav> - <ul> - - <li> - <a href="/articles/" > - articles - </a> - </li> - - <li> - <a href="/is/" > - about - </a> - </li> - - <li> - <a href="/is/here/" > - contact - </a> - </li> - - </ul> - </nav> - <button id="theme-toggle-btn" class="theme-toggle" aria-label="Toggle theme">🌙 dark</button> - </div> -</div> -</header> - <main> - <h1>Green</h1> - - - <h2><a href="/posts/post-3/">Post 3</a></h2> - - <h2><a href="/posts/post-2/">Post 2</a></h2> - -</main> - <footer><div class="footer-container"> - <div class="footer-content"> - <div class="footer-copyright"> - © 2026 Danilo M.. All rights reserved. - </div> - <nav> - <ul class="footer-nav"> - - <li><a href="/articles/">articles</a></li> - - <li><a href="/is/">about</a></li> - - <li><a href="/is/here/">contact</a></li> - - </ul> - </nav> - </div> -</div> -</footer> -</body> -</html> diff --git a/public/tags/green/index.xml b/public/tags/green/index.xml deleted file mode 100644 index 2f9098a..0000000 --- a/public/tags/green/index.xml +++ /dev/null @@ -1,26 +0,0 @@ -<?xml version="1.0" encoding="utf-8" standalone="yes"?> -<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> - <channel> - <title>Green on danilo m.</title> - <link>http://localhost:1313/tags/green/</link> - <description>Recent content in Green on danilo m.</description> - <generator>Hugo</generator> - <language>en-US</language> - <lastBuildDate>Wed, 15 Mar 2023 11:00:00 -0700</lastBuildDate> - <atom:link href="http://localhost:1313/tags/green/index.xml" rel="self" type="application/rss+xml" /> - <item> - <title>Post 3</title> - <link>http://localhost:1313/posts/post-3/</link> - <pubDate>Wed, 15 Mar 2023 11:00:00 -0700</pubDate> - <guid>http://localhost:1313/posts/post-3/</guid> - <description><p>Occaecat aliqua consequat laborum ut ex aute aliqua culpa quis irure esse magna dolore quis. Proident fugiat labore eu laboris officia Lorem enim. Ipsum occaecat cillum ut tempor id sint aliqua incididunt nisi incididunt reprehenderit. Voluptate ad minim sint est aute aliquip esse occaecat tempor officia qui sunt. Aute ex ipsum id ut in est velit est laborum incididunt. Aliqua qui id do esse sunt eiusmod id deserunt eu nostrud aute sit ipsum. Deserunt esse cillum Lorem non magna adipisicing mollit amet consequat.</p></description> - </item> - <item> - <title>Post 2</title> - <link>http://localhost:1313/posts/post-2/</link> - <pubDate>Wed, 15 Feb 2023 10:00:00 -0700</pubDate> - <guid>http://localhost:1313/posts/post-2/</guid> - <description><p>Anim eiusmod irure incididunt sint cupidatat. Incididunt irure irure irure nisi ipsum do ut quis fugiat consectetur proident cupidatat incididunt cillum. Dolore voluptate occaecat qui mollit laborum ullamco et. Ipsum laboris officia anim laboris culpa eiusmod ex magna ex cupidatat anim ipsum aute. Mollit aliquip occaecat qui sunt velit ut cupidatat reprehenderit enim sunt laborum. Velit veniam in officia nulla adipisicing ut duis officia.</p>
<p>Exercitation voluptate irure in irure tempor mollit Lorem nostrud ad officia. Velit id fugiat occaecat do tempor. Sit officia Lorem aliquip eu deserunt consectetur. Aute proident deserunt in nulla aliquip dolore ipsum Lorem ut cupidatat consectetur sit sint laborum. Esse cupidatat sit sint sunt tempor exercitation deserunt. Labore dolor duis laborum est do nisi ut veniam dolor et nostrud nostrud.</p></description> - </item> - </channel> -</rss> diff --git a/public/tags/index.html b/public/tags/index.html deleted file mode 100644 index ce1a253..0000000 --- a/public/tags/index.html +++ /dev/null @@ -1,81 +0,0 @@ -<!DOCTYPE html> -<html lang="en-US" dir="ltr"> -<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> - <meta charset="utf-8"> -<meta name="viewport" content="width=device-width, initial-scale=1"> -<meta name="description" content="Writing about IT, life, and the things that matter."> -<meta name="theme-color" content="#060b10"> -<title>Tags | danilo m.</title> - - - <link rel="stylesheet" href="/css/main.css"> - - - <script src="/js/main.js"></script> - - -</head> -<body> - <div class="reading-progress"></div> - <header><div class="header-container"> - <a href="/" class="site-title">Danilo M.</a> - <div class="header-controls"> - <nav> - <ul> - - <li> - <a href="/articles/" > - articles - </a> - </li> - - <li> - <a href="/is/" > - about - </a> - </li> - - <li> - <a href="/is/here/" > - contact - </a> - </li> - - </ul> - </nav> - <button id="theme-toggle-btn" class="theme-toggle" aria-label="Toggle theme">🌙 dark</button> - </div> -</div> -</header> - <main> - <h1>Tags</h1> - - - <h2><a href="/tags/blue/">Blue</a></h2> - - <h2><a href="/tags/green/">Green</a></h2> - - <h2><a href="/tags/red/">Red</a></h2> - -</main> - <footer><div class="footer-container"> - <div class="footer-content"> - <div class="footer-copyright"> - © 2026 Danilo M.. All rights reserved. - </div> - <nav> - <ul class="footer-nav"> - - <li><a href="/articles/">articles</a></li> - - <li><a href="/is/">about</a></li> - - <li><a href="/is/here/">contact</a></li> - - </ul> - </nav> - </div> -</div> -</footer> -</body> -</html> diff --git a/public/tags/index.xml b/public/tags/index.xml deleted file mode 100644 index 3a78b22..0000000 --- a/public/tags/index.xml +++ /dev/null @@ -1,33 +0,0 @@ -<?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 danilo m.</title> - <link>http://localhost:1313/tags/</link> - <description>Recent content in Tags on danilo m.</description> - <generator>Hugo</generator> - <language>en-US</language> - <lastBuildDate>Wed, 15 Mar 2023 11:00:00 -0700</lastBuildDate> - <atom:link href="http://localhost:1313/tags/index.xml" rel="self" type="application/rss+xml" /> - <item> - <title>Blue</title> - <link>http://localhost:1313/tags/blue/</link> - <pubDate>Wed, 15 Mar 2023 11:00:00 -0700</pubDate> - <guid>http://localhost:1313/tags/blue/</guid> - <description></description> - </item> - <item> - <title>Green</title> - <link>http://localhost:1313/tags/green/</link> - <pubDate>Wed, 15 Mar 2023 11:00:00 -0700</pubDate> - <guid>http://localhost:1313/tags/green/</guid> - <description></description> - </item> - <item> - <title>Red</title> - <link>http://localhost:1313/tags/red/</link> - <pubDate>Wed, 15 Mar 2023 11:00:00 -0700</pubDate> - <guid>http://localhost:1313/tags/red/</guid> - <description></description> - </item> - </channel> -</rss> diff --git a/public/tags/red/index.html b/public/tags/red/index.html deleted file mode 100644 index 7617dd6..0000000 --- a/public/tags/red/index.html +++ /dev/null @@ -1,81 +0,0 @@ -<!DOCTYPE html> -<html lang="en-US" dir="ltr"> -<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> - <meta charset="utf-8"> -<meta name="viewport" content="width=device-width, initial-scale=1"> -<meta name="description" content="Writing about IT, life, and the things that matter."> -<meta name="theme-color" content="#060b10"> -<title>Red | danilo m.</title> - - - <link rel="stylesheet" href="/css/main.css"> - - - <script src="/js/main.js"></script> - - -</head> -<body> - <div class="reading-progress"></div> - <header><div class="header-container"> - <a href="/" class="site-title">Danilo M.</a> - <div class="header-controls"> - <nav> - <ul> - - <li> - <a href="/articles/" > - articles - </a> - </li> - - <li> - <a href="/is/" > - about - </a> - </li> - - <li> - <a href="/is/here/" > - contact - </a> - </li> - - </ul> - </nav> - <button id="theme-toggle-btn" class="theme-toggle" aria-label="Toggle theme">🌙 dark</button> - </div> -</div> -</header> - <main> - <h1>Red</h1> - - - <h2><a href="/posts/post-3/">Post 3</a></h2> - - <h2><a href="/posts/post-2/">Post 2</a></h2> - - <h2><a href="/posts/post-1/">Post 1</a></h2> - -</main> - <footer><div class="footer-container"> - <div class="footer-content"> - <div class="footer-copyright"> - © 2026 Danilo M.. All rights reserved. - </div> - <nav> - <ul class="footer-nav"> - - <li><a href="/articles/">articles</a></li> - - <li><a href="/is/">about</a></li> - - <li><a href="/is/here/">contact</a></li> - - </ul> - </nav> - </div> -</div> -</footer> -</body> -</html> diff --git a/public/tags/red/index.xml b/public/tags/red/index.xml deleted file mode 100644 index 84e6c56..0000000 --- a/public/tags/red/index.xml +++ /dev/null @@ -1,33 +0,0 @@ -<?xml version="1.0" encoding="utf-8" standalone="yes"?> -<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> - <channel> - <title>Red on danilo m.</title> - <link>http://localhost:1313/tags/red/</link> - <description>Recent content in Red on danilo m.</description> - <generator>Hugo</generator> - <language>en-US</language> - <lastBuildDate>Wed, 15 Mar 2023 11:00:00 -0700</lastBuildDate> - <atom:link href="http://localhost:1313/tags/red/index.xml" rel="self" type="application/rss+xml" /> - <item> - <title>Post 3</title> - <link>http://localhost:1313/posts/post-3/</link> - <pubDate>Wed, 15 Mar 2023 11:00:00 -0700</pubDate> - <guid>http://localhost:1313/posts/post-3/</guid> - <description><p>Occaecat aliqua consequat laborum ut ex aute aliqua culpa quis irure esse magna dolore quis. Proident fugiat labore eu laboris officia Lorem enim. Ipsum occaecat cillum ut tempor id sint aliqua incididunt nisi incididunt reprehenderit. Voluptate ad minim sint est aute aliquip esse occaecat tempor officia qui sunt. Aute ex ipsum id ut in est velit est laborum incididunt. Aliqua qui id do esse sunt eiusmod id deserunt eu nostrud aute sit ipsum. Deserunt esse cillum Lorem non magna adipisicing mollit amet consequat.</p></description> - </item> - <item> - <title>Post 2</title> - <link>http://localhost:1313/posts/post-2/</link> - <pubDate>Wed, 15 Feb 2023 10:00:00 -0700</pubDate> - <guid>http://localhost:1313/posts/post-2/</guid> - <description><p>Anim eiusmod irure incididunt sint cupidatat. Incididunt irure irure irure nisi ipsum do ut quis fugiat consectetur proident cupidatat incididunt cillum. Dolore voluptate occaecat qui mollit laborum ullamco et. Ipsum laboris officia anim laboris culpa eiusmod ex magna ex cupidatat anim ipsum aute. Mollit aliquip occaecat qui sunt velit ut cupidatat reprehenderit enim sunt laborum. Velit veniam in officia nulla adipisicing ut duis officia.</p>
<p>Exercitation voluptate irure in irure tempor mollit Lorem nostrud ad officia. Velit id fugiat occaecat do tempor. Sit officia Lorem aliquip eu deserunt consectetur. Aute proident deserunt in nulla aliquip dolore ipsum Lorem ut cupidatat consectetur sit sint laborum. Esse cupidatat sit sint sunt tempor exercitation deserunt. Labore dolor duis laborum est do nisi ut veniam dolor et nostrud nostrud.</p></description> - </item> - <item> - <title>Post 1</title> - <link>http://localhost:1313/posts/post-1/</link> - <pubDate>Sun, 15 Jan 2023 09:00:00 -0700</pubDate> - <guid>http://localhost:1313/posts/post-1/</guid> - <description><p>Tempor proident minim aliquip reprehenderit dolor et ad anim Lorem duis sint eiusmod. Labore ut ea duis dolor. Incididunt consectetur proident qui occaecat incididunt do nisi Lorem. Tempor do laborum elit laboris excepteur eiusmod do. Eiusmod nisi excepteur ut amet pariatur adipisicing Lorem.</p>
<p>Occaecat nulla excepteur dolore excepteur duis eiusmod ullamco officia anim in voluptate ea occaecat officia. Cillum sint esse velit ea officia minim fugiat. Elit ea esse id aliquip pariatur cupidatat id duis minim incididunt ea ea. Anim ut duis sunt nisi. Culpa cillum sit voluptate voluptate eiusmod dolor. Enim nisi Lorem ipsum irure est excepteur voluptate eu in enim nisi. Nostrud ipsum Lorem anim sint labore consequat do.</p></description> - </item> - </channel> -</rss> |