champs-libres/chill.social
7
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
themes/chill-theme/layouts/_default/feature.html
+1 -14
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 -->
themes/chill-theme/layouts/features/single.html
+13 -8
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>
themes/chill-theme/static/images/feature-1.svg
-28
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>
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

themes/chill-theme/static/images/feature-2.svg
-35
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>
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

themes/chill-theme/static/images/feature-3.svg
-34
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>
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 KiB