feat: première version fonctionnelle
This commit is contained in:
1
frontend/public/favicon.ico
Normal file
1
frontend/public/favicon.ico
Normal file
@@ -0,0 +1 @@
|
||||
🍅
|
||||
43
frontend/public/tomato-favicon.svg
Normal file
43
frontend/public/tomato-favicon.svg
Normal file
@@ -0,0 +1,43 @@
|
||||
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Tomate verte zebra optimisée pour favicon -->
|
||||
<defs>
|
||||
<radialGradient id="tomatoGradient" cx="0.3" cy="0.3" r="0.8">
|
||||
<stop offset="0%" stop-color="#86efac"/>
|
||||
<stop offset="40%" stop-color="#4ade80"/>
|
||||
<stop offset="70%" stop-color="#22c55e"/>
|
||||
<stop offset="100%" stop-color="#16a34a"/>
|
||||
</radialGradient>
|
||||
<pattern id="stripes" patternUnits="userSpaceOnUse" width="4" height="4" patternTransform="rotate(15)">
|
||||
<rect width="4" height="2" fill="#4ade80"/>
|
||||
<rect y="2" width="4" height="2" fill="#22c55e"/>
|
||||
</pattern>
|
||||
</defs>
|
||||
|
||||
<!-- Ombre -->
|
||||
<ellipse cx="33" cy="42" rx="18" ry="15" fill="#000000" opacity="0.15"/>
|
||||
|
||||
<!-- Corps principal de la tomate -->
|
||||
<ellipse cx="32" cy="38" rx="20" ry="16" fill="url(#tomatoGradient)"/>
|
||||
|
||||
<!-- Rayures zebra -->
|
||||
<ellipse cx="32" cy="38" rx="20" ry="16" fill="url(#stripes)" opacity="0.4"/>
|
||||
|
||||
<!-- Highlight principal -->
|
||||
<ellipse cx="26" cy="32" rx="8" ry="6" fill="#86efac" opacity="0.7"/>
|
||||
|
||||
<!-- Petit highlight -->
|
||||
<ellipse cx="24" cy="30" rx="3" ry="2" fill="#bbf7d0" opacity="0.8"/>
|
||||
|
||||
<!-- Tige -->
|
||||
<rect x="30" y="20" width="4" height="8" fill="#16a34a" rx="2"/>
|
||||
<rect x="29" y="19" width="6" height="3" fill="#15803d" rx="1"/>
|
||||
|
||||
<!-- Feuilles stylisées -->
|
||||
<path d="M20 24 Q15 18 12 22 Q16 20 22 24 Q20 22 20 24" fill="#22c55e"/>
|
||||
<path d="M44 24 Q49 18 52 22 Q48 20 42 24 Q44 22 44 24" fill="#22c55e"/>
|
||||
<path d="M32 20 Q28 14 24 18 Q28 16 32 20" fill="#15803d"/>
|
||||
<path d="M32 20 Q36 14 40 18 Q36 16 32 20" fill="#15803d"/>
|
||||
|
||||
<!-- Contour subtil -->
|
||||
<ellipse cx="32" cy="38" rx="20" ry="16" fill="none" stroke="#16a34a" stroke-width="1" opacity="0.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
78
frontend/public/tomato-large.svg
Normal file
78
frontend/public/tomato-large.svg
Normal file
@@ -0,0 +1,78 @@
|
||||
<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Grande image de tomate verte zebra -->
|
||||
<defs>
|
||||
<radialGradient id="mainGradient" cx="0.35" cy="0.25" r="0.9">
|
||||
<stop offset="0%" stop-color="#bbf7d0"/>
|
||||
<stop offset="20%" stop-color="#86efac"/>
|
||||
<stop offset="50%" stop-color="#4ade80"/>
|
||||
<stop offset="75%" stop-color="#22c55e"/>
|
||||
<stop offset="100%" stop-color="#16a34a"/>
|
||||
</radialGradient>
|
||||
<pattern id="zebraStripes" patternUnits="userSpaceOnUse" width="8" height="8" patternTransform="rotate(20)">
|
||||
<rect width="8" height="4" fill="#4ade80"/>
|
||||
<rect y="4" width="8" height="4" fill="#16a34a"/>
|
||||
</pattern>
|
||||
<radialGradient id="leafGradient" cx="0.3" cy="0.3" r="0.8">
|
||||
<stop offset="0%" stop-color="#4ade80"/>
|
||||
<stop offset="100%" stop-color="#15803d"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Ombre portée -->
|
||||
<ellipse cx="135" cy="180" rx="80" ry="60" fill="#000000" opacity="0.1"/>
|
||||
|
||||
<!-- Corps principal de la tomate -->
|
||||
<ellipse cx="128" cy="160" rx="90" ry="70" fill="url(#mainGradient)"/>
|
||||
|
||||
<!-- Rayures zebra -->
|
||||
<ellipse cx="128" cy="160" rx="90" ry="70" fill="url(#zebraStripes)" opacity="0.3"/>
|
||||
|
||||
<!-- Highlights pour le volume -->
|
||||
<ellipse cx="105" cy="130" rx="35" ry="25" fill="#86efac" opacity="0.6"/>
|
||||
<ellipse cx="95" cy="120" rx="18" ry="12" fill="#bbf7d0" opacity="0.8"/>
|
||||
<ellipse cx="88" cy="115" rx="8" ry="5" fill="#dcfce7"/>
|
||||
|
||||
<!-- Tige principale -->
|
||||
<rect x="120" y="70" width="16" height="35" fill="#16a34a" rx="8"/>
|
||||
<rect x="118" y="65" width="20" height="12" fill="#15803d" rx="4"/>
|
||||
|
||||
<!-- Sépales à la base de la tige -->
|
||||
<path d="M128 90 L118 95 Q110 98 108 105 Q115 100 128 95 Q141 100 148 105 Q146 98 138 95 Z" fill="#15803d"/>
|
||||
|
||||
<!-- Feuilles complexes -->
|
||||
<g transform="translate(128,80)">
|
||||
<!-- Feuille gauche -->
|
||||
<path d="M-25 -10 Q-45 -25 -55 -15 Q-50 -30 -35 -35 Q-30 -25 -25 -20 Q-20 -15 -25 -10"
|
||||
fill="url(#leafGradient)"/>
|
||||
<path d="M-30 -20 Q-40 -15 -35 -10" stroke="#15803d" stroke-width="2" fill="none"/>
|
||||
|
||||
<!-- Feuille droite -->
|
||||
<path d="M25 -10 Q45 -25 55 -15 Q50 -30 35 -35 Q30 -25 25 -20 Q20 -15 25 -10"
|
||||
fill="url(#leafGradient)"/>
|
||||
<path d="M30 -20 Q40 -15 35 -10" stroke="#15803d" stroke-width="2" fill="none"/>
|
||||
|
||||
<!-- Feuille arrière gauche -->
|
||||
<path d="M-15 -25 Q-35 -40 -45 -30 Q-40 -45 -25 -50 Q-20 -40 -15 -35 Q-10 -30 -15 -25"
|
||||
fill="url(#leafGradient)" opacity="0.8"/>
|
||||
|
||||
<!-- Feuille arrière droite -->
|
||||
<path d="M15 -25 Q35 -40 45 -30 Q40 -45 25 -50 Q20 -40 15 -35 Q10 -30 15 -25"
|
||||
fill="url(#leafGradient)" opacity="0.8"/>
|
||||
</g>
|
||||
|
||||
<!-- Nervures des feuilles principales -->
|
||||
<path d="M103 70 Q88 55 73 70" stroke="#15803d" stroke-width="1.5" fill="none" opacity="0.7"/>
|
||||
<path d="M153 70 Q168 55 183 70" stroke="#15803d" stroke-width="1.5" fill="none" opacity="0.7"/>
|
||||
|
||||
<!-- Détails de texture sur la tomate -->
|
||||
<path d="M70 140 Q80 135 90 140 Q85 145 70 140" fill="#16a34a" opacity="0.2"/>
|
||||
<path d="M166 140 Q176 135 186 140 Q181 145 166 140" fill="#16a34a" opacity="0.2"/>
|
||||
<path d="M128 210 Q138 205 148 210 Q143 215 128 210" fill="#16a34a" opacity="0.2"/>
|
||||
|
||||
<!-- Contour subtil -->
|
||||
<ellipse cx="128" cy="160" rx="90" ry="70" fill="none" stroke="#16a34a" stroke-width="2" opacity="0.3"/>
|
||||
|
||||
<!-- Reflets finaux -->
|
||||
<ellipse cx="100" cy="125" rx="12" ry="8" fill="#f0fdf4" opacity="0.5"/>
|
||||
<ellipse cx="98" cy="123" rx="4" ry="2" fill="#ffffff" opacity="0.8"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
28
frontend/public/tomato.svg
Normal file
28
frontend/public/tomato.svg
Normal file
@@ -0,0 +1,28 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Tomate verte zebra avec rayures -->
|
||||
<defs>
|
||||
<pattern id="zebraPattern" patternUnits="userSpaceOnUse" width="2" height="2">
|
||||
<rect width="2" height="1" fill="#4ade80"/>
|
||||
<rect y="1" width="2" height="1" fill="#22c55e"/>
|
||||
</pattern>
|
||||
</defs>
|
||||
|
||||
<!-- Corps de la tomate -->
|
||||
<ellipse cx="16" cy="18" rx="12" ry="10" fill="url(#zebraPattern)" stroke="#16a34a" stroke-width="0.5"/>
|
||||
|
||||
<!-- Highlight pour donner du volume -->
|
||||
<ellipse cx="13" cy="15" rx="4" ry="3" fill="#86efac" opacity="0.6"/>
|
||||
|
||||
<!-- Tige et feuilles -->
|
||||
<rect x="15" y="8" width="2" height="4" fill="#16a34a" rx="1"/>
|
||||
|
||||
<!-- Feuilles -->
|
||||
<path d="M12 10 Q10 8 8 10 Q10 9 12 10" fill="#22c55e"/>
|
||||
<path d="M20 10 Q22 8 24 10 Q22 9 20 10" fill="#22c55e"/>
|
||||
<path d="M16 8 Q14 6 12 8 Q14 7 16 8" fill="#15803d"/>
|
||||
<path d="M16 8 Q18 6 20 8 Q18 7 16 8" fill="#15803d"/>
|
||||
|
||||
<!-- Détails des rayures zebra -->
|
||||
<path d="M6 18 Q8 16 10 18 Q8 20 6 18" fill="#16a34a" opacity="0.3"/>
|
||||
<path d="M22 18 Q24 16 26 18 Q24 20 22 18" fill="#16a34a" opacity="0.3"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
Reference in New Issue
Block a user