| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- <!DOCTYPE html>
- <html lang="{{ lang }}" data-base-path="{{ site.base_path }}">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>{{ page.title }} - {{ site.title }}</title>
- <link rel="stylesheet" href="{{ site.base_path }}/css/main.css">
- <script>
- (function() {
- var t = localStorage.getItem('preferred-theme');
- if (!t) t = window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
- if (t === 'light') document.documentElement.setAttribute('data-theme', 'light');
- })();
- </script>
- </head>
- <body>
- <header class="header">
- <div class="header-inner">
- <a href="{{ site.base_path }}/{{ lang }}/" class="header-title">{{ site.title }}{% if site.version %} <span style="font-size:0.75em;font-weight:normal;margin-left:4px">v{{ site.version }}</span>{% endif %}</a>
- <div class="header-spacer"></div>
- <nav class="header-nav">
- <a href="{{ site.base_path }}/{{ lang }}/">Home</a>
- <a href="{{ site.base_path }}/{{ lang }}/tour/">Tour</a>
- <a href="https://github.com/yhirose/cpp-httplib">GitHub</a>
- </nav>
- <div class="header-tools">
- <button class="theme-toggle" aria-label="Toggle theme"></button>
- <div class="lang-selector">
- <button class="lang-btn" aria-label="Language">{{ lang | upper }}</button>
- <ul class="lang-popup">
- {% for l in site.langs %}
- <li><a href="#" data-lang="{{ l }}">{{ l | upper }}</a></li>
- {% endfor %}
- </ul>
- </div>
- </div>
- {% block sidebar_toggle %}{% endblock %}
- </div>
- </header>
- {% if page.status == "draft" %}
- <div class="draft-banner">DRAFT</div>
- {% endif %}
- <div class="layout {% block layout_class %}{% endblock %}">
- {% block body %}{% endblock %}
- </div>
- <footer class="footer">
- © 2026 yhirose. All rights reserved.
- </footer>
- <script src="{{ site.base_path }}/js/main.js"></script>
- </body>
- </html>
|