templates/main/navigation.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76

<style>
    .uk-navbar-nav:first-child {
        margin-left: -20px;
    }
</style>
<div class="uk-container uk-container-expand uk-background-secondary uk-light" uk-sticky="sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky">
    <nav data-uk-navbar class="uk-navbar-container uk-navbar-transparent" uk-navbar="boundary-align: true">
        <div class="uk-navbar-left uk-padding-remove-left">
            <a href="/" class="uk-navbar-item uk-logo uk-padding-remove-left">
                <img src="/static/logos/logo_banner.png" class="navbar-logo"/>
            </a>
        </div>

        <div class="uk-navbar-right">
            <ul class="uk-navbar-nav uk-visible@m">
                {% if current_page == "index" %}
                    <li class="uk-active"><a href="/"><i class="uk-icon fas fa-home"></i> &nbsp;Home</a></li>
                {% else %}
                    <li><a href="/"><i class="uk-icon fas fa-home"></i> &nbsp;Home</a></li>
                {% endif %}
                <li><a href="/invite"><i class="uk-icon fab fa-discord"></i> &nbsp;Discord</a></li>
            </ul>
            <ul class="uk-navbar-nav">
                <li>
                    <a><i class="uk-icon fas fa-chevron-down"></i></a>
                    <div class="uk-navbar-dropdown uk-background-secondary" uk-dropdown>
                        <ul class="uk-nav uk-navbar-dropdown-nav">
                            <li class="uk-nav-header uk-hidden@m">Navigation</li>
                            <li class="uk-nav-item uk-hidden@m"><a href="/"><i class="uk-icon fas fa-home"></i> &nbsp;Home</a></li>
                            <li class="uk-nav-item uk-hidden@m"><a href="/invite"><i class="uk-icon fab fa-discord"></i> &nbsp;Discord</a></li>
                            <li class="uk-nav-divider uk-hidden@m"></li>

                            {% if logged_in %}
                                <li class="uk-active"><a href="/auth/logout"><i class="uk-icon fas fa-unlock"></i> &nbsp;Logout</a></li>
                            {% else %}
                                <li class="uk-active"><a href={{ login_url }}><i class="uk-icon fas fa-lock"></i> &nbsp;Login with Discord</a></li>
                            {% endif %}

                            {% if current_page.startswith("info") %}
                                <li class="uk-nav-header uk-active"><a href="/info">Information</a></li>
                            {% else %}
                                <li class="uk-nav-header"><a href="/info">Information</a></li>
                            {% endif %}

                            {% if current_page == "info/jams" %}
                                <li class="uk-active"><a href="/info/jams">Code Jams</a></li>
                            {% else %}
                                <li><a href="/info/jams">Code Jams</a></li>
                            {% endif %}

                            {% if current_page == "info/help" %}
                                <li class="uk-active"><a href="/info/help">Getting Help</a></li>
                            {% else %}
                                <li><a href="/info/help">Getting Help</a></li>
                            {% endif %}

                            {% if current_page == "info/resources" %}
                                <li class="uk-active"><a href="/info/resources">Resources</a></li>
                            {% else %}
                                <li><a href="/info/resources">Resources</a></li>
                            {% endif %}

                            {% if current_page == "info/rules" %}
                                <li class="uk-active"><a href="/info/rules">Server Rules</a></li>
                            {% else %}
                                <li><a href="/info/rules">Server Rules</a></li>
                            {% endif %}

                            <li class="uk-nav-divider"></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </nav>
</div>