<!doctype html>
<html lang="{{ site:short_locale }}">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link
            rel="stylesheet"
            href="/css/bulma.min.css"
        >
        <link rel="stylesheet" href="/css/site.css">
        <link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png">
        <link rel="manifest" href="/assets/site.webmanifest">
        <title>{{ title ?? site:name }}</title>

        <meta name="title" content="{{ title ?? site:name }}">
        <meta name="description" content="{{ hfs:description }}" />
        <!-- Open Graph / Facebook -->
        <meta property="og:type" content="website">
        <meta property="og:url" content="https://summer.hfsplay.fr/">
        <meta property="og:title" content="{{ title ?? site:name }}">
        <meta property="og:description" content="{{ hfs:description }}">
        <meta property="og:image" content="{{ glide:hfs:image fm="webp" }}">

        <!-- Twitter -->
        <meta property="twitter:card" content="summary_large_image">
        <meta property="twitter:url" content="https://summer.hfsplay.fr/">
        <meta property="twitter:title" content="{{ title ?? site:name }}">
        <meta property="twitter:description" content="{{ hfs:description }}">
        <meta property="twitter:image" content="{{ glide:hfs:image fm="webp" }}">
    </head>
    <body>
        <nav id="nav" class="navbar is-fixed-top p-5 has-text-primary" role="navigation" aria-label="main navigation">
            <div class="navbar-brand">
                <a class="navbar-item squircle" href="/">
                    <img src="/assets/logo2.svg" style="height:5rem;"/>
                </a>
                <a role="button" class="navbar-burger has-text-primary" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
                    <span aria-hidden="true"></span>
                    <span aria-hidden="true"></span>
                    <span aria-hidden="true"></span>
                    <span aria-hidden="true"></span>
                </a>
            </div>

            <div id="navbarBasicExample" class="navbar-menu has-text-primary bas-background-black is-hidden-tablet">
                <div class="navbar-start has-text-primary">
                    <a class="navbar-item has-text-primary" href="/#event">
                        L'évenement
                    </a>

                    <a class="navbar-item has-text-primary" href="/#tournaments">
                        Tournois
                    </a>
                </div>
            </div>

            <div class="navbar-end">
                <a class="navbar-item button is-medium is-rounded has-text-primary" href="{{ hfs:lien_billetterie }}" target="_blank">
                    Billetterie
                </a>
            </div>
        </nav>

        {{ template_content }}

        <footer class="footer has-background-black">
        <div class="grid is-col-min-9">
            <div class="cell has-text-centered has-text-primary mb-3">
                <a class="footer-logo has-text-primary mb-3" href="https://www.hfsplay.fr" target="_blank">
                    <img src="/assets/logo2.svg" alt="" style="width:3rem;" class="px-2">
                    <div class="is-size-3 has-text-weight-bolder px-2">HFS PLAY</div>
                </a>
                <p class="has-text-white">
                    Une association d'entraide communautaire autour de l'arcade et aussi une association délivrant du love.
                </p>
            </div>
            <div class="cell has-text-grey has-text-centered is-align-content-end is-hidden-mobile">
                <p>
                    Hand crafted with 🍑 by HFS Play
                    <br/>
                    © {{? echo date_format(new DateTime(), "Y"); ?}} HFS Play. All rights reserved.
                </p>
            </div>
            <div class="cell has-text-centered">
                <h3 class="has-text-primary mb-3 is-size-3">FOLLOW US ON</h3>
                <div class="links">
                    <a class="button is-primary is-outlined mr-1" href="https://bsky.app/profile/hfsplay.bsky.social" target="_blank">BLUESKY</a>
                    <a class="button is-primary is-outlined mr-1" href="https://www.instagram.com/hfs.play/" target="_blank">INSTA</a>
                    <a class="button is-primary is-outlined mr-1" href="https://fr-fr.facebook.com/HFSPlay/" target="_blank">FACEBOOK</a>
                    <a class="button is-primary is-outlined poop mr-1" href="https://x.com/HFSplay" target="_blank">X</a>
                </div>
            </div>
            <div class="cell has-text-grey has-text-centered is-align-content-end is-hidden-tablet mt-6">
                <p>
                    Hand crafted with 🍑 by HFS Play
                    <br/>
                    © {{? echo date_format(new DateTime(), "Y"); ?}} HFS Play. All rights reserved.
                </p>
            </div>
        </div>
        </footer>
    </body>
    <script src="https://unpkg.com/lenis@1.3.17/dist/lenis.min.js"></script>
    <script src="/assets/js/main.js"></script>

{{#     {{ vite src="public/assets/js/main.js|public/assets/css/site.css" }} #}}
    {{ vite src="resources/js/site.js|resources/css/site.css" }}

</html>
