{% extends "!layout.html" %}

{% block header %}
  <div class="my-custom-header">
    <a class="header-link" 
       href="https://github.com/your-org/your-repo"
       target="_blank" 
       rel="noopener noreferrer"
       title="GitHub: your-org/your-repo">
      <!-- Example GitHub icon (inlined) -->
      <svg class="gh-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" 
           viewBox="0 0 24 24" aria-hidden="true">
        <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 %}
      
      {% block footer %}
        {{ super() }}
        <div class="my-custom-footer">
          <p>© 2025 Haiyang Li — Built with 
          <a href="https://www.sphinx-doc.org" target="_blank">Sphinx</a> 
          & 
          <a href="https://pradyunsg.me/furo/" target="_blank">Furo</a>. 
          </p>
        </div>
      {% endblock %}