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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157

<style>
    .uk-navbar-nav:first-child {
        margin-left: -20px;
    }
</style>
<div class="uk-background-secondary uk-light" uk-sticky="sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky; animation: uk-animation-slide-top; top: 400; bottom: #animation">
    <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="{{ url_for('main.index') }}" class="uk-navbar-item uk-logo uk-padding-remove-left">
                <img src="{{ static_file('logos/logo_banner.svg') }}" class="navbar-logo"/>
            </a>
        </div>

        <div class="uk-navbar-right">
            <ul class="uk-navbar-nav uk-visible@m">
                {% if current_page == "main.index" %}
                    <li class="uk-active"><a href="{{ url_for('main.index') }}"><i class="uk-icon fas fa-home fa-fw"></i> &nbsp;Home</a></li>
                {% else %}
                    <li><a href="{{ url_for('main.index') }}"><i class="uk-icon fas fa-home fa-fw"></i> &nbsp;Home</a></li>
                {% endif %}

                {% if current_page.startswith("wiki.") %}
                    <li class="uk-active"><a href="{{ url_for('wiki.index') }}"><i class="uk-icon fas fa-book fa-fw"></i> &nbsp;Wiki</a></li>
                {% else %}
                    <li><a href="{{ url_for('wiki.index') }}"><i class="uk-icon fas fa-book fa-fw"></i> &nbsp;Wiki</a></li>
                {% endif %}

                <li><a href="{{ url_for('main.invite') }}"><i class="uk-icon fab fa-discord fa-fw"></i> &nbsp;Discord</a></li>

                {% if is_staff() %}
                    {% if current_page.startswith("staff.") %}
                        <li class="uk-active"><a href="{{ url_for('staff.index') }}"><i class="uk-icon fas fa-wrench fa-fw"></i> &nbsp;Staff</a></li>
                    {% else %}
                        <li class=""><a href="{{ url_for('staff.index') }}"><i class="uk-icon fas fa-wrench fa-fw"></i> &nbsp;Staff</a></li>
                    {% endif %}
                {% endif %}
            </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="pos: bottom-right">
                        <ul class="uk-nav uk-navbar-dropdown-nav">
                            <li class="uk-nav-header uk-hidden@m">Navigation</li>

                            {% if current_page == "main.index" %}
                                <li class="uk-nav-item uk-active uk-hidden@m"><a href="{{ url_for('main.index') }}"><i class="uk-icon fas fa-home fa-fw"></i> &nbsp;Home</a></li>
                            {% else %}
                                <li class="uk-nav-item uk-hidden@m"><a href="{{ url_for('main.index') }}"><i class="uk-icon fas fa-home fa-fw"></i> &nbsp;Home</a></li>
                            {% endif %}

                            {% if current_page.startswith("wiki.") %}
                                <li class="uk-nav-item uk-active uk-hidden@m"><a href="{{ url_for('wiki.index') }}"><i class="uk-icon fas fa-book fa-fw"></i> &nbsp;Wiki</a></li>
                            {% else %}
                                <li class="uk-nav-item uk-hidden@m"><a href="{{ url_for('wiki.index') }}"><i class="uk-icon fas fa-book fa-fw"></i> &nbsp;Wiki</a></li>
                            {% endif %}

                            <li class="uk-nav-item uk-hidden@m"><a href="{{ url_for('main.invite') }}"><i class="uk-icon fab fa-discord fa-fw"></i> &nbsp;Discord</a></li>

                            {% if is_staff() %}
                                {% if current_page.startswith("staff.") %}
                                    <li class="uk-nav-item uk-active uk-hidden@m"><a href="{{ url_for('staff.index') }}"><i class="uk-icon fas fa-wrench fa-fw"></i> &nbsp;Staff</a></li>
                                {% else %}
                                    <li class="uk-nav-item uk-hidden@m"><a href="{{ url_for('staff.index') }}"><i class="uk-icon fas fa-wrench fa-fw"></i> &nbsp;Staff</a></li>
                                {% endif %}
                            {% endif %}
                            <li class="uk-nav-divider uk-hidden@m"></li>

                            {% if not debug %}
                                {% if logged_in %}
                                    <li class="uk-active"><a href="{{ url_for('main.logout') }}"><i class="uk-icon fas fa-unlock"></i> &nbsp;Logout</a></li>
                                {% else %}
                                    <li class="uk-active"><a href="{{ url_for('discord.login') }}"><i class="uk-icon fas fa-lock"></i> &nbsp;Login with Discord</a></li>
                                {% endif %}
                            {% else %}
                                <li class="uk-active"><a class="debug-mode-item"><i class="uk-icon fas fa-exclamation-triangle"></i> &nbsp;Debug mode</a></li>
                            {% endif %}

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

                            {% if current_page == "main.info.faq" %}
                                <li class="uk-active"><a href="{{ url_for('main.info.faq') }}">FAQ</a></li>
                            {% else %}
                                <li><a href="{{ url_for('main.info.faq') }}">FAQ</a></li>
                            {% endif %}

                            {% if current_page == "main.info.help" %}
                                <li class="uk-active"><a href="{{ url_for('main.info.help') }}">Getting Help</a></li>
                            {% else %}
                                <li><a href="{{ url_for('main.info.help') }}">Getting Help</a></li>
                            {% endif %}

                            {% if current_page == "main.info.resources" %}
                                <li class="uk-active"><a href="{{ url_for('main.info.resources') }}">Resources</a></li>
                            {% else %}
                                <li><a href="{{ url_for('main.info.resources') }}">Resources</a></li>
                            {% endif %}

                            {% if current_page.startswith("main.about.") %}
                                <li class="uk-nav-header uk-active"><a href="{{ url_for('main.about.index') }}">About</a></li>
                            {% else %}
                                <li class="uk-nav-header"><a href="{{ url_for('main.about.index') }}">About</a></li>
                            {% endif %}

                            {% if current_page == "main.about.channels" %}
                                <li class="uk-active"><a href="{{ url_for('main.about.channels') }}">Channels</a></li>
                            {% else %}
                                <li><a href="{{ url_for('main.about.channels') }}">Channels</a></li>
                            {% endif %}

                            {% if current_page == "main.about.partners" %}
                                <li class="uk-active"><a href="{{ url_for('main.about.partners') }}">Partners</a></li>
                            {% else %}
                                <li><a href="{{ url_for('main.about.partners') }}">Partners</a></li>
                            {% endif %}

                            {% if current_page == "main.about.rules" %}
                                <li class="uk-active"><a href="{{ url_for('main.about.rules') }}">Server Rules</a></li>
                            {% else %}
                                <li><a href="{{ url_for('main.about.rules') }}">Server Rules</a></li>
                            {% endif %}

                            {% if current_page.startswith("main.jams") %}
                                <li class="uk-nav-header uk-active"><a href="{{ url_for('main.jams.index') }}">Code Jams</a></li>
                            {% else %}
                                <li class="uk-nav-header"><a href="{{ url_for('main.jams.index') }}">Code Jams</a></li>
                            {% endif %}

                            {% if current_page == "main.jams.index" %}
                                <li class="uk-active"><a href="{{ url_for('main.jams.index') }}">All Jams</a></li>
                            {% else %}
                                <li><a href="{{ url_for('main.jams.index') }}">All Jams</a></li>
                            {% endif %}

                            {% if current_page == "main.jams.profile" %}
                                <li class="uk-active"><a href="{{ url_for('main.jams.profile') }}">My Profile</a></li>
                            {% else %}
                                <li><a href="{{ url_for('main.jams.profile') }}">My Profile</a></li>
                            {% endif %}

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

                            {% if current_page.startswith("main.about.privacy") %}
                                <li class="uk-active"><a href="{{ url_for('main.about.privacy') }}">Privacy</a></li>
                            {% else %}
                                <li><a href="{{ url_for('main.about.privacy') }}">Privacy</a></li>
                            {% endif %}
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </nav>
</div>