fix: mettre à jour la structure des images dans les fichiers de génération de documents et de rapports

This commit is contained in:
Boris Waaub
2026-02-20 10:41:03 +01:00
parent 5bd6f6047b
commit 56bada18c3
12 changed files with 51 additions and 134 deletions

View File

@@ -7,7 +7,8 @@ badge: "Documents"
badgeColor: "generation-document"
demo:
description: "Générez facilement des documents personnalisés à partir des données saisies."
image: "/images/features/HP-documents.png"
images:
- "/images/features/HP-documents.png"
---

View File

@@ -7,7 +7,8 @@ badge: "Droits daccès"
badgeColor: "rapport-rgpd"
demo:
description: "Assurez la conformité RGPD et organisez vos rapports et documents."
image: "/images/features/HP-droitsdacces.png"
image:
- "/images/features/HP-droitsdacces.png"
---

View File

@@ -7,7 +7,8 @@ badge: "Statistiques"
badgeColor: "rapports-statistiques"
demo:
description: "Générez et exportez des rapports statistiques détaillés."
image: "/images/features/HP-exports.png"
image:
- "/images/features/HP-exports.png"
---

View File

@@ -7,7 +7,8 @@ badge: "Rendez-vous"
badgeColor: "rendez-vous"
demo:
description: "Découvrez comment gérer et structurée vos rendez-vous."
image: "/images/features/HP-rendez-vous.png"
images:
- "/images/features/HP-rendez-vous.png"
---

View File

@@ -7,7 +7,8 @@ badge: "Accompagnements"
badgeColor: "suivi-accompagnements"
demo:
description: "Découvrez comment suivre et caractériser les parcours daccompagnement de chaque usager."
image: "/images/features/HP-accompagnement.png"
images:
- "/images/features/HP-accompagnement.png"
---
## Présentation

View File

@@ -7,7 +7,8 @@ badge: "Décisions"
badgeColor: "suivi-decisions"
demo:
description: "Découvrez comment gérer et valider les décisions collectives."
image: "/images/features/HP-décisions.png"
images:
- "/images/features/HP-décisions.png"
---
## Présentation

View File

@@ -7,21 +7,37 @@ badge: "Usagers"
badgeColor: "suivi-usagers"
demo:
description: "Découvrez comment gérer et structurée les dossiers de vos usagers."
image: "/images/features/HP-suiviusager.png"
images:
- "/images/features/HP-suiviusager.png"
---
## Présentation
CHILL vous offre une gestion complète et structurée des dossiers individuels, facilitant le suivi personnalisé de chaque usager. Grâce à une fiche individuelle détaillée, la gestion des ménages, le suivi budgétaire, lenregistrement de tâches et la génération de documents, vous disposez de tous les outils pour accompagner efficacement chaque personne.
CHILL vous offre une gestion complète et structurée des dossiers individuels, facilitant le suivi personnalisé de chaque usager.
## Fonctionnalités principales
- **Fiche individuelle détaillée** : Centralisez toutes les informations importantes sur chaque usager.
weight: 1
- **Gestion des ménages** : Suivez la composition et lévolution des ménages.
- **Suivi budgétaire** : Gardez une vue claire sur la situation financière des usagers.
- **Personnes ressources** : Identifiez et gérez les intervenants clés.
- **Génération de documents** : Créez automatiquement des documents à partir des données saisies.
- **Enregistrement de tâches** : Planifiez et suivez les actions à mener pour chaque dossier.
* **Fiche individuelle détaillée**
Pour chaque usager, une fiche centralise toutes les informations essentielles : nom, prénom, date de naissance et autres données de contact personnalisées.
* **Gestion des ménages**
Associez chaque usager à un ménage, avec un historique complet des membres. Gérez les situations complexes telles que les gardes alternées ou les membres occasionnels.
* **Suivi budgétaire**
Enregistrez les revenus et charges mensuels de lusager et de son ménage. Personnalisez les catégories de dépenses et de revenus selon les besoins. 
* **Personnes ressources**
Identifiez et enregistrez les personnes tiers ou structures ressources : médecins, traducteurs, proches, voisins ou autres usagers.
* **Génération de documents**
Téléversez et organisez divers documents : pièces didentité, justificatifs de domicile, courriers reçus, etc. Générez également des documents types directement à partir des données de la fiche, facilitant ainsi la rédaction de courriers ou de rapports.
* **Enregistrement de tâches**
Enregistrez des tâches à réaliser pour chaque usager, tels que des rappels de rendez-vous ou des suivis spécifiques. Ces tâches sont visibles sur votre page daccueil et peuvent être associées à des dates déchéance pour une gestion proactive.
* **Participation aux événements**
xxxxx

View File

@@ -54,20 +54,7 @@
{{ .Content }}
</div>
<!-- Demo Section -->
{{ if .Params.demo }}
<div class="bg-gray-50 -mx-6 px-6 py-24 sm:py-32">
<div class="mx-auto max-w-2xl lg:text-center">
<h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">{{ i18n "seeItInAction" }}</h2>
<p class="mt-6 text-lg leading-8 text-gray-600">{{ .Params.demo.description }}</p>
</div>
<div class="mt-16 flex justify-center">
<div class="relative rounded-xl bg-white p-8 shadow-2xl ring-1 ring-gray-200">
<img src="{{ .Params.demo.image }}" alt="Demo" class="rounded-lg">
</div>
</div>
</div>
{{ end }}
</div>
<!-- Global CTA -->

View File

@@ -64,19 +64,24 @@
<div class="prose prose-lg mx-auto mt-16 pb-24">
{{ .Content }}
</div>
<!-- Demo Section -->
{{ if .Params.demo }}
<div class="bg-gray-50 -mx-6 px-6 py-10 sm:py-20">
<div class="bg-gray-50 -mx-6 px-6 py-24 sm:py-32">
<div class="mx-auto max-w-2xl lg:text-center">
<h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">{{ i18n "seeItInAction" }}</h2>
<p class="mt-6 mb-3 text-lg leading-8 text-gray-600">{{ .Params.demo.description }}</p>
<h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">{{ i18n "seeItInAction" }}</h2>
<p class="mt-6 text-lg leading-8 text-gray-600">{{ .Params.demo.description }}</p>
</div>
<div class="mt-16 flex justify-center">
<div class="relative rounded-xl bg-white p-8 shadow-2xl ring-1 ring-gray-200">
<div class="carousel">
{{ range .Params.demo.images }}
<div class="carousel-item">
<img src="{{ . }}" alt="Demo" class="rounded-lg">
</div>
{{ end }}
</div>
</div>
<div class="relative rounded-xl">
<img src="{{ .Params.demo.image }}" alt="Demo" class="rounded-lg">
</div>
</div>
{{ end }}
</div>

View File

@@ -1,28 +0,0 @@
<svg width="600" height="400" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg">
<rect width="600" height="400" fill="#f3f4f6"/>
<rect x="20" y="20" width="560" height="360" rx="8" fill="#ffffff" stroke="#e5e7eb" stroke-width="2"/>
<!-- Header -->
<rect x="40" y="40" width="200" height="24" rx="4" fill="#e5e7eb"/>
<rect x="40" y="72" width="160" height="16" rx="4" fill="#f3f4f6"/>
<!-- Analytics Graph -->
<rect x="40" y="120" width="520" height="220" rx="4" fill="#f9fafb"/>
<!-- Graph Lines -->
<path d="M60 300 C 140 200, 220 280, 300 180 S 460 220, 540 120"
stroke="#60a5fa" stroke-width="3" fill="none"/>
<path d="M60 320 C 140 280, 220 300, 300 240 S 460 260, 540 200"
stroke="#818cf8" stroke-width="3" fill="none" opacity="0.6"/>
<!-- Data Points -->
<circle cx="140" cy="200" r="6" fill="#60a5fa"/>
<circle cx="220" cy="280" r="6" fill="#60a5fa"/>
<circle cx="300" cy="180" r="6" fill="#60a5fa"/>
<circle cx="380" cy="220" r="6" fill="#60a5fa"/>
<circle cx="460" cy="220" r="6" fill="#60a5fa"/>
<!-- Legend -->
<rect x="40" y="360" width="80" height="8" rx="4" fill="#60a5fa"/>
<rect x="140" y="360" width="80" height="8" rx="4" fill="#818cf8"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

View File

@@ -1,35 +0,0 @@
<svg width="600" height="400" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg">
<rect width="600" height="400" fill="#f3f4f6"/>
<rect x="20" y="20" width="560" height="360" rx="8" fill="#ffffff" stroke="#e5e7eb" stroke-width="2"/>
<!-- Session Player Header -->
<rect x="40" y="40" width="520" height="40" rx="4" fill="#f9fafb"/>
<circle cx="70" cy="60" r="12" fill="#a855f7"/>
<rect x="100" y="50" width="120" height="20" rx="4" fill="#e5e7eb"/>
<circle cx="500" cy="60" r="12" fill="#ef4444"/>
<!-- Timeline -->
<rect x="40" y="100" width="520" height="20" rx="4" fill="#f9fafb"/>
<rect x="40" y="100" width="200" height="20" rx="4" fill="#a855f7" opacity="0.3"/>
<circle cx="240" cy="110" r="8" fill="#a855f7"/>
<!-- Session Content -->
<rect x="40" y="140" width="520" height="220" rx="4" fill="#f9fafb"/>
<!-- Mouse Movement Path -->
<path d="M100 200 C 200 180, 300 280, 400 200 S 500 220, 520 180"
stroke="#a855f7" stroke-width="2" stroke-dasharray="4 4" fill="none"/>
<!-- Click Points -->
<circle cx="200" cy="180" r="8" fill="#a855f7" opacity="0.3"/>
<circle cx="300" cy="280" r="8" fill="#a855f7" opacity="0.3"/>
<circle cx="400" cy="200" r="8" fill="#a855f7" opacity="0.3"/>
<!-- Cursor -->
<path d="M520 180 L 530 190 L 515 185 Z" fill="#a855f7"/>
<!-- Event List -->
<rect x="40" y="320" width="120" height="24" rx="4" fill="#e5e7eb"/>
<rect x="180" y="320" width="120" height="24" rx="4" fill="#e5e7eb"/>
<rect x="320" y="320" width="120" height="24" rx="4" fill="#e5e7eb"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -1,34 +0,0 @@
<svg width="600" height="400" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg">
<rect width="600" height="400" fill="#f3f4f6"/>
<rect x="20" y="20" width="560" height="360" rx="8" fill="#ffffff" stroke="#e5e7eb" stroke-width="2"/>
<!-- Header -->
<rect x="40" y="40" width="200" height="24" rx="4" fill="#e5e7eb"/>
<rect x="40" y="72" width="160" height="16" rx="4" fill="#f3f4f6"/>
<!-- Code Editor Window -->
<rect x="40" y="120" width="520" height="220" rx="4" fill="#f3f4f6"/>
<!-- Code Lines -->
<rect x="60" y="140" width="120" height="16" rx="2" fill="#9333ea" opacity="0.6"/>
<rect x="60" y="164" width="180" height="16" rx="2" fill="#60a5fa" opacity="0.6"/>
<rect x="80" y="188" width="160" height="16" rx="2" fill="#818cf8" opacity="0.6"/>
<rect x="80" y="212" width="140" height="16" rx="2" fill="#818cf8" opacity="0.6"/>
<rect x="60" y="236" width="200" height="16" rx="2" fill="#60a5fa" opacity="0.6"/>
<rect x="60" y="260" width="160" height="16" rx="2" fill="#9333ea" opacity="0.6"/>
<rect x="80" y="284" width="180" height="16" rx="2" fill="#818cf8" opacity="0.6"/>
<!-- Line Numbers -->
<text x="45" y="152" font-family="monospace" font-size="12" fill="#6b7280">1</text>
<text x="45" y="176" font-family="monospace" font-size="12" fill="#6b7280">2</text>
<text x="45" y="200" font-family="monospace" font-size="12" fill="#6b7280">3</text>
<text x="45" y="224" font-family="monospace" font-size="12" fill="#6b7280">4</text>
<text x="45" y="248" font-family="monospace" font-size="12" fill="#6b7280">5</text>
<text x="45" y="272" font-family="monospace" font-size="12" fill="#6b7280">6</text>
<text x="45" y="296" font-family="monospace" font-size="12" fill="#6b7280">7</text>
<!-- Status Bar -->
<rect x="40" y="360" width="520" height="20" rx="4" fill="#f3f4f6"/>
<circle cx="60" cy="370" r="4" fill="#34d399"/>
<rect x="80" y="366" width="80" height="8" rx="4" fill="#9ca3af"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.9 KiB