base.html 2.3 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
32
33
34
            <span class='icon'>
              <i class="fa fa-chevron-down"></i>
              <span>En</span>
            </span>
onny's avatar
onny committed
35
36
          </div>
          <div class='login'>
onny's avatar
onny committed
37
38
39
40
            <span class='icon'>
              <i class="fa fa-lock"></i>
              <span>Sign In</span>
            </span>
onny's avatar
onny committed
41
          </div>
42
43
        </div>
    </header>
onny's avatar
onny committed
44

onny's avatar
onny committed
45
46
47
      <main>
        <div>
          <div class="sidebar">
onny's avatar
onny committed
48
49
50
51
52
53
54
55
            <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
56
57
58
59
          <div class="content">
            {% block content %}
            {% endblock %}
          </div>
onny's avatar
onny committed
60
        </div>
onny's avatar
onny committed
61
      </main>
62
63
64
65
66
67
68
      <footer>
          <div>
            openArt
            <br>
            <small>Tech demo 0.1</small>
          </div>
      </footer>
onny's avatar
onny committed
69
  </content>
onny's avatar
onny committed
70

onny's avatar
onny committed
71
72
    <!-- <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
73
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
onny's avatar
onny committed
74
    <script type="text/javascript" src="{% static 'js/vue-resource-1.5.1.min.js' %}"></script>
onny's avatar
onny committed
75
    <script type="text/javascript" src="{% static 'js/main.js' %}"></script>
onny's avatar
onny committed
76
</body>
onny's avatar
onny committed
77
</html>