summaryrefslogtreecommitdiffstats
path: root/themes/danix-xyz-hacker/layouts/partials
AgeCommit message (Collapse)AuthorFilesLines
2026-04-16fix: restore relative z-20 classes to footer for backdrop-filter to workfeature/footer-frosted-glassDanilo M.1-1/+1
2026-04-16refactor: remove positioning classes from footer for consistency with headerDanilo M.1-1/+1
2026-04-16refactor: use frosted-bar class on footer with stronger blur variantDanilo M.1-1/+1
2026-04-16adjust: reduce footer background opacity to 0.6 for better frosted glass ↵Danilo M.1-1/+1
visibility
2026-04-16fix: add position and z-index to footer for backdrop-filter to workDanilo M.1-1/+1
2026-04-16fix: add backdrop-filter blur to footer via CSS with vendor prefixDanilo M.1-1/+1
2026-04-16fix: use CSS variables in footer inline styles for theme-aware colorsDanilo M.1-1/+1
2026-04-16fix: apply frosted glass styling to footer via inline styles instead of CSS ↵Danilo M.1-1/+1
class
2026-04-16test: set footer background to red to check if inline styles work at allDanilo M.1-1/+1
2026-04-16test: add inline style to footer background for debuggingDanilo M.1-1/+1
2026-04-16test: set footer background to fully opaque (1) to debug stylingDanilo M.1-1/+1
2026-04-16fix: add frosted-bar-strong class to footer for stronger frosting and opacityDanilo M.1-1/+1
2026-04-16refactor: update internal footer divider to match frosted-bar border stylingDanilo M.1-1/+1
2026-04-16refactor: apply frosted-bar component to footerDanilo M.1-1/+1
2026-04-16refactor: apply frosted-bar component to headerDanilo M.1-1/+1
2026-04-16Complete matrix rain background effect implementationDanilo M.1-1/+1
- Add canvas-based matrix rain animation with ASCII + katakana characters - Implement per-column animation with varied drop speeds (2-4 frame throttle) - Theme-aware colors: purple and green accents with live switching - Homepage: 28% opacity (dark) / 35% opacity (light) for prominent hero effect - Inner pages: 13% opacity (dark) / 18% opacity (light) for subtle side gutters - Respect prefers-reduced-motion system setting - Add opaque background to content grids to block rain under text - Add .content-grid class to differentiate single pages from list pages - Add solid background to article list item cards - Update article list item with bg-bg class for readability - Z-index stack: canvas (z-1), content grid (z-9), main content (z-10) Files modified: - matrix-rain.js: new IIFE animation script with MutationObserver for theme switching - baseof.html: add canvas element and script tag with guard - main.css: add canvas positioning, opacity rules, content grid background - _default/single.html: add max-w-7xl and .content-grid class - articles/single.html: add max-w-7xl and .content-grid class - is/list.html: add max-w-7xl and .content-grid class - article-list-item.html: add bg-bg class for solid background Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-15Implement article type colors, reading progress bar, and optimize layoutDanilo M.2-22/+41
- Add colored type pills to article list items (overlay on thumbnails, top-right) - Add type accent corner (L-shaped) to single article headers with colored pill badge in metadata - Implement smooth reading progress bar at viewport top (violet→green gradient) - Progress bar only appears on single pages/articles, not on lists or homepage - Constrain article width to max-w-7xl for comfortable reading with side gutters - Use CSS variables for all colors to support dark/light theme switching - Add reading-progress.js with requestAnimationFrame throttling for performance - Update HANDOFF.md with current progress Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-15Resolve page bundle image paths correctlyDanilo M.1-2/+12
- Use Hugo Resources API to resolve image paths for page bundles - For images in the same directory as index.md, use image = "filename.jpg" - Template automatically resolves to correct permalink (/articles/slug/filename.jpg) - Falls back to literal image path if resource not found (for external URLs) Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-15Add thumbnail support to article listingsDanilo M.1-27/+58
- Add 'image' front matter parameter for article thumbnails - Redesign article-list-item.html as semantic article card: - Large thumbnail (aspect-video, object-cover) at top if image is present - Title linked to article page - Publication date and type badge - Excerpt (from .Description or .Summary with plainify) - "Read more" CTA button with arrow icon and hover animation - Increase list container width (max-w-2xl → max-w-3xl) and spacing (space-y-2 → space-y-6) - Thumbnail image has subtle scale-up hover effect - Arrow icon animates on hover - All three clickable elements (.image, title, CTA) link to article Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-15Fix theme toggle icon to always sync with actual page themeDanilo M.1-11/+2
Replace Alpine.js conditional rendering with plain JavaScript that: - Reads the actual theme class from the html element on page load - Updates icon visibility based on the real DOM state, not internal state - Handles navigation correctly since it checks the current class every time This fixes the issue where navigating between pages caused the icon to become out of sync with the actual theme being displayed. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-15Fix theme toggle icon state sync on page navigationDanilo M.1-2/+9
The Alpine.js state was reading from localStorage instead of the actual class on the html element, causing the icon to be out of sync with the actual theme. Now we initialize the Alpine state by checking the current html classList, which is set by the page-load script in baseof.html. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-15Fix design system compliance: CSS variables, accessibility, and theme systemDanilo M.6-11/+12
Core CSS improvements: - Add --surface-rgb, --type-* (tech, life, quote, link, photo) custom properties - Add --type-* semantic color classes for article badges - Convert article badges from inline styles to CSS variable system - Add prefers-color-scheme light fallback for no-JS users - Add prefers-reduced-motion support to respect user accessibility settings - Replace *:focus with *:focus-visible (keyboard-only outlines) - Add clamp() fluid typography for hero-title and section-title - Refactor container rules to mobile-first with 1060px breakpoint Theme & Icon fixes: - Fix theme toggle icon display with Alpine.js (was broken with Tailwind dark: classes) - Add aria-hidden="true" to icon elements - Update header with proper ARIA attributes on menu toggle Accessibility enhancements: - Add skip-to-main-content link in baseof.html - Update hamburger menu with aria-expanded, aria-controls, aria-hidden - Implement focus trap (Tab loops) within mobile menu - Return focus to trigger button on menu close - Add menu open/close state management with proper ARIA Semantic HTML: - Wrap article pages in <article> element (articles/single.html, _default/single.html) - Fix quote article to use --type-quote border color instead of generic accent Image optimization: - Add loading="lazy" to profile image in index.html - Add loading="lazy" to featured image in photo.html Template fixes: - Remove broken os.Getenv "THEME" runtime check from article-list-item.html - Replace inline color styles with semantic .type-* classes - Add 1060px lg: breakpoint to tailwind.config.js i18n updates: - Add skipToContent translations (en, it) Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-15Complete multilingual theme implementation with language-aware menusDanilo M.2-18/+4
- Refactor hugo.toml to define menus separately for each language using pageRef - Simplify header and hamburger-menu templates to use Hugo-native language handling - Update content structure with proper language prefix organization - Remove JavaScript language-switcher in favor of Hugo's native approach - Add new layout templates for /is/ section with list view - Update HANDOFF.md with current implementation status - Rebuild minified CSS with updated template changes Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-15Fix language switcher to preserve current page pathDanilo M.2-4/+26
- Update language switcher to translate current page path instead of redirecting to root - When switching languages, preserve the page you're on (e.g., /articles/ → /it/articles/) - Works for both desktop header and mobile hamburger menu - Uses Hugo's string functions to manipulate URL paths Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-15Add language toggle to desktop headerDanilo M.1-1/+18
- Add language switcher (IT/EN) visible on desktop only - Language buttons show in header next to theme toggle - Current language highlighted with accent background - Mobile still uses hamburger menu for language toggle - Responsive design: hidden on mobile (md:hidden), visible on desktop Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-15Remove Alpine.js dependency from menu toggle, use vanilla JavaScriptDanilo M.1-3/+1
- Replace Alpine.js directives (@click, x-ref) with vanilla JS - Update hamburger-menu.html to use id selectors instead of x-ref - Rewrite menu.js to work without Alpine.js - Menu now opens/closes on click with proper event handling - Language toggle now accessible in hamburger menu Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-15Fix Hugo v0.160 compatibility: remove os.Getenv and fix template syntaxDanilo M.1-10/+13
- Remove os.Getenv("THEME") call that violates security policy - Use CSS variables and data attributes for theme-aware badge colors - Update theme-toggle.js to update badge colors on theme switch - Fix .LastMod → .Lastmod (correct API) - Fix template syntax for date comparison in article-header.html Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-15Fix shortcode location: move from shortcodes/ to layouts/shortcodes/Danilo M.1-4/+8
Hugo v0.156.0+ requires shortcodes to be in layouts/shortcodes/ directory. Moved all shortcodes (gravatar, image, gallery, contact-form) to correct location. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-04-15feat: create Tech article type template (uses Chroma for syntax)Danilo M.1-0/+3
2026-04-15feat: create Quote article type templateDanilo M.1-0/+15
2026-04-15feat: create Link article type template with external buttonDanilo M.1-0/+17
2026-04-15feat: create Photo article type templateDanilo M.1-0/+18
2026-04-15feat: create Life article type templateDanilo M.1-0/+3
2026-04-15feat: add article header and sidebar partials supporting single article templateDanilo M.2-0/+75
2026-04-15feat: create article list item with type badges and pinned indicatorDanilo M.1-0/+40
2026-04-15feat: create language switcher with persistenceDanilo M.1-0/+1
2026-04-15fix: remove duplicate Alpine-based menu toggle, rely solely on menu.js for ↵Danilo M.1-34/+0
menu state management
2026-04-15fix: remove duplicate theme toggle logic from hamburger-menu.html, delegate ↵Danilo M.1-13/+2
to dedicated theme-toggle.js
2026-04-15feat: create footer with links and copyrightDanilo M.1-0/+38
2026-04-15feat: create hamburger overlay menu with language and theme togglesDanilo M.1-0/+112
2026-04-15feat: create responsive header with theme toggle and hamburgerDanilo M.1-0/+42