From a3383a97dfb27dba1ef64d396f5a326383e45e1f Mon Sep 17 00:00:00 2001 From: Boris Waaub Date: Thu, 26 Feb 2026 17:38:23 +0100 Subject: [PATCH] =?UTF-8?q?feat:=20mise=20=C3=A0=20jour=20du=20formulaire?= =?UTF-8?q?=20de=20contact,=20ajout=20de=20la=20gestion=20des=20sujets=20e?= =?UTF-8?q?t=20am=C3=A9lioration=20de=20la=20pr=C3=A9sentation=20des=20ima?= =?UTF-8?q?ges?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/contact.md | 11 +- content/features/rapports-rgpd.md | 2 +- content/features/rapports-statistiques.md | 3 +- content/pricing.md | 10 +- content/resources/manuals.md | 2 +- hugo.toml | 2 +- static/css/style.css | 99 +++++++------- .../chill-theme/layouts/features/single.html | 10 +- .../layouts/partials/shortcodes/carousel.html | 122 ++++++++++++++++++ .../layouts/shortcodes/contact-form.html | 74 ++++++----- 10 files changed, 238 insertions(+), 97 deletions(-) create mode 100644 themes/chill-theme/layouts/partials/shortcodes/carousel.html diff --git a/content/contact.md b/content/contact.md index 5356fb2..0f43853 100644 --- a/content/contact.md +++ b/content/contact.md @@ -13,17 +13,20 @@ contactForm: qrLabel: "ou scannez le code QR :" qrImg: "/images/chill-admin.png" fields: - - name: "sujet" + - name: "subject" label: "Sujet" type: "select" required: true options: - - value: "support" - label: "Support technique" + - value: "demo" + label: "Demander une démo" - value: "quote" label: "Demander un devis" - - value: "formation" + - value: "training" label: "Formation" + - value: "support" + label: "Support technique" + - value: "other" label: "Autre" - name: "email" diff --git a/content/features/rapports-rgpd.md b/content/features/rapports-rgpd.md index f9e5c9e..c8401ac 100644 --- a/content/features/rapports-rgpd.md +++ b/content/features/rapports-rgpd.md @@ -7,7 +7,7 @@ badge: "Droits d’accès" badgeColor: "rapport-rgpd" demo: description: "Assurez la conformité RGPD et organisez vos rapports et documents." - image: + images: - "/images/features/HP-droitsdacces.png" --- diff --git a/content/features/rapports-statistiques.md b/content/features/rapports-statistiques.md index 11ff823..9f14bc6 100644 --- a/content/features/rapports-statistiques.md +++ b/content/features/rapports-statistiques.md @@ -7,9 +7,10 @@ badge: "Statistiques" badgeColor: "rapports-statistiques" demo: description: "Générez et exportez des rapports statistiques détaillés." - image: + images: - "/images/features/HP-exports.png" + --- ## Présentation diff --git a/content/pricing.md b/content/pricing.md index 3c1714f..c30cd77 100644 --- a/content/pricing.md +++ b/content/pricing.md @@ -50,7 +50,7 @@ layout: "simple" "additional_description": "* A partir du 4ème utilisateur: 40€ supplémentaire/an.", "button": { "text": "Demander un devis", - "url": "/contact/" + "url": "/contact?subject=quote" } }, { @@ -68,7 +68,7 @@ layout: "simple" "additional_description": "* A partir du 4ème utilisateur: 40€ supplémentaire/an.", "button": { "text": "Demander un devis", - "url": "/contact/" + "url": "/contact?subject=quote" } }, { @@ -82,8 +82,8 @@ layout: "simple" "Mises à jour régulières" ], "button": { - "text": "Contactez-nous", - "url": "/contact/" + "text": "Demander un devis", + "url": "/contact?subject=quote" } }, { @@ -98,7 +98,7 @@ layout: "simple" ], "button": { "text": "Contactez-nous", - "url": "/contact/" + "url": "/contact?subject=training" } } diff --git a/content/resources/manuals.md b/content/resources/manuals.md index 921e87a..6c77920 100644 --- a/content/resources/manuals.md +++ b/content/resources/manuals.md @@ -21,6 +21,6 @@ layout: "gradient-card" {{< /gradient-card-section >}} {{< gradient-card-section title="Formation des utilisateurs" description="Organisez une journée de formation à l'utilisation de Chill." >}} - Contactez-nous + Contactez-nous {{< /gradient-card-section >}} diff --git a/hugo.toml b/hugo.toml index 002e3cb..4d26d21 100644 --- a/hugo.toml +++ b/hugo.toml @@ -100,7 +100,7 @@ pagination = { pagerSize = 6, path = "page" } # Primary button [params.cta.primary_button] text = "Réserver une démo" - url = "/contact" + url = "/contact?subject=demo" open_tab = false # Secondary button diff --git a/static/css/style.css b/static/css/style.css index dc50a24..7d3464e 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -765,34 +765,58 @@ body { width: 100%; } +.\!container { + width: 100% !important; +} + @media (min-width: 640px) { .container { max-width: 640px; } + + .\!container { + max-width: 640px !important; + } } @media (min-width: 768px) { .container { max-width: 768px; } + + .\!container { + max-width: 768px !important; + } } @media (min-width: 1024px) { .container { max-width: 1024px; } + + .\!container { + max-width: 1024px !important; + } } @media (min-width: 1280px) { .container { max-width: 1280px; } + + .\!container { + max-width: 1280px !important; + } } @media (min-width: 1536px) { .container { max-width: 1536px; } + + .\!container { + max-width: 1536px !important; + } } .prose { @@ -1895,6 +1919,28 @@ body { } } +.\!container { + margin-left: auto; + margin-right: auto; + max-width: 80rem; + padding-left: 1rem; + padding-right: 1rem; +} + +@media (min-width: 640px) { + .\!container { + padding-left: 1.5rem; + padding-right: 1.5rem; + } +} + +@media (min-width: 1024px) { + .\!container { + padding-left: 2rem; + padding-right: 2rem; + } +} + .section { padding-top: 2rem; padding-bottom: 2rem; @@ -2349,10 +2395,6 @@ body { margin-top: 1rem; } -.mt-5 { - margin-top: 1.25rem; -} - .mt-6 { margin-top: 1.5rem; } @@ -2428,6 +2470,10 @@ body { height: 10rem; } +.h-48 { + height: 12rem; +} + .h-5 { height: 1.25rem; } @@ -2456,10 +2502,6 @@ body { height: 100%; } -.h-48 { - height: 12rem; -} - .max-h-12 { max-height: 3rem; } @@ -2496,6 +2538,10 @@ body { width: 10rem; } +.w-48 { + width: 12rem; +} + .w-5 { width: 1.25rem; } @@ -2520,10 +2566,6 @@ body { width: 100%; } -.w-48 { - width: 12rem; -} - .\!max-w-none { max-width: none !important; } @@ -2950,10 +2992,6 @@ body { background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1)); } -.bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); -} - .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } @@ -2964,25 +3002,10 @@ body { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } -.from-secondary-50 { - --tw-gradient-from: #ddeef6 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(221 238 246 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.via-secondary-50 { - --tw-gradient-to: rgb(221 238 246 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), #ddeef6 var(--tw-gradient-via-position), var(--tw-gradient-to); -} - .to-primary-700 { --tw-gradient-to: #8c2908 var(--tw-gradient-to-position); } -.to-white { - --tw-gradient-to: #fff var(--tw-gradient-to-position); -} - .object-contain { -o-object-fit: contain; object-fit: contain; @@ -3106,10 +3129,6 @@ body { padding-bottom: 6rem; } -.pb-32 { - padding-bottom: 8rem; -} - .pl-4 { padding-left: 1rem; } @@ -3158,10 +3177,6 @@ body { text-align: right; } -.text-start { - text-align: start; -} - .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } @@ -3376,12 +3391,6 @@ body { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); - --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); diff --git a/themes/chill-theme/layouts/features/single.html b/themes/chill-theme/layouts/features/single.html index b82db9d..6ed561a 100644 --- a/themes/chill-theme/layouts/features/single.html +++ b/themes/chill-theme/layouts/features/single.html @@ -77,15 +77,7 @@

{{ .Params.demo.description }}

-
-
- {{ range .Params.demo.images }} -
- Demo -
- {{ end }} -
-
+ {{ partial "shortcodes/carousel.html" (dict "images" .Params.demo.images) }}
{{ end }} diff --git a/themes/chill-theme/layouts/partials/shortcodes/carousel.html b/themes/chill-theme/layouts/partials/shortcodes/carousel.html new file mode 100644 index 0000000..fdf4c90 --- /dev/null +++ b/themes/chill-theme/layouts/partials/shortcodes/carousel.html @@ -0,0 +1,122 @@ +{{/* +Hugo List to Carousel Partial +Source: https://hugocodex.org/add-ons/slider-carousel/ +Author: Jeroen van der Schee +*/}} + +{{ $id := printf "carousel-%d" (now.UnixNano) }} + + + + \ No newline at end of file diff --git a/themes/chill-theme/layouts/shortcodes/contact-form.html b/themes/chill-theme/layouts/shortcodes/contact-form.html index 8bff25c..b14e6ed 100644 --- a/themes/chill-theme/layouts/shortcodes/contact-form.html +++ b/themes/chill-theme/layouts/shortcodes/contact-form.html @@ -2,42 +2,56 @@ -
+

{{ $form.title }}

{{ range $form.fields }} -
- {{ if eq .type "textarea" }} - - - {{ else if eq .type "select" }} - - {{ else }} - +
+ {{ if eq .type "textarea" }} + + + {{ else if eq .type "select" }} + + {{ else }} + + {{ end }} +
{{ end }}
-
+
{{ $form.hint | markdownify | safeHTML }}
-