<!DOCTYPE html><html><head><title>{% block title %}{{ title | default('PyGitWeb') }}{% endblock %}</title>
<script src="/static/theme.js"></script>
<link rel="icon" href="/static/logo.svg" type="image/svg+xml">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Fira+Mono:wght@400;500;700&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/static/vendor/tabler-1.0.0-beta17.min.css">
<link rel="stylesheet" href="/static/main.css"/>
<script defer src="/static/vendor/showdown-2.1.0.min.js"></script>
<script defer id="Highlight-script" src="/static/vendor/highlight-11.9.0.min.js"></script>
<script async id="MathJax-script" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-chtml.min.js"></script>
<script async id="GraphViz-script" src="https://cdnjs.cloudflare.com/ajax/libs/viz.js/1.8.2/viz.js"></script>
<script defer src="/static/vendor/tabler-1.0.0-beta17.min.js"></script>
<script defer src="/static/navbar-auth.js"></script>
</head><body>
<div class="page">
  <header class="navbar navbar-expand-md blog-topbar d-print-none">
    <div class="container-xl">
      <h1 class="navbar-brand navbar-brand-autodark py-2 mb-0">
        <a href="/" class="d-flex align-items-center text-reset">
          <img src="/static/logo.svg" width="32" height="32" alt="" class="navbar-brand-image me-2" style="object-fit: contain;">
          <span class="nav-link-title">{{ site_name | default('PyGitWeb') }}</span>
        </a>
      </h1>
      <div class="blog-search-container">
        <div class="input-icon w-100">
          <span class="input-icon-addon">
            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-search" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>
          </span>
          <input class="form-control blog-search" type="search" placeholder="Search articles" aria-label="Search articles" autocomplete="off">
        </div>
        <div class="blog-search-results dropdown-menu" id="blog-search-results" role="listbox"></div>
      </div>
      <div class="navbar-nav flex-row">
        <div class="navbar-user navbar-user-top d-flex align-items-center py-2" id="navbar-user" data-logged-in="false" data-dropdown="down" data-login-href="/login?next={{ blog_url | urlencode }}">
          <a class="d-flex align-items-center text-reset text-decoration-none" id="navbar-user-link" href="/login?next={{ blog_url | urlencode }}" aria-label="Account">
            <span class="avatar avatar-sm bg-secondary me-2 d-flex align-items-center justify-content-center" id="navbar-user-avatar">
              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-user" width="22" height="22" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
            </span>
            <div class="text-start">
              <div class="navbar-user-name text-body">Guest</div>
              <div class="navbar-user-meta text-muted small">Not signed in</div>
            </div>
          </a>
          <div class="dropdown-menu dropdown-menu-end d-none" id="navbar-user-menu">
            <a class="dropdown-item" id="navbar-user-profile" href="/user">Profile</a>
            <a class="dropdown-item" id="navbar-user-logout" href="/logout?next=/">Sign out</a>
          </div>
        </div>
      </div>
    </div>
  </header>
  <div class="page-wrapper">
    <div class="page-body">
      <div class="container-xl">
{% from "macros.html" import page_header %}
<div
	id="blog-root"
	class="blog-root"
	data-content-base="{{ content_base }}"
	data-manifest="{{ manifest_path }}"
	data-blog-url="{{ blog_url }}"
>
	{% call page_header(project, "Blog") %}
	<a href="{{ project_url }}" class="btn btn-outline-secondary">Project</a>
	<a href="{{ blog_url }}" class="btn btn-outline-secondary">Articles</a>
	{% endcall %}
	<div class="card">
		<div class="card-body">
			<div id="article" class="blog-article markdown-body"></div>
		</div>
	</div>
</div>
      </div>
    </div>
  </div>
</div>
<script type="module" src="/static/blog.js"></script>
</body></html>