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/posts/index.html | |
| 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/posts/index.html')
| -rw-r--r-- | public/posts/index.html | 82 |
1 files changed, 0 insertions, 82 deletions
diff --git a/public/posts/index.html b/public/posts/index.html deleted file mode 100644 index 47d0691..0000000 --- a/public/posts/index.html +++ /dev/null @@ -1,82 +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>Posts | 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> - <div class="container"> - <h1>Posts</h1> - - - <p>Tempor est exercitation ad qui pariatur quis adipisicing aliquip nisi ea consequat ipsum occaecat. Nostrud consequat ullamco laboris fugiat esse esse adipisicing velit laborum ipsum incididunt ut enim. Dolor pariatur nulla quis fugiat dolore excepteur. Aliquip ad quis aliqua enim do consequat.</p> - - - </div> - - -</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> |