~hristoast/mousikofidi

mousikofidi/mousikofidi/templates/base.html -rw-r--r-- 4.0 KiB
60039fd3Hristos N. Triantafillou Don't blow up when there's no cover art 27 days ago
                                                                                
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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title id="title" data-sitename="{{ site_name }}">{{ page_name }} | {{ site_name }}</title>
    <meta name="description" content="{{ meta_desc }}">
    <meta name="author" content="{{ meta_author }}">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="manifest" href="/manifest.webmanifest">

    {% for c in css %}
      <link href="{{ c }}" rel="stylesheet" type="text/css">
    {% endfor %}

    <link rel="icon" href="{{ favicon_path }}">

  </head>
  <body>
    <header>
      <h2 class="center"><a href="{{ url_for('.index') }}" title="The site name, and a link to the main index page.">{{ site_name }}</a></h2>
    </header>

    {% if icons %}<div id="icons-enabled"></div>{% endif %}
    {% if keyboard_controls %}<div id="keyboard-controls-enabled"></div>{% endif %}
    <div data-theme="{{ theme }}" id="current-theme"></div>

    <nav>
      <ul>

        <li>
          <a href="/browse" title="A link to the browse page.">
            {% if icons %}
              <i class="fas fa-book-open"></i>
            {% endif %}Browse
          </a>
        </li>

        {% if playlists %}
          <li id="playlists-nav">
            <a href="{{ url_for('.playlists') }}" title="A link to the playlists page.">
              {% if icons %}
                <i class="fas fa-list"></i>
              {% endif %}Playlists
            </a>
          </li>
        {% endif %}

        <li>
          <a href="{{ url_for('.queue') }}" title="A link to the queue page.">
            {% if icons %}
              <i class="fas fa-list"></i>
            {% endif %}Queue
          </a>
        </li>

        {% if search %}
          <li>
            <a href="{{ url_for('.search') }}" title="A link to the search page.">
              {% if icons %}
                <i class="fas fa-search"></i>
              {% endif %}Search
            </a>
          </li>
        {% endif %}

        {% if secret_key %}
          <li>
            <a href="{{ url_for('.settings') }}" title="A link to the settings page.">
              {% if icons %}
                <i class="fas fa-user-cog"></i>
              {% endif %}Settings
            </a>
          </li>
        {% endif %}

        <li id="logo">
          <a id="logo">
            <img alt="The MousikóFídi logo" src="{{ logo_path }}" title="The MousikóFídi logo">
          </a>
        </li>
      </ul>
      <div class="bold center" id="queue-msg"></div>
    </nav>

    {% if top_link %}
      {% include "bottom_link.html" with context %}
    {% endif %}

    <noscript>
      <p class="center">
        <span class="bold red">Javascript is required for the MousikóFídi player.</span>
      </p>
      <p class="center red">Please enable javascript for this domain in order to use it.</p>
    </noscript>

    {% with messages = get_flashed_messages() %}
      {% if messages %}
        {% for message in messages %}
          {{ message|safe }}
        {% endfor %}
      {% endif %}
    {% endwith %}

    <div id="content">
      {% block content %}{% endblock %}
    </div>

    {% if top_link %}
      {% include "top_link.html" with context %}
    {% endif %}

    <footer class="center">
      <div>
        <a href="{{ url_for('.about') }}">About MousikóFídi</a>{% if debug %} | <a href="{{ url_for('.test_js') }}">Run Javascript Tests</a>{% endif %}
      </div>
      <div>
        <a href="https://sr.ht/~hristoast/mousikofidi">MουσικόΦίδι source code hosted by Sourcehut</a> | <a href="http://www.gnu.org/licenses/gpl-3.0.html">Licensed GPLv3</a>
      </div>
      <div>
        <a href="https://watercss.netlify.com/">Dark and Light Theme</a> | <a href="https://nostalgic-css.github.io/NES.css/">NES Theme</a> | <a href="https://fillmyan.us/">Terminal Theme by ogenfald</a>
      </div>
    </footer>

    <script src="/static/js/player.js"></script>
    <script src="/static/js/queue.js"></script>
    <script src="/static/js/init.js"></script>
    {% block extra_js %}{% endblock %}

  </body>
</html>