index.html.literal


<!DOCTYPE html>
<html lang="en">
<head>
    ${ include('literal/documentation/templates/head.literal', './package.json') }

    <link rel="stylesheet" href="./module.css">
</head>

<body class="4x-grid @1-6x-grid @2-7x-grid @3-9x-grid grid">
    ${ include('literal/documentation/templates/element.literal', comments(
        "./module.js",
        "./modules/properties.js",
        "./css/host.css",
        "./css/summary.css",
        "./css/content.css"
    )) }

    ${ include('literal/documentation/templates/contribute.literal', './package.json') }
    ${ include('literal/documentation/templates/credit.literal', './package.json') }
    ${ include('literal/documentation/templates/footer.literal', './package.json') }
    ${ include('literal/documentation/templates/scripts.literal', './package.json') }

    <!-- Not needed because details-toggle is part of the documentation imports -->
    <!--script type="module">
        import DetailsToggle from './module.js';
    </script-->
</body>