<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>chikin wrap 0.1</title>

        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
        <!-- Compiled and minified CSS -->

        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <!-- Compiled and minified JavaScript -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

        <script src="wrap.js"></script>

        <style>
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}
 /* https://github.com/Dogfalo/materialize/issues/6464 */
 .select-wrapper * { transition: none !important; transform: none !important; }
        </style>
    </head>
    <body>
        <header class="page-header center amber brown-text">
            <h1>Chikin wrap</h1>
        </header>
        <main class="container row">
            <div class="col m6 offset-m3 s12">
                <div id="appbody"></div>
            </div>
        </main>
        <footer class="page-footer">
            <div class="container row">
                <span class="col right">displayed with recycled electrons.</span>
            </div>
        </footer>
    </body>
</html>