website/theme/templates/base.html at 9521887c36e3292a040825f5bceaa01015aebe5e · mixxxdj/website · GitHub

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
<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#" lang="{{ LANGUAGE_CODE }}" data-theme="dark">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Mixxx - {% block title %}{% endblock %}</title>
    {# Don't remove since it verifies ownership of mixxx.org in Google Webmaster Tools #}
    <meta name="google-site-verification" content="e7xeN8MhmdNedrrTVu7RRKXNl_8UBjg418brYV3XIPE" />
    <meta name="description" content="{% block meta_description %}{% trans %}Download the most advanced FREE DJ software available, featuring iTunes integration, MIDI controller support, internet broadcasting, and integrated music library.{% endtrans %}{% endblock %}">
    <meta name="keywords" content="{% block meta_keywords %}dj, dj software, free dj software, mixxx, dj mix, mp3 dj, mix mp3, download, crossfader, digital dj, beatmix, beatmixing, mp3, open source, mixing, mixer{% endblock %}"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
    <link href="https://plus.google.com/102441931224839455484" rel="publisher">
    <link href="{{ SITEURL }}/{{ FEED_ATOM }}" type="application/atom+xml" rel="alternate" title="Mixxx Atom Feed" />

    <!-- Open Graph Protocol metadata (e.g. for Facebook, https://ogp.me/) -->
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="{{ SITEURL }}/{{ output_file }}"/>
    <meta property="og:image" content="{{ SITEURL }}/theme/images/splash-1080x717.png"/>
    <meta property="og:image:width" content="1080"/>
    <meta property="og:image:height" content="717"/>

    <!-- Optional OGP metadata -->
    <meta property="og:description" content="{{ default_meta_description }}"/>
    <meta property="og:site_name" content="Mixxx DJ Software"/>
    {# should be equivalent to rel=canonical -- used for aggregating likes #}
    <meta property="article:publisher" content="https://www.facebook.com/pages/Mixxx-DJ-Software/21723485212"/>

    <!-- Favicons -->
    <link rel="shortcut icon" href="{{ SITEURL }}/theme/images/favicon.ico">

    <link rel="stylesheet" href="{{ SITEURL }}/theme/css/raleway.css">
    <link rel="stylesheet" href="{{ SITEURL }}/theme/css/normalize.css">
    <link rel="stylesheet" href="{{ SITEURL }}/theme/css/barebones.css">
    <link rel="stylesheet" href="{{ SITEURL }}/theme/css/custom.css">

    <script src="{{ SITEURL }}/theme/js/video.js"></script>

    <!-- Preload fonts to avoid flash of unstyled text (FOUT) -->
    <link rel="preload" href="{{ SITEURL }}/theme/fonts/raleway-v14-latin-ext_latin-300.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="{{ SITEURL }}/theme/fonts/raleway-v14-latin-ext_latin-regular.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="{{ SITEURL }}/theme/fonts/raleway-v14-latin-ext_latin-600.woff2" as="font" type="font/woff2" crossorigin>

    {% block extra_head %}
    {% endblock %}
  </head>

  <body>
    <div id="fb-root"></div>

    <div id="main-container">
      {% block header %}
      {% endblock %}

      {% block navbar %}
      {% include "navbar.html" %}
      {% endblock %}

      {% block body %}
      <div class="docs-section container">
        {% block content %}{% endblock %}
      </div>
      {% endblock %}

      {% block footer %}
      {% include "footer.html" %}
      {% endblock %}
    </div>

    <script>
      const navToggle = document.getElementById('navbar-hamburger-button');

      navToggle.addEventListener('change', () => {
        if (navToggle.checked) {
          document.body.classList.add('scroll-lock');
        } else {
          document.body.classList.remove('scroll-lock');
        }
      });
    </script>
  </body>
</html>