hass.tibber_prices/docs/user/static/img/logo.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

29 lines
1.2 KiB
XML

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<!-- Tibber Prices Logo: Lightning bolt + Price tag + T -->
<defs>
<linearGradient id="boltGradient" 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="priceGradient" 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>
<!-- Stylized lightning bolt (Tibber inspired) -->
<path d="M 100 20 L 70 90 L 100 85 L 80 150 L 140 80 L 110 85 Z"
fill="url(#boltGradient)"
stroke="none"/>
<!-- Price tag circle -->
<circle cx="145" cy="50" r="35" fill="url(#priceGradient)" stroke="white" stroke-width="4"/>
<!-- Currency symbol inside price tag -->
<text x="145" y="58"
font-family="Arial, sans-serif"
font-size="32"
font-weight="bold"
fill="white"
text-anchor="middle"></text>
</svg>