<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>{{ title }} · rakugaki manual</title>
        <link rel="stylesheet" href="{{ static 'base.css' }}">
        <link rel="stylesheet" href="{{ static 'fonts.css' }}">
        <link rel="stylesheet" href="{{ static 'docs.css' }}">

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <script src="{{ static 'live-reload.js' }}" type="module"></script>

        <link rel="icon" sizes="16x16" href="/static/favicon/rkgk@1x.png">
        <link rel="icon" sizes="32x32" href="/static/favicon/rkgk@2x.png">
        <link rel="icon" sizes="64x64" href="/static/favicon/rkgk@4x.png">
        <link rel="icon" sizes="128x128" href="/static/favicon/rkgk@8x.png">
        <link rel="icon" sizes="256x256" href="/static/favicon/rkgk@16x.png">
        <link rel="icon" sizes="512x512" href="/static/favicon/rkgk@32x.png">
        <link rel="apple-touch-icon" sizes="16x16" href="/static/favicon/rkgk@1x.png">
        <link rel="apple-touch-icon" sizes="32x32" href="/static/favicon/rkgk@2x.png">
        <link rel="apple-touch-icon" sizes="64x64" href="/static/favicon/rkgk@4x.png">
        <link rel="apple-touch-icon" sizes="128x128" href="/static/favicon/rkgk@8x.png">
        <link rel="apple-touch-icon" sizes="256x256" href="/static/favicon/rkgk@16x.png">
        <link rel="apple-touch-icon" sizes="512x512" href="/static/favicon/rkgk@32x.png">
    </head>

    <body>
        <main>
            <div class="wrapper">
                {{{ content }}}
            </div>
        </main>
    </body>
</html>
