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

onny's avatar
onny committed
14
  <content id="app">
15
16
    <header>
        <div>
onny's avatar
onny committed
17
          <div class='logo'>
onny's avatar
onny committed
18
19
20
21
22
            <div>
              <b><a href="/">[[ apptitle ]]</a></b>
              <br>
              <small>Tech demo 0.1</small>
            </div>
onny's avatar
onny committed
23
24
          </div>
          <div class='search'>
onny's avatar
onny committed
25
26
27
28
            <span class='icon'>
              <i class="fa fa-search"></i>
              <input type='text'>
            </span>
onny's avatar
onny committed
29
30
          </div>
          <div class='lang'>
onny's avatar
onny committed
31
            <span class='icon'>
onny's avatar
onny committed
32
              <i class="fa fa-chevron-down fa-margin"></i>
onny's avatar
onny committed
33
34
              <span>En</span>
            </span>
onny's avatar
onny committed
35
36
          </div>
          <div class='login'>
onny's avatar
onny committed
37
            <span class='icon'>
onny's avatar
onny committed
38
39
40
41
42
43
44
45
46
47
48
              {% if authenticated %}
              <div class="dropdown">
                <i class="fa fa-user"></i>
                <div id="menu-login" class="dropdown-content">
                  ubezi@student.kit.edu
                  <hr>
                  <a href="#about">Logout</a>
                </div>
            </div>
              {% else %}
              <i class="fa fa-lock fa-margin"></i>
onny's avatar
onny committed
49
              <span>Sign In</span>
onny's avatar
onny committed
50
              {% endif %}
onny's avatar
onny committed
51
            </span>
onny's avatar
onny committed
52
          </div>
53
54
        </div>
    </header>
onny's avatar
onny committed
55

onny's avatar
onny committed
56
57
58
      <main>
        <div>
          <div class="sidebar">
onny's avatar
onny committed
59
60
61
62
63
64
65
66
            <a href="/artists">Artists</a><br>
            <a href="/projects">Projects</a><br>
            <a href="/entries">Entries</a><br>
            <a href="/media">Media</a><br><br>
            {% if authenticated %}
            <a href="/add">Add</a><br>
            {% endif %}
          </div>
onny's avatar
onny committed
67
68
69
70
          <div class="content">
            {% block content %}
            {% endblock %}
          </div>
onny's avatar
onny committed
71
        </div>
onny's avatar
onny committed
72
      </main>
73
74
75
76
77
78
79
      <footer>
          <div>
            openArt
            <br>
            <small>Tech demo 0.1</small>
          </div>
      </footer>
onny's avatar
onny committed
80
  </content>
onny's avatar
onny committed
81

onny's avatar
onny committed
82
83
    <!-- <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
84
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
onny's avatar
onny committed
85
    <script type="text/javascript" src="{% static 'js/vue-resource-1.5.1.min.js' %}"></script>
onny's avatar
onny committed
86
    <script type="text/javascript" src="{% static 'js/main.js' %}"></script>
onny's avatar
onny committed
87
</body>
onny's avatar
onny committed
88
</html>