CommandTabFree/docs/_layouts/default.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Windows alt-tab on macOS">

    <!--  Generated with https://realfavicongenerator.net/  -->
    <link rel="apple-touch-icon" sizes="180x180" href="{{ site.baseurl }}public/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="{{ site.baseurl }}public/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="{{ site.baseurl }}public/favicon-16x16.png">
    <link rel="manifest" href="{{ site.baseurl }}public/site.webmanifest">
    <link rel="mask-icon" href="{{ site.baseurl }}public/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

    <title>
        {% if page.name == "Introduction.md" %} {{ site.title }} - {{ site.description }}
        {% else %} {{ site.title }} - {{ page.name | remove: ".md" }} {% endif %}
    </title>

    <style type="text/css">
        {% capture main %}
        {% include main.scss %}
        {% endcapture %}
        {{ main | scssify }}
    </style>

    <script>{% include turbolinks.js %}</script>
    <script>{% include table-of-contents.js %}</script>
</head>

<body>

<div class="layout">
    <input type="checkbox" id="menu-toggle" />

    <div class="hamburger-bar" style="line-height: 1">
        <div id="mobile-logo">
            <a href="{{ site.baseurl }}" aria-label="Homepage"><img src="{{ site.baseurl }}public/android-chrome-256x256.png" width="42" height="42" alt="AltTab logo" /></a>
            <div>
                <span><a href="{{ site.baseurl }}">{{ site.title }}</a></span>
                <span>{{ site.github.project_tagline }}</span>
            </div>
        </div>
        <label for="menu-toggle" class="hamburger-label">
            <span class="open">Menu</span>
            <span class="close">Close</span>
        </label>
    </div>

    <div class="app">
        <aside class="sidebar">
            <div id="turbolinks-header" data-turbolinks-permanent>
                <div id="logo">
                    <a href="{{ site.baseurl }}" aria-label="Homepage"><img src="{{ site.baseurl }}public/android-chrome-256x256.png" width="100" height="100" alt="AltTab logo" style="display:block" /></a>
                    <div id="title-and-subtitle">
                        <h1><a href="{{ site.baseurl }}">{{ site.title }}</a></h1>
                        <p>{{ site.github.project_tagline }}</p>
                    </div>
                </div>
                <div id="download-section">
                    <a class="button rainbow" href="{{ site.github.latest_release.assets[0].browser_download_url }}">Download</a>
                    <div id="downloads">6.8M downloads</div>
                </div>
            </div>

            <ul class="menu">
                <li class="menu-item">
                    <a class="menu-label button {% if page.name == 'Introduction.md' %}active{% endif %}" href="{{ site.baseurl }}"><span>Introduction</span></a>
                    <ul class="submenu"></ul>
                </li>
                <li class="menu-item">
                    <a class="menu-label button {% if page.name == 'FAQ.md' %}active{% endif %}" href="{{ site.baseurl }}faq"><span>FAQ</span></a>
                    <ul class="submenu faq"></ul>
                </li>
                <li class="menu-item">
                    <a class="menu-label button {% if page.name == 'Changelog.md' %}active{% endif %}" href="{{ site.baseurl }}changelog"><span>Release notes</span></a>
                    <ul class="submenu changelog"></ul>
                </li>
                <li class="menu-item">
                    <a class="menu-label button {% if page.name == 'Contributing.md' %}active{% endif %}" href="{{ site.baseurl }}contributing"><span>Contributing</span></a>
                    <ul class="submenu contributing"></ul>
                </li>
                <li class="menu-item">
                    <a class="menu-label button {% if page.name == 'Thanks.md' %}active{% endif %}" href="{{ site.baseurl }}thanks"><span>Thanks</span></a>
                    <ul class="submenu thanks"></ul>
                </li>
                <li class="menu-item">
                    <a class="menu-label button external" href="{{ site.github.repository_url }}"><span style="display:flex; gap:3px;">GitHub <img src="data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj4KCTx0aXRsZT4KCQlleHRlcm5hbCBsaW5rCgk8L3RpdGxlPgoJPHBhdGggZmlsbD0iIzM2YyIgZD0iTTYgMWg1djVMOC44NiAzLjg1IDQuNyA4IDQgNy4zbDQuMTUtNC4xNnpNMiAzaDJ2MUgydjZoNlY4aDF2MmExIDEgMCAwIDEtMSAxSDJhMSAxIDAgMCAxLTEtMVY0YTEgMSAwIDAgMSAxLTEiLz4KPC9zdmc+Cg==" /></span></a>
                </li>
                <li class="menu-item">
                    <a class="menu-label button support {% if page.name == 'Support.md' %}active{% endif %}" href="{{ site.baseurl }}support"><span>Support this project ❤️</span></a>
                    <ul class="submenu support"></ul>
                </li>
            </ul>
        </aside>

        <main class="content">
            <div{% if page.name == 'Changelog.md' %} id="changelog"{% endif %}>
                {{ content }}
            </div>
        </main>
    </div>
</div>

</body>
</html>