danix.xyz Theme Architecture

Hugo theme with config-driven structure, bilingual support, and hacker aesthetic

Core Design Principles

Page Structure

1. Home / Landing
→ Hero section (name, bio, photo)
→ CTA: Articles | Contact
→ Content from _index.md
2. Articles Section
→ List of posts (chronological)
→ Single article view
→ Content from content/ (Page Bundles)
3. Static Pages (config-driven)
→ /is (About)
→ /is/here (Contact)
→ /is/legal (Privacy)
(Easy to add more via hugo.toml)

Navigation Structure

Top Navigation (Desktop)
danix
Articles Contact
Hamburger Overlay Menu
Articles
About (/is)
Contact (/is/here)
Privacy (/is/legal)

🇮🇹 IT 🇬🇧 EN
☀️ / 🌙

Key Features

Alpine.js Integration

Overlay menu toggle, language switching, theme toggle, contact form AJAX

Responsive Design

Mobile-first Tailwind CSS, hamburger on mobile, full nav on desktop

i18n Ready

Hugo i18n system for all UI strings (buttons, labels, menus)

Easy Extensibility

Add static pages just by adding menu entries in hugo.toml

Visual Direction

Color Palette: Dark blue-grey backgrounds (#060b10, #0c1520), purple accent (#a855f7), green highlights (#00ff88), light blue-grey text (#c4d6e8)

Typography: Headings: Oxanium | Body: IBM Plex Sans | Monospace: JetBrains Mono

Visual Elements: Subtle dot-grid background, smooth transitions, minimal glow effects, clean borders, hacker/open-source aesthetic

Unique Touch: Fresh layout design (not a copy of danix.me), modern with hints of hacker/open-source/Slackware philosophy

Does this direction align with your vision?