This document serves as a reference for future AI agents or developers working on the Galette website migration from Jekyll to Hugo.
The objective was to port the Galette website while preserving its original design, multi-language support, and historical content (posts and pages).
- Implemented using Hugo's native i18n features.
- Configuration resides in
hugo.tomlunder[languages]. - Content is organized by language subdirectories in
content/(e.g.,content/fr/,content/en/). - Translation strings are managed in
i18n/*.yaml. - Created a
langselector.htmlpartial that maintains the original language order and highlights the active language.
- Base Structure: Defined in
layouts/_default/baseof.html. - CSS Architecture: Uses SASS (
assets/sass/). Main entry point ismain.scss, which imports modular files fromgalette/. - Known Fixes:
- Removed redundant
<body>tags in partials that were breaking the layout. - Simplified CSS selectors (removed strict
body >children) to accommodate Hugo's generated HTML structure. - Fixed the "Download Box" (
aside#galette) styling by correctinglinear-gradientsyntax and using theme-consistent orange variables. - Restored the right-hand sidebar using CSS Grid within
section.wrapper.
- Removed redundant
- Automated scripts (
migrate_content.py,fix_links.py,migrate_yaml_to_i18n.py) were used to convert Jekyll front matter and handle cross-references. - Preserved historical post dates and slugs.
- SASS Variables:
assets/sass/_variables.scsscontains the primary color palette (e.g.,$galette-orange,$galette-blue). - Partials: Found in
layouts/partials/, including specialized components likegalettebar.htmlandlangselector.html. - Building: Use
hugo --gc --minifyto generate the production site in thepublic/directory.
- Content Sync: Ensure any new content added to the original Jekyll sources (if still active) is properly migrated using the available scripts.
- Link Validation: Periodically run a link checker on the built site to ensure
RelPermalinklogic correctly handles the multi-language path prefixes. - Minification: Always use the
--minifyflag to ensure the final CSS/JS matches the production-ready state.
Created on 2026-03-23 by GitHub Copilot.