| Age | Commit message (Collapse) | Author | Files | Lines |
|---|
|
|
|
Updates all 6 content files to use new `use` parameter and `caption`
descriptions. Adds i18n keys for the default button label. Bumps
submodule to include the new cta-block component.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
|
|
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
|
|
|
|
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
|
|
|
|
|
|
|
|
Sl-Hack-Ware project on github. [EN,IT]
|
|
|
|
|
|
|
|
- Create tag-cloud.html partial with flexible dict interface:
* showCount (bool): Toggle count badges
* wrapInWidget (bool): Sidebar widget wrapper with .sidebar-widget class
* maxTags (int): Limit shown tags (used for sidebar: 15 max)
* headingLevel (h2|h3): Configurable heading element
- Implement visual tier scaling by frequency (3 tiers):
* low: 0.75rem, 0.75 opacity — uncommon tags
* medium: 0.875rem, 0.88 opacity — moderate frequency
* high: 1rem, 1 opacity, accent border — popular tags
- Add .tag-cloud and .tag-tier-* CSS classes (main.css):
* Uses CSS variables (--accent, --border, --text-dim) for dark/light compatibility
* Focus ring matches site standard (outline-offset: 2px)
* Hover state: accent border + subtle bg tint
* prefers-reduced-motion: transitions disabled
- Integrate in 3 locations:
* Homepage (layouts/index.html): Full cloud with counts
* Article sidebar (layouts/partials/sidebar.html): Compact widget, 15 max, no counts
* 404 pages (404.en.html, 404.it.html): Full cloud between recent articles and nav
- A11y implementation:
* <section aria-labelledby> landmark (non-sidebar mode)
* <nav aria-label="Browse by topic"> named navigation
* Each link aria-label includes count text even when visual badge hidden
* <span aria-hidden="true"> on count badge to avoid duplication
* Proper heading hierarchy (h2 homepage, h3 on 404)
- Add i18n keys (en.yaml, it.yaml):
* tagCloud: "Explore Topics" / "Esplora gli argomenti"
* exploreTopics: "Browse by topic" / "Sfoglia per argomento"
- URL handling: Use .Page.RelPermalink from OrderedTaxonomyEntry — no manual /tags/ construction, language-aware paths work automatically
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
hugo.toml.
|
|
Manual testing completed with all verifications passing:
Build & Setup:
- Hugo built successfully (289 EN pages, 253 IT pages)
- search-index.json generated (7.5KB) with valid JSON array structure
- Language-specific indices created: /search-index.json and /it/search-index.json
- CSS compiled via Tailwind (77KB, includes focus ring utilities)
- Hugo dev server started successfully on localhost:1313
Desktop Modal (Hidden on Mobile):
- Search icon visible in header (magnifying glass icon, md: breakpoint)
- Click search icon opens modal with overlay
- Input field auto-focused (Alpine.js $nextTick handler)
- Type query filters results in real-time (max 5 results)
- Results display title + publication date
- Click result navigates to article URL (both EN and IT)
- Esc key closes modal (Alpine handleEscape listener)
- Click backdrop (outside modal) closes it
- Close button (×) closes modal (Alpine close method)
Mobile Menu (Hidden on Desktop):
- Search icon NOT visible in header (hidden md:hidden)
- Hamburger menu contains search bar at top
- Search bar visible between navigation links and language toggle
- Type query filters results in real-time below input
- Click result navigates to article and closes menu automatically
404 Page Search:
- 404 page (/nonexistent/) renders without errors
- Search bar visible on 404 page
- Type query returns results matching content
- Click result navigates to article
- No console errors (Alpine components load cleanly)
Lazy Loading (Verified):
- Initial page load: /search-index.json not loaded
- On search activation: ensureIndexLoaded() fetches /search-index.json
- Subsequent searches: window.searchIndex cached, no refetch
- Reduces bandwidth on non-searching users
Keyboard Accessibility:
- Search icon has focus ring (focus:ring-2 focus:ring-accent)
- Tab navigation cycles through: search icon → close button
- Esc key from anywhere closes modal (window-level listener)
- Input field receives focus automatically on modal open
Language Switching:
- English articles link to /articles/...
- Italian articles link to /it/articles/...
- Both language indices contain complete article list
- Search works identically in both languages
- Language toggle in menu switches between EN/IT seamlessly
Code Quality:
- search.min.js 2.0KB (minified Alpine components)
- searchOverlay(), mobileSearch(), notFoundPage() components functional
- Duplicate i18n keys fixed (searchPlaceholder, noSearchResults)
- filterArticles() utility limits results to 5 per query
- loadSearchIndex() handles async loading with error fallback
All manual tests passed. Search functionality production-ready.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
Adds searchArticles, searchPlaceholder, and noSearchResults keys for both English and Italian translations. All search UI text is now fully localized.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
Add i18n keys for all footer text:
- Copyright bar: "Made with X lack of Y lots of Z by"
- Screen-reader text: love, sleep, coffee
- About section labels: role, cert, os, focus
- About section values: Cybersecurity Specialist, Slackware, OS year range, open-source · privacy
English and Italian translations provided.
All footer text now responds to language selection with no hardcoded strings.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
tech/feature badges
New footer structure: 3 equal columns (Fortune Cookie | About Credentials | Stack & Features badges) + full-width copyright bar with emoji personality line.
Fortune Cookie:
- data/quotes.yaml with 13 curated quotes
- fortune.js picks random quote on each page load
- HTML fallback shows first quote with no-JS
- aria-live="polite" announces quote to screen readers
About Column:
- Terminal readout style with key-value pairs
- role, cert (green), os, focus fields
- Semantic <dl> structure for accessibility
Badges Column:
- "built with" section: Hugo, Tailwind, Alpine.js, HTML5, CSS3, JS (purple badges)
- "features" section: WCAG 2.1 AA, Open Source, Privacy Friendly, Claude Code (green badges)
- New badge-footer-accent/accent2 CSS classes
Copyright Bar:
- "Made with ❤️ lack of 😴 lots of ☕ by danix" with emoji wrapped in aria-hidden
- danix link points to language-aware About page (/is/ or /it/is/)
- Centered, full-width, below border-top
i18n additions:
- footer_built_with, footer_features keys in English and Italian
Theming:
- All colors use CSS custom properties (--accent, --accent2, --text, --text-dim)
- Monospace fonts throughout (JetBrains Mono)
- Responsive: grid-cols-1 mobile → md:grid-cols-3 tablet+
- WCAG 2.1 AA compliant: ≥4.5:1 contrast ratios, keyboard accessible, screen reader tested
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
Add 7 new translation keys to all four i18n files for the social sharing
widget feature: reddit, pinterest, whatsapp, telegram, signal, shareViaEmail,
and linkCopied. Updated both theme and root i18n files in English and Italian.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
Deliverables:
- Implemented language-specific 404 pages (404.en.html, 404.it.html)
* Hugo i18n template pattern for automatic language routing
* Full translation support for all UI strings
* Easter egg modal with interactive experience
* Theme-aware styling (dark/light mode)
* Search functionality and recent articles
- Built Repository page with full Slackware package showcase
* Hero section, quick start guide, installation instructions
* Responsive card grid layout for packages
* GitHub repository links with visit buttons
* Complete i18n translations for all content
* Theme-aware styling throughout
- Integrated Repository menu entry
* Added to main navigation in both languages
* Positioned between Contact and Privacy (weight: 4)
* Added missing i18n translation keys
Testing:
- Verified 404 routing works correctly in Hugo dev server
- Validated all translations display without warnings
- Confirmed theme switching works on both pages
- Tested mobile and desktop layouts
- Menu entries render correctly in all views
Cleanup:
- Removed outdated Week 1-5 documentation
- Archived progress reports in git history
- Retained essential technical documentation
Status: Ready for Week 7 implementation
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
mode, responsive)
|
|
|
|
|
|
|
|
|
|
- Added language-aware breadcrumb links (IT uses /it/ subdir, EN uses root)
- Added 'home' translation key to both i18n files
- Breadcrumb now displays translated labels and correct URLs for each language
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
Replace hardcoded "Posts: N" with i18n "postCount" key using Hugo's
pluralization support (one/other forms). Renders "1 post" or "N posts"
in English, "1 articolo" or "N articoli" in Italian.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
Fixed two critical bugs in taxonomy layouts:
1. Pinned/unpinned filter was silently hiding all articles. The filter
only matched pages that explicitly set pinned=false, dropping all
articles that omitted the parameter (most articles have nil, not false).
Added the nil/empty fallback from _default/list.html.
2. Missing i18n keys caused blank headings on some taxonomy pages:
- Added 'tag' key for /tags/term/ pages
- Added 'categories' key for /categories/ list page
3. Harmonized spacing with main article list for visual consistency:
Changed from space-y-2 max-w-2xl to space-y-6 max-w-3xl
Changes:
- i18n/en.yaml: Added 'tag' and 'categories' keys
- i18n/it.yaml: Added 'tag' and 'categories' keys
- taxonomy/list.html: Added nil fallback + spacing fix
- taxonomy/term.html: Added nil fallback + spacing fix
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
|
|
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>
|
|
- 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>
|
