Merge pull request #1685 from gethinode/templatev2

markdumay · web-flow · commit 269cc25b73a2 · 2025-12-11T10:02:27.000+01:00
Templatev2
diff --git a/CLAUDE.md b/CLAUDE.md
@@ -183,5 +183,75 @@ Test with both main site and exampleSite:
 - Main branch: `main` (production releases)
 - Development branch: `develop`
 - Uses semantic-release for automated versioning
-- Commits follow conventional commits (enforced by commitlint)
-- Husky pre-commit hooks run linters
+- Commits follow Angular Conventional Commits (enforced by commitlint)
+- Husky pre-commit hooks run linters automatically
+
+### Commit Message Format
+
+Follow Angular Conventional Commits format:
+
+```text
+<type>(<scope>): <subject>
+
+<body>
+
+🤖 Generated with [Claude Code](https://claude.com/claude-code)
+
+Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
+```
+
+**Common types:**
+
+- `feat` - New feature
+- `fix` - Bug fix
+- `refactor` - Code refactoring
+- `style` - Styling changes (CSS/SCSS only, no logic changes)
+- `docs` - Documentation changes
+- `test` - Adding or updating tests
+- `chore` - Build process, dependencies, tooling
+
+**Common scopes:**
+
+- `i18n` - Internationalization/translations
+- `components` - Component changes
+- `docs` - Documentation
+- `theme` - Theme styling
+- `build` - Build process
+
+**Example commits:**
+
+- `feat(i18n): add missing translations for testimonials`
+- `fix(components): correct variable reference in testimonials`
+- `style: add width constraint to section-title class`
+- `refactor(components): improve testimonials component layout`
+
+### Linting & Code Quality
+
+Run linters before committing (pre-commit hooks will enforce this):
+
+```bash
+npm test              # Run all linters (recommended before commits)
+npm run lint:scripts  # Check JavaScript
+npm run lint:styles   # Check SCSS
+npm run lint:markdown # Check Markdown documentation
+```
+
+**Linting tools:**
+
+- **ESLint** (`.eslintrc.yml`) - JavaScript linting with ES6 and browser environment
+- **Stylelint** (`.stylelintrc.json`) - SCSS linting with standard-scss rules
+- **Markdownlint** (`.markdownlint-cli2.jsonc`) - Markdown file linting
+
+**Markdown linting rules** (`.markdownlint-cli2.jsonc`):
+
+- Enforced: MD040 (fenced code blocks must have language specified), MD032 (lists must be surrounded by blank lines), and others
+- Disabled rules: MD013 (line length), MD024 (duplicate headers), MD026 (trailing punctuation), MD034 (bare URLs), MD051 (link fragments), MD053 (link reference definitions), MD055 (table pipe escaping), MD056 (table header/body cell count)
+- Ignored: `node_modules/`, `CHANGELOG.md`
+
+**Important notes:**
+
+- Pre-commit hooks run automatically when committing
+- If hooks modify files (e.g., formatting), the commit will fail and you should commit again
+- Always test changes with the example site: `npm run build:example`
+- Check for i18n warnings when modifying translations or components using testimonials
+- Ensure all language variants build without warnings
diff --git a/assets/scss/common/_styles.scss b/assets/scss/common/_styles.scss
@@ -52,7 +52,11 @@ div.rounded, img.rounded {
 
 .section-cover {
     min-height: calc(var(--section-height) - var(--overlay-offset));
-}    
+}
+
+.section-title {
+    width: 100%;
+}
 
 @include media-breakpoint-up(xxl) {
     .section-cover {
diff --git a/component-library/components/testimonials/testimonials.hugo.html b/component-library/components/testimonials/testimonials.hugo.html
@@ -79,9 +79,9 @@
 		</button>
 	</div>
 {{ else }}
-	<div class="container p-0">
+	<div class="testimonial-grid container p-0">
 		<div class="row {{ $colGrid }} g-3">
-			{{ range .testimonials }}
+			{{ range $args.testimonials }}
 				<div class="col">
 					{{ partial "assets/testimonial.html" (dict 
 						"page"        page
diff --git a/component-library/components/testimonials/testimonials.scss b/component-library/components/testimonials/testimonials.scss
@@ -20,7 +20,7 @@
 }
 
 section.testimonials {
-    .carousel {
+    .carousel, .testimonial-grid {
         width: 100%;
     }
 
diff --git a/exampleSite/content/en/blocks/testimonials.md b/exampleSite/content/en/blocks/testimonials.md
@@ -60,10 +60,13 @@ Set `carousel` to `true` to render a carousel of multiple testimonials.
   testimonials:
     - icon: fab linkedin
       content: First testimonial.
+      link: /en/about/
     - icon: fab google
       content: Second testimonial.
+      link: /en/about/
     - icon: fab github
       content: Third testimonial.
+      link: /en/about/
 ```
 
 {{< /example-bookshop >}}
diff --git a/exampleSite/hugo_stats.json b/exampleSite/hugo_stats.json
@@ -131,6 +131,7 @@
       "btn-secondary",
       "btn-sm",
       "btn-social",
+      "btn-testimonial",
       "btn-xs",
       "card",
       "card-block-2",
@@ -580,6 +581,7 @@
       "tag-link",
       "team",
       "testimonial-carousel-item",
+      "testimonial-grid",
       "testimonial-icon",
       "testimonial-img",
       "testimonials",
@@ -735,11 +737,11 @@
       "docs",
       "documentation",
       "dropdown-nav-0",
-      "dropdown-panel-176e79a81804990838b25b5b7db3d707",
-      "dropdown-panel-2a393f6f0bdf9cf0729b6aac8ecc19f4",
-      "dropdown-panel-3c757508b637a949db22f85379b36d09",
-      "dropdown-panel-60874ab8013a46b38bc3a7cbac2bbbfe",
-      "dropdown-panel-d2b20ed35372229931cb14b436248a49",
+      "dropdown-panel-24eb1095d52c008b0a371dcbd9991fd9",
+      "dropdown-panel-45611534504290a4b3d09afa8b8b9c2b",
+      "dropdown-panel-a376f9d045b3e2101677b9e936a535e1",
+      "dropdown-panel-fd967038dceaf2412c59c3b29b288f74",
+      "dropdown-panel-fe0d6d688bb383fe83a0dc3a5ed68e6a",
       "eerste-artikel",
       "elements-type",
       "entity-relationship-diagram",
@@ -762,11 +764,11 @@
       "fab-whatsapp",
       "fab-x-twitter",
       "faq",
-      "faq-eebe765f3d549a50d1376984dcfacfb1",
-      "faq-eebe765f3d549a50d1376984dcfacfb1-heading-faq-eebe765f3d549a50d1376984dcfacfb1",
-      "faq-eebe765f3d549a50d1376984dcfacfb1-item-0",
-      "faq-eebe765f3d549a50d1376984dcfacfb1-item-1",
-      "faq-eebe765f3d549a50d1376984dcfacfb1-item-2",
+      "faq-bff129cfbc7f25b4fd5cd99242271805",
+      "faq-bff129cfbc7f25b4fd5cd99242271805-heading-faq-bff129cfbc7f25b4fd5cd99242271805",
+      "faq-bff129cfbc7f25b4fd5cd99242271805-item-0",
+      "faq-bff129cfbc7f25b4fd5cd99242271805-item-1",
+      "faq-bff129cfbc7f25b4fd5cd99242271805-item-2",
       "fas-1",
       "fas-2",
       "fas-3",
@@ -884,11 +886,11 @@
       "nav-0-btn-1",
       "nav-0-btn-2",
       "nav-nav-0",
-      "nav-panel-176e79a81804990838b25b5b7db3d707",
-      "nav-panel-2a393f6f0bdf9cf0729b6aac8ecc19f4",
-      "nav-panel-3c757508b637a949db22f85379b36d09",
-      "nav-panel-60874ab8013a46b38bc3a7cbac2bbbfe",
-      "nav-panel-d2b20ed35372229931cb14b436248a49",
+      "nav-panel-24eb1095d52c008b0a371dcbd9991fd9",
+      "nav-panel-45611534504290a4b3d09afa8b8b9c2b",
+      "nav-panel-a376f9d045b3e2101677b9e936a535e1",
+      "nav-panel-fd967038dceaf2412c59c3b29b288f74",
+      "nav-panel-fe0d6d688bb383fe83a0dc3a5ed68e6a",
       "navbar",
       "navbar-0-collapse",
       "navbar-mode",
@@ -898,36 +900,36 @@
       "notification",
       "over-mij",
       "overview",
-      "panel-176e79a81804990838b25b5b7db3d707-0",
-      "panel-176e79a81804990838b25b5b7db3d707-1",
-      "panel-176e79a81804990838b25b5b7db3d707-2",
-      "panel-176e79a81804990838b25b5b7db3d707-btn-0",
-      "panel-176e79a81804990838b25b5b7db3d707-btn-1",
-      "panel-176e79a81804990838b25b5b7db3d707-btn-2",
-      "panel-2a393f6f0bdf9cf0729b6aac8ecc19f4-0",
-      "panel-2a393f6f0bdf9cf0729b6aac8ecc19f4-1",
-      "panel-2a393f6f0bdf9cf0729b6aac8ecc19f4-2",
-      "panel-2a393f6f0bdf9cf0729b6aac8ecc19f4-btn-0",
-      "panel-2a393f6f0bdf9cf0729b6aac8ecc19f4-btn-1",
-      "panel-2a393f6f0bdf9cf0729b6aac8ecc19f4-btn-2",
-      "panel-3c757508b637a949db22f85379b36d09-0",
-      "panel-3c757508b637a949db22f85379b36d09-1",
-      "panel-3c757508b637a949db22f85379b36d09-2",
-      "panel-3c757508b637a949db22f85379b36d09-btn-0",
-      "panel-3c757508b637a949db22f85379b36d09-btn-1",
-      "panel-3c757508b637a949db22f85379b36d09-btn-2",
-      "panel-60874ab8013a46b38bc3a7cbac2bbbfe-0",
-      "panel-60874ab8013a46b38bc3a7cbac2bbbfe-1",
-      "panel-60874ab8013a46b38bc3a7cbac2bbbfe-2",
-      "panel-60874ab8013a46b38bc3a7cbac2bbbfe-btn-0",
-      "panel-60874ab8013a46b38bc3a7cbac2bbbfe-btn-1",
-      "panel-60874ab8013a46b38bc3a7cbac2bbbfe-btn-2",
-      "panel-d2b20ed35372229931cb14b436248a49-0",
-      "panel-d2b20ed35372229931cb14b436248a49-1",
-      "panel-d2b20ed35372229931cb14b436248a49-2",
-      "panel-d2b20ed35372229931cb14b436248a49-btn-0",
-      "panel-d2b20ed35372229931cb14b436248a49-btn-1",
-      "panel-d2b20ed35372229931cb14b436248a49-btn-2",
+      "panel-24eb1095d52c008b0a371dcbd9991fd9-0",
+      "panel-24eb1095d52c008b0a371dcbd9991fd9-1",
+      "panel-24eb1095d52c008b0a371dcbd9991fd9-2",
+      "panel-24eb1095d52c008b0a371dcbd9991fd9-btn-0",
+      "panel-24eb1095d52c008b0a371dcbd9991fd9-btn-1",
+      "panel-24eb1095d52c008b0a371dcbd9991fd9-btn-2",
+      "panel-45611534504290a4b3d09afa8b8b9c2b-0",
+      "panel-45611534504290a4b3d09afa8b8b9c2b-1",
+      "panel-45611534504290a4b3d09afa8b8b9c2b-2",
+      "panel-45611534504290a4b3d09afa8b8b9c2b-btn-0",
+      "panel-45611534504290a4b3d09afa8b8b9c2b-btn-1",
+      "panel-45611534504290a4b3d09afa8b8b9c2b-btn-2",
+      "panel-a376f9d045b3e2101677b9e936a535e1-0",
+      "panel-a376f9d045b3e2101677b9e936a535e1-1",
+      "panel-a376f9d045b3e2101677b9e936a535e1-2",
+      "panel-a376f9d045b3e2101677b9e936a535e1-btn-0",
+      "panel-a376f9d045b3e2101677b9e936a535e1-btn-1",
+      "panel-a376f9d045b3e2101677b9e936a535e1-btn-2",
+      "panel-fd967038dceaf2412c59c3b29b288f74-0",
+      "panel-fd967038dceaf2412c59c3b29b288f74-1",
+      "panel-fd967038dceaf2412c59c3b29b288f74-2",
+      "panel-fd967038dceaf2412c59c3b29b288f74-btn-0",
+      "panel-fd967038dceaf2412c59c3b29b288f74-btn-1",
+      "panel-fd967038dceaf2412c59c3b29b288f74-btn-2",
+      "panel-fe0d6d688bb383fe83a0dc3a5ed68e6a-0",
+      "panel-fe0d6d688bb383fe83a0dc3a5ed68e6a-1",
+      "panel-fe0d6d688bb383fe83a0dc3a5ed68e6a-2",
+      "panel-fe0d6d688bb383fe83a0dc3a5ed68e6a-btn-0",
+      "panel-fe0d6d688bb383fe83a0dc3a5ed68e6a-btn-1",
+      "panel-fe0d6d688bb383fe83a0dc3a5ed68e6a-btn-2",
       "panels",
       "persona",
       "pie-chart",
@@ -965,7 +967,7 @@
       "table",
       "tabs",
       "team",
-      "testimonial-carousel-c60d5407dc42e4174a7eb9fc3847330b",
+      "testimonial-carousel-e9c4bd825854986577faca5bebb5a3ae",
       "testimonials",
       "testimonials-type",
       "third-party-links--use-of-your-information",
diff --git a/hugo_stats.json b/hugo_stats.json
@@ -191,6 +191,7 @@
       "search-modal",
       "search-suggestions",
       "section-cover",
+      "section-title",
       "svg-inline--fa",
       "text-",
       "text-body",
diff --git a/i18n/de.yaml b/i18n/de.yaml
@@ -188,4 +188,12 @@
 - id: contactBody
   translation: "Bitte hinterlassen Sie Ihre Kontaktdaten, damit wir uns mit Ihnen in Verbindung setzen können."
 - id: contactAction
-  translation: "Kontakt aufnehmen"
+  translation: "Kontakt aufnehmen"
+
+# Testimonial
+- id: testimonialPrevious
+  translation: "Vorheriges Testimonial"
+- id: testimonialNext
+  translation: "Nächstes Testimonial"
+- id: testimonialCase
+  translation: "Kundenfallstudie anzeigen"
diff --git a/i18n/fr.yaml b/i18n/fr.yaml
@@ -58,6 +58,12 @@
 - id: download
   translation: "Télécharger l'article"
 
+# Hero
+- id: backgroundImage
+  translation: "Image de fond"
+- id: heroImage
+  translation: "Image héro"
+
 # Pagination
 - id: paginationNav
   translation: "Navigation de la page"
@@ -95,6 +101,10 @@
   translation: "Voir également"
 - id: sectionMenu
   translation: "Selectionner un topic"
+- id: tocShowMore
+  translation: "Afficher {{ . }} plus"
+- id: tocShowLess
+  translation: "Afficher moins"
 
 # Sidebar
 - id: toggleSidebar
@@ -169,3 +179,19 @@
 # Nav & Tab
 - id: clickToExpand
   translation: "Cliquez pour afficher le contenu"
+
+# Contact information
+- id: contactHeaderTopic
+  translation: "Intéressé par ce sujet?"
+- id: contactBody
+  translation: "Veuillez laisser vos coordonnées afin que nous puissions vous contacter."
+- id: contactAction
+  translation: "Nous contacter"
+
+# Testimonial
+- id: testimonialPrevious
+  translation: "Témoignage précédent"
+- id: testimonialNext
+  translation: "Témoignage suivant"
+- id: testimonialCase
+  translation: "Voir l'étude de cas client"
diff --git a/i18n/pt-br.yaml b/i18n/pt-br.yaml
@@ -60,6 +60,12 @@
 - id: download
   translation: "Baixar artigo"
 
+# Hero
+- id: backgroundImage
+  translation: "Imagem de fundo"
+- id: heroImage
+  translation: "Imagem principal"
+
 # Pagination
 - id: paginationNav
   translation: "Navegação da página"
@@ -97,6 +103,10 @@
   translation: "Veja também"
 - id: sectionMenu
   translation: "Selecionar um tópico"
+- id: tocShowMore
+  translation: "Mostrar {{ . }} mais"
+- id: tocShowLess
+  translation: "Mostrar menos"
 
 # Sidebar
 - id: toggleSidebar
@@ -167,3 +177,23 @@
 # Image
 - id: image
   translation: imagem
+
+# Nav & Tab
+- id: clickToExpand
+  translation: "Clique para expandir"
+
+# Contact information
+- id: contactHeaderTopic
+  translation: "Interessado neste tópico?"
+- id: contactBody
+  translation: "Por favor, deixe seus detalhes de contato para que possamos entrar em contato com você."
+- id: contactAction
+  translation: "Entre em contato"
+
+# Testimonial
+- id: testimonialPrevious
+  translation: "Depoimento anterior"
+- id: testimonialNext
+  translation: "Próximo depoimento"
+- id: testimonialCase
+  translation: "Ver estudo de caso do cliente"
diff --git a/layouts/_partials/assets/testimonial.html b/layouts/_partials/assets/testimonial.html

Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,7 @@`
`20`	`20`	`}`
`21`	`21`
`22`	`22`	`section.testimonials {`
`23`		`- .carousel {`
	`23`	`+ .carousel, .testimonial-grid {`
`24`	`24`	`width: 100%;`
`25`	`25`	`}`
`26`	`26`