mirror of
https://github.com/jpawlowski/hass.tibber_prices.git
synced 2026-03-29 21:03:40 +00:00
- Split documentation into separate User and Developer sites - Migrated existing docs to proper Docusaurus structure - Added custom Tibber-themed header logos (light + dark mode variants) - Implemented custom color scheme matching integration branding - Hero gradient: Cyan → Dark Cyan → Gold - Removed standard Docusaurus purple/green theme - Integrated Giscus comments system for community collaboration - User docs: Comments enabled on guides, examples, FAQ - User docs: Comments disabled on reference pages (glossary, sensors, troubleshooting) - Developer docs: No comments (GitHub Issues/PRs preferred) - Added categorized sidebars with emoji navigation - Created 8 new placeholder documentation pages - Fixed image paths for baseUrl compatibility (local + GitHub Pages) - Escaped MDX special characters in performance metrics - Added GitHub Actions workflow for automated deployment - Created helper scripts: dev-user, dev-developer, build-all Breaking changes: - Moved /docs/user/*.md to /docs/user/docs/*.md - Moved /docs/development/*.md to /docs/developer/docs/*.md
74 lines
2.5 KiB
XML
74 lines
2.5 KiB
XML
<svg viewBox="0 0 600 100" xmlns="http://www.w3.org/2000/svg">
|
|
<!-- Background -->
|
|
<rect width="600" height="100" fill="transparent"/>
|
|
|
|
<!-- Custom Integration Logo (left side) -->
|
|
<defs>
|
|
<linearGradient id="boltGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#00D4FF;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#0099CC;stop-opacity:1" />
|
|
</linearGradient>
|
|
<linearGradient id="priceGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#FFD700;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#FFA500;stop-opacity:1" />
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<g transform="translate(35, 50) scale(0.25)">
|
|
<!-- Lightning bolt -->
|
|
<path d="M 100 20 L 70 90 L 100 85 L 80 150 L 140 80 L 110 85 Z"
|
|
fill="url(#boltGrad)"
|
|
stroke="none"/>
|
|
|
|
<!-- Price tag circle -->
|
|
<circle cx="145" cy="50" r="35" fill="url(#priceGrad)" stroke="white" stroke-width="4"/>
|
|
|
|
<!-- Euro symbol -->
|
|
<text x="145" y="58"
|
|
font-family="Arial, sans-serif"
|
|
font-size="32"
|
|
font-weight="bold"
|
|
fill="white"
|
|
text-anchor="middle">€</text>
|
|
</g>
|
|
|
|
<!-- Integration Name (light text for dark mode) -->
|
|
<text x="90" y="45"
|
|
font-family="Arial, sans-serif"
|
|
font-size="24"
|
|
font-weight="700"
|
|
fill="#E8E8E8">Tibber Prices</text>
|
|
|
|
<text x="90" y="65"
|
|
font-family="Arial, sans-serif"
|
|
font-size="12"
|
|
font-weight="normal"
|
|
fill="#B0B0B0">Custom Integration</text>
|
|
|
|
<!-- Vertical Divider (lighter) -->
|
|
<line x1="270" y1="25" x2="270" y2="75"
|
|
stroke="#666666"
|
|
stroke-width="2"/>
|
|
|
|
<!-- "for" text (lighter) -->
|
|
<text x="290" y="55"
|
|
font-family="Arial, sans-serif"
|
|
font-size="14"
|
|
font-weight="normal"
|
|
fill="#888888">for</text>
|
|
|
|
<!-- Tibber Logo (right side - simplified) -->
|
|
<g transform="translate(335, 50)">
|
|
<!-- Lightning bolt symbol -->
|
|
<path d="M 0 -30 L -15 5 L 0 0 L -8 25 L 18 -5 L 5 0 Z"
|
|
fill="#00D4FF"
|
|
stroke="none"/>
|
|
</g>
|
|
|
|
<!-- Tibber Text (light text for dark mode) -->
|
|
<text x="365" y="58"
|
|
font-family="Arial, sans-serif"
|
|
font-size="28"
|
|
font-weight="bold"
|
|
fill="#E8E8E8">Tibber</text>
|
|
</svg>
|