<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width">
    <title>Food Register</title>

    <link rel="shortcut icon" href="assets/foodregister.png" type="image/x-icon">

    <!--
    <link rel="stylesheet"
          href="./assets/fonts/inter.css">
        -->

    <script defer src="./js/main.js"></script>
    <script defer src="./js/framework.js"></script>
    <script defer src="./js/tailwind.js"></script>
    <script defer src="./js/admin/stats.js"></script>
    <script defer>
        document.addEventListener("DOMContentLoaded", () => {
            Tailwind.createShortcut("main", "center-w max-w-300 w-screen pl-10 pr-10 lg:pl-25 lg:pr-25 pt-15 lg:pt-25")
        })
    </script>

    <script defer src="./js/home/ui/survey.js"></script>
    <script defer src="./js/home/ui/question.js"></script>
    <script defer src="./js/home/ui/footer.js"></script>

    <script src="./js/account/component.js"></script>

    <script src="./js/api/account.js"></script>
    <script src="./js/api/survey.js"></script>

    <script src="./js/home/index.js"></script>
    <script src="./js/home/about.js"></script>
    <script src="./js/home/survey.js"></script>
    <script src="./js/home/viewer.js"></script>
    
    <script src="./js/admin/router.js"></script>
    <script src="./js/admin/routes/dashboard.js"></script>
    <script src="./js/admin/routes/search.js"></script>

    <style id="tailwind-css">
        /* fallback */
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(./assets/icons/gok.woff2) format('woff2');
}

.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}

        body {
            margin: 0;
            font-family: 'roboto';
            overflow-x: hidden;
        }
        a {
            text-decoration: none;
        }

        * {
            --p: 0px;
            --py: var(--p);
            --px: var(--p);
            --pt: var(--py);
            --pb: var(--py);
            --pl: var(--px);
            --pr: var(--px);
            --w: auto;
            --h: auto;
            padding-top:    var(--pt) !important;
            padding-bottom: var(--pb) !important;
            padding-left:   var(--pl) !important;
            padding-right:  var(--pr) !important;
            --duration: 0ms;

            width:  calc(var(--w) - var(--pl) - var(--pr)) !important;
            height: calc(var(--h) - var(--pb) - var(--pt)) !important;

            transition-duration: var(--duration);

            font-family: 'Inter';
        }
        p {
            padding: 0;
            margin:  0;
        }
        input {
            --w: 100%;
            border: none;
            outline: none;
        }
        button {
            border: none;
            background: none;
        }

        @font-face {
            font-family: Inter;
            src: url(./assets/Inter-VarFont.ttf);
        }

    </style>
</head>
<body>
    
</body>
</html>