63 lines
1.7 KiB
Markdown
63 lines
1.7 KiB
Markdown
# Weather SVG Creator — Référence
|
|
|
|
## Template SVG
|
|
|
|
```svg
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 160" width="300" height="160">
|
|
<rect width="300" height="160" rx="12" fill="#1a1a2e"/>
|
|
<text x="150" y="45" text-anchor="middle" fill="#8892b0" font-family="system-ui" font-size="14">Unit: [Celsius/Fahrenheit]</text>
|
|
<text x="150" y="100" text-anchor="middle" fill="#ccd6f6" font-family="system-ui" font-size="42" font-weight="bold">[value]°[C/F]</text>
|
|
<text x="150" y="140" text-anchor="middle" fill="#64ffda" font-family="system-ui" font-size="16">Dubai, UAE</text>
|
|
</svg>
|
|
```
|
|
|
|
### Placeholders
|
|
|
|
| Placeholder | Remplacer par | Exemple |
|
|
|-------------|---------------|---------|
|
|
| `[Celsius/Fahrenheit]` | Nom complet de l'unité depuis l'entrée | `Celsius` |
|
|
| `[value]` | Température numérique depuis l'entrée | `26.2` |
|
|
| `[C/F]` | Abréviation de l'unité | `C` ou `F` |
|
|
|
|
### Specs de design
|
|
|
|
| Propriété | Valeur |
|
|
|-----------|--------|
|
|
| Dimensions | 300 x 160 px |
|
|
| Rayon des coins | 12 px |
|
|
| Arrière-plan | `#1a1a2e` (dark navy) |
|
|
| Label d'unité | `#8892b0` (bleu atténué), 14px |
|
|
| Température | `#ccd6f6` (bleu clair), 42px bold |
|
|
| Lieu | `#64ffda` (accent teal), 16px |
|
|
| Police | `system-ui` |
|
|
| Tout le texte | Centré (`text-anchor="middle"` à x=150) |
|
|
|
|
---
|
|
|
|
## Template Markdown de sortie
|
|
|
|
```markdown
|
|
# Weather Result
|
|
|
|
## Temperature
|
|
[value]°[C/F]
|
|
|
|
## Location
|
|
Dubai, UAE
|
|
|
|
## Unit
|
|
[Celsius/Fahrenheit]
|
|
|
|
## SVG Card
|
|
|
|
```
|
|
|
|
---
|
|
|
|
## Chemins de sortie
|
|
|
|
| Fichier | Chemin |
|
|
|---------|--------|
|
|
| Carte SVG | `orchestration-workflow/weather.svg` |
|
|
| Résumé Markdown | `orchestration-workflow/output.md` |
|