hass.tibber_prices/docs/developer/static/img/header.svg
Julian Pawlowski d73eda4b2f git commit -m "feat(docs): add dual Docusaurus sites with custom branding and Giscus integration
- 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
2025-12-06 01:37:06 +00:00

74 lines
2.4 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 -->
<text x="90" y="45"
font-family="Arial, sans-serif"
font-size="24"
font-weight="700"
fill="#333333">Tibber Prices</text>
<text x="90" y="65"
font-family="Arial, sans-serif"
font-size="12"
font-weight="normal"
fill="#666666">Custom Integration</text>
<!-- Vertical Divider -->
<line x1="270" y1="25" x2="270" y2="75"
stroke="#CCCCCC"
stroke-width="2"/>
<!-- "for" text -->
<text x="290" y="55"
font-family="Arial, sans-serif"
font-size="14"
font-weight="normal"
fill="#999999">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 -->
<text x="365" y="58"
font-family="Arial, sans-serif"
font-size="28"
font-weight="bold"
fill="#333333">Tibber</text>
</svg>