{% extends "!layout.html" %}

{% block header %}
  <!-- Our custom header container -->
  <div class="my-custom-header">
    <!-- A sleek "View on GitHub" link with an icon -->
    <a class="header-link" 
       href="https://github.com/lion-agi/lionagi" 
       target="_blank" 
       rel="noopener noreferrer"
       title="View this project on GitHub">
      <!-- Optional: embed an inline GitHub icon using an SVG -->
      <svg class="gh-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
        <path
          d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 
             3.438 9.8 8.205 11.387.6.113.82-.258.82-.577 
             0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61 
             -.546-1.387-1.333-1.758-1.333-1.758-1.089-.744.083-.729.083-.729 
             1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.304 
             3.495.998.108-.776.418-1.304.76-1.604-2.665-.3-5.466-1.332-5.466-5.93 
             0-1.31.47-2.381 1.236-3.221-.123-.303-.54-1.523.117-3.176 0 0 
             1.008-.322 3.301 1.23.96-.267 1.98-.399 3-.405 1.02.006 
             2.04.138 3 .405 2.291-1.552 3.299-1.23 
             3.299-1.23 .657 1.653.24 2.873.117 3.176.77.84 
             1.236 1.911 1.236 3.221 0 4.61-2.804 5.625-5.475 
             5.92.43.372.81 1.102.81 2.221 0 1.604-.015 
             2.896-.015 3.286 0 .319.22.694.825.576C20.565 
             22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
      </svg>
      <span>View on GitHub</span>
    </a>
  </div>
  {{ super() }}
{% endblock %}