{% extends "base.html" %}

{% block announce %}
<div class="custom-announcement">
  <span class="custom-announcement-text" style="display: inline-flex; align-items: center; gap: 6px;">
    🚀 <strong>Help us improve brando.!</strong> Active <strong>v0.3.0</strong> open-source development.
  </span>
  <div class="custom-announcement-btns">
    <a href="https://github.com/mrxsierra/brando/issues/new" target="_blank" style="background: rgba(239, 68, 68, 0.12); border: 1px solid rgba(239, 68, 68, 0.3); color: #EF4444; padding: 2px 10px; border-radius: 6px; text-decoration: none; font-weight: 600; font-size: 0.76rem; white-space: nowrap;">🐛 Report Bug</a>
    <a href="https://github.com/mrxsierra/brando/blob/main/CONTRIBUTING.md" target="_blank" style="background: rgba(37, 99, 235, 0.12); border: 1px solid rgba(37, 99, 235, 0.3); color: var(--md-accent-fg-color); padding: 2px 10px; border-radius: 6px; text-decoration: none; font-weight: 600; font-size: 0.76rem; white-space: nowrap;">🤝 Contribute</a>
    <a href="https://github.com/mrxsierra/brando/issues" target="_blank" style="background: rgba(16, 185, 129, 0.12); border: 1px solid rgba(16, 185, 129, 0.3); color: #10B981; padding: 2px 10px; border-radius: 6px; text-decoration: none; font-weight: 600; font-size: 0.76rem; white-space: nowrap;">💡 Feedback</a>
    <a href="https://github.com/mrxsierra/brando/discussions" target="_blank" style="background: rgba(168, 85, 247, 0.12); border: 1px solid rgba(168, 85, 247, 0.3); color: #9333EA; padding: 2px 10px; border-radius: 6px; text-decoration: none; font-weight: 600; font-size: 0.76rem; white-space: nowrap;">💬 Discussions</a>
  </div>
</div>
{% endblock %}