diff options
Diffstat (limited to 'CLAUDE.md')
| -rw-r--r-- | CLAUDE.md | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/CLAUDE.md b/CLAUDE.md new file mode 100644 index 0000000..21335b2 --- /dev/null +++ b/CLAUDE.md @@ -0,0 +1,36 @@ +# Hugo Theme Architecture Instructions - danix.xyz + +You are the lead software architect for https://danix.xyz. Your code must follow a "Slackware-style" philosophy: clean, essential, and free of bloat. + +## 🌍 Multilingual Support (IT/EN) +The site is bilingual (Italian and English). You must: +- **i18n Framework**: Use Hugo’s translation folders (`i18n/it.yaml`, `i18n/en.yaml`) for all UI strings (e.g., "Read more", "Contact me", "Menu"). +- **Language Switcher**: Implement a clean language toggle within the hamburger overlay. +- **Logic**: Ensure all templates (Home, Lists, Singles) correctly handle multilingual variables and menus defined in `hugo.toml`. + +## 🛠 Tech Stack +- **Hugo (Extended)**: Use Hugo Pipes for asset processing and minification. +- **Tailwind CSS**: Utility-first styling (use `@apply` for semantic components). +- **Alpine.js**: Logic for the overlay menu, language switching, and asynchronous form handling. +- **Vanilla JS**: For minimal optimizations and scripts where Alpine is not required. + +## 🧩 Shortcode System (Consensual) +DO NOT write code for shortcodes without consulting the user first. Implement: +1. **Contact Form**: `{{< contact_form >}}` with AJAX handling via Alpine.js targeting `contact.php`. Must support translated labels for fields and error messages. +2. **Gravatar**: Profile image retrieval via email hash. +3. **Images & Galleries**: Responsive, lazy-loading, and caption support. +4. **Video Embeds**: Privacy-friendly YouTube/Vimeo. + +**Documentation**: Update `SHORTCODES.md` with usage examples for every tool. + +## 🎨 Design & UX +- **Identity**: Maintain the font stack and palettes from `danix.me`. +- **Accent**: Primary Purple. Modern aesthetic with an open-source/hacker soul. +- **Hero**: Full-screen, dynamic text, bio, and profile photo (multilingual bio). +- **Navigation**: Top hamburger menu -> Full-screen overlay (Articles + Pages + Language Toggle - dark/light theme toggle). +- **A11y**: Target WCAG 2.1 AA. + +## 📝 Work Protocol +1. **Pianification**: Propose the `i18n` structure and partials layout before writing. +2. **Consultation**: Always ask before implementing complex logic or shortcodes. +3. **KISS**: Keep It Simple, Stupid.
\ No newline at end of file |
