<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: "en" }}">

{%- include head.html -%}

<link rel="icon" type="image/svg+xml" href="/assets/images/favicon.svg">
<link rel="icon" type="image/png" href="/assets/images/favicon.png">

<style>
    #top-description {
        font-size: xx-large;
        margin-top: 3em;
        margin-left: 1em;
    }

    #intro {
        font-size: x-large;
        font-weight: lighter;
        margin-top: 2em;
    }

    #intro p {
        width: auto;
    }

    .section h2 {
        padding-left: 1em;
        padding-right: 1em;
        text-align: left;
        font-weight: normal;
        font-size: xx-large;
        border-bottom: 1px solid #8d8;
    }

    .section h3 {
        padding: 1em 2em 1em 2em;
        text-align: center;
        font-weight: normal;
        font-size: x-large;
        border-bottom: 1px solid #8d8;
    }

    .section-contents {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .section-contents p {
        margin-top: 2em;
        margin-left: 1em;
        margin-right: 1em;
        width: 30em;
        font-size: large;
    }
</style>

<body>

<a href="https://github.com/tstack/lnav">
    <img loading="lazy" width="149" style="position: absolute; z-index: 100" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_left_green_007200.png?resize=149%2C149" class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1">
</a>

{%- include header.html -%}

<main class="page-content" aria-label="Content">
    {{ content }}
</main>

{%- include footer.html -%}

</body>

</html>
