<!DOCTYPE html>
<html>

<head>
    <title>PUM</title>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&display=swap">

    <link rel="stylesheet" type= "text/css" href="{{ url_for('static',filename='styles/css/bulma/0.9.4/bulma-floating-button.min.css') }}" />
    <link rel="stylesheet" type= "text/css" href="{{ url_for('static',filename='styles/css/bulma/0.9.4/bulma-divider.css') }}" />
    <link rel="stylesheet" type= "text/css" href="{{ url_for('static',filename='styles/css/bulma/0.9.4/bulma.min.css') }}" />
    <link rel="stylesheet" type= "text/css" href="{{ url_for('static',filename='styles/css/bulma/0.9.4/bulma-collapsible.min.css') }}" />

    <link rel="stylesheet" type= "text/css" href="{{ url_for('static',filename='styles/css/main.css') }}" />
    <link rel="stylesheet" type= "text/css"  href="{{ url_for('static',filename='styles/style.css') }}" />

{#    <link rel="icon" type="image/png" sizes="32x32" href="https://cdn.icon-icons.com/icons2/1465/PNG/512/095pileofpoo_100556.png" />#}
{#    <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static',filename='images/shuffle-for-bulma.png') }}" />#}
    <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static',filename='images/sqyflix_logo.png') }}" />

    <script src="{{url_for('static', filename='scripts/js/shuffle/js/main.js')}}"></script>

    <script src="{{url_for('static', filename='scripts/js/ui/modal.js')}}"></script>
    <script type="text/javascript" src="{{url_for('static', filename='scripts/js/ui/pum.js')}}"></script>
    <script src="{{url_for('static', filename='scripts/js/bulma/bulma-collapsible.min.js')}}"></script>

    <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
    <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
    {% include 'html_templates.html' %}
</head>

<body>

<section class="hero has-background-main">
    <div class="hero-head">
        <nav class="navbar">
            <div class="navbar-brand">
                <a class="navbar-item">
                    <img src="{{ url_for('static',filename='images/sqyflix_logo.png') }}" alt="pum_logo" width="auto">
{#                    <img src="{{ url_for('static',filename='images/pum_logo.svg') }}" alt="pum_logo" width="auto">#}
                </a>
                <div class="navbar-burger navbar-burger-old burger" data-target="navbarMenuHeroA">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>

            <div id="navbarMenuHeroA" class="navbar-menu has-background-main" >
                <div class="navbar-end">
                    {% if not current_user.is_authenticated %}
                    <a href="{{ url_for('auth.signup') }}" class="navbar-item has-text-white">
                        Sign Up
                    </a>
                    {% endif %}

                    {% if current_user.is_authenticated %}
                    <a href="{{ url_for('auth.logout') }}" class="navbar-item has-text-white">
                        Logout
                    </a>
                    {% endif %}
                </div>
            </div>
        </nav>
    </div>
</section>
    <section class="hero is-fullheight" style="background-color:#DAD7D7;">
                {% block content %}{% endblock %}
    </section>
</body>

</html>