| Age | Commit message (Collapse) | Author | Files | Lines |
|
and hugo.Data
- Replace .Site.Languages with site.Languages in hamburger-menu.html and header.html
- Replace .Site.Data with hugo.Data in repository/single.html and footer.html
- Add acronym shortcode for semantic HTML abbr tags with title attributes
|
|
|
|
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>
|
|
Removed contact.html and search.html shortcodes as they won't be used in the new theme. Also removed their documentation from CONTENT_GUIDE.
Remaining shortcodes: gravatar, quote, img, figure, video, strike, em, dropcap, div, div-close, gallery, gal-img, svg, actions
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
Added 11 additional shortcodes with complete documentation:
Text formatting:
- strike: strikethrough text
- em: highlighted/marked text
- dropcap: paragraph with decorative drop cap
Container wrappers:
- div / div-close: semantic div containers with classes
Gallery:
- gallery: gallery container
- gal-img: gallery images (400px WebP thumbnail with link)
Utility:
- svg: inline SVG icons from assets/SVGs/
- actions: button-style action links
- search: search form with results display
- contact: comprehensive contact form
All shortcodes now fully documented in CONTENT_GUIDE with usage examples and parameters.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
Ported video shortcode from previous theme. Embeds HTML5 videos with optional autoplay, loop, and muted controls. Supports mp4, webm, and other HTML5 video formats.
Usage: {{< video src="video.mp4" width=800 height=450 autoplay=true loop=true muted=true >}}
Also updated CONTENT_GUIDE with comprehensive usage examples and parameters.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
Changed from .Inner to .InnerDeindent to properly evaluate and dedent inner content when a closing tag is provided.
This fixes the Hugo error: 'shortcode "figure" does not evaluate .Inner or .InnerDeindent'
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
Ported figure shortcode from previous theme. Wraps content in semantic <figure> element with optional title, caption, attribution, and link support.
Typical usage:
{{< figure caption="Image caption" attr="Photo by Someone" >}}
{{< img src="image.jpg" alt="Description" >}}
{{< /figure >}}
Also updated CONTENT_GUIDE with comprehensive usage examples and parameters.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
Ported img shortcode from previous theme. Creates responsive, optimized images with LQIP fade-in effect, WebP with JPEG fallback, and responsive srcsets.
Requires imageSizes config in hugo.toml, e.g.:
[params]
imageSizes = [640, 900, 1200, 1600]
Usage: {{< img src="path/to/image.jpg" alt="Description" >}}
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
Ported quote shortcode from previous theme. Allows embedding styled blockquotes with optional source attribution and links.
Usage: {{< quote source="Author Name" src="https://example.com" >}}Quote text{{< /quote >}}
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
Ported gravatar shortcode from previous theme. Allows embedding Gravatar images with customizable size, link, and caption.
Usage: {{< gravatar mail="email@example.com" size=150 link="https://example.com" caption="Profile photo" >}}
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|