base.html 3.3 KB
Newer Older
1
{% load i18n %}
onny's avatar
onny committed
2
3
4
5
6
<!DOCTYPE html>
{% load staticfiles %}
<html lang="en">
<head>
    <meta charset="UTF-8">
onny's avatar
onny committed
7
	  <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
    <link rel="shortcut icon" href="{% static 'img/favicon.ico' %}" type="image/x-icon" />
onny's avatar
onny committed
9
    <link rel="stylesheet" href="{% static 'css/main.css' %}">
onny's avatar
onny committed
10
    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
11
    <title>openArt</title>
onny's avatar
onny committed
12
</head>
onny's avatar
onny committed
13
<body>
onny's avatar
onny committed
14

onny's avatar
onny committed
15
  <content id="app">
16
17
    <header>
        <div>
onny's avatar
onny committed
18
          <div class='logo'>
onny's avatar
onny committed
19
20
21
22
23
            <div>
              <b><a href="/">[[ apptitle ]]</a></b>
              <br>
              <small>Tech demo 0.1</small>
            </div>
onny's avatar
onny committed
24
25
          </div>
          <div class='search'>
26
            <span class='icon icon-search'>
onny's avatar
onny committed
27
              <i class="fa fa-search"></i>
28
              <!-- <input type='text'> -->
onny's avatar
onny committed
29
            </span>
onny's avatar
onny committed
30
31
          </div>
          <div class='lang'>
onny's avatar
onny committed
32
            <span class='icon'>
33
34
35
36
37
38
39
40
41
42
43
              <div class="dropdown">
                <i class="fa fa-chevron-down fa-margin"></i>
                {% get_current_language as LANGUAGE_CODE %}
                <span>{{ LANGUAGE_CODE }}</span>
                <div id="menu-lang" class="dropdown-content dropdown-lang">
                  {% get_available_languages as LANGUAGES %}
                  {% for lang_code, lang_name in LANGUAGES %}
                      <a href="/{{ lang_code }}">{{ lang_name }}</a>
                  {% endfor %}
                </div>
              </div>
onny's avatar
onny committed
44
            </span>
onny's avatar
onny committed
45
46
          </div>
          <div class='login'>
onny's avatar
onny committed
47
            <span class='icon'>
onny's avatar
onny committed
48
49
50
              {% if authenticated %}
              <div class="dropdown">
                <i class="fa fa-user"></i>
51
                <div id="menu-login" class="dropdown-content dropdown-login">
onny's avatar
onny committed
52
53
                  ubezi@student.kit.edu
                  <hr>
54
                  <a href="/admin/logout">{% trans "Logout" %}</a>
onny's avatar
onny committed
55
56
57
58
                </div>
            </div>
              {% else %}
              <i class="fa fa-lock fa-margin"></i>
59
              <span>{% trans "Sign In" %}</span>
onny's avatar
onny committed
60
              {% endif %}
onny's avatar
onny committed
61
            </span>
onny's avatar
onny committed
62
          </div>
63
64
        </div>
    </header>
onny's avatar
onny committed
65

onny's avatar
onny committed
66
67
68
      <main>
        <div>
          <div class="sidebar">
69
70
71
72
            <a href="/artists">{% trans "Artists" %}</a><br>
            <a href="/projects">{% trans "Projects" %}</a><br>
            <a href="/entries">{% trans "Entries" %}</a><br>
            <a href="/media">{% trans "Media" %}</a><br><br>
onny's avatar
onny committed
73
            {% if authenticated %}
74
            <a href="/add">{% trans "Add" %}</a><br>
onny's avatar
onny committed
75
76
            {% endif %}
          </div>
onny's avatar
onny committed
77
78
79
80
          <div class="content">
            {% block content %}
            {% endblock %}
          </div>
onny's avatar
onny committed
81
        </div>
onny's avatar
onny committed
82
      </main>
83
84
85
86
87
88
89
      <footer>
          <div>
            openArt
            <br>
            <small>Tech demo 0.1</small>
          </div>
      </footer>
onny's avatar
onny committed
90
  </content>
onny's avatar
onny committed
91

onny's avatar
onny committed
92
93
    <!-- <script type="text/javascript" src="{% static 'js/vue-2.6.10.min.js' %}"></script> -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
onny's avatar
onny committed
94
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
onny's avatar
onny committed
95
    <script type="text/javascript" src="{% static 'js/vue-resource-1.5.1.min.js' %}"></script>
onny's avatar
onny committed
96
    <script type="text/javascript" src="{% static 'js/main.js' %}"></script>
onny's avatar
onny committed
97
</body>
onny's avatar
onny committed
98
</html>