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>