layout.html (6020B) download
1<!DOCTYPE html>
2<html>
3
4<head>
5 <meta charset="utf-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7
8 <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
9 integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
10 crossorigin="anonymous"></script>
11 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
12 integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
13 crossorigin="anonymous"></script>
14 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
15 integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
16 crossorigin="anonymous"></script>
17
18 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
19 integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
20
21 <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='main.css') }}">
22
23 <!-- Bootstrap CSS -->
24 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
25 integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
26 crossorigin="anonymous" referrerpolicy="no-referrer" />
27
28 <!-- Google Font: Source Sans Pro, Source Code Pro -->
29 <link rel="preconnect" href="https://fonts.googleapis.com">
30 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
31 <link rel="stylesheet"
32 href="https://fonts.googleapis.com/css2?family=Source+Code+Pro&family=Source+Sans+Pro:ital,wght@0,400;0,600;1,400;1,600&display=swap">
33
34 <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"
35 integrity="sha512-q/dWJ3kcmjBLU4Qc47E4A9kTB4m3wuTY7vkFJDTZKjTs8jhyGQnaUrxa0Ytd0ssMZhbNua9hE+E7Qv1j+DyZwA=="
36 crossorigin="anonymous"></script>
37
38 <!-- leaflet maps -->
39 <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
40 integrity="sha512-hoalWLoI8r4UszCkZ5kL8vayOGVae1oxXe/2A4AO6J9+580uKHDO3JdHb7NzwwzK5xr/Fs0W40kiNHxM9vyTtQ=="
41 crossorigin="" />
42 <script src="https://unpkg.com/[email protected]/dist/leaflet.js"
43 integrity="sha512-BB3hKbKWOc9Ez/TAwyWxNXeoV9c1v6FIeYiBieIWkpLjauysF18NzgR1MBNBXf8/KABdlkX68nAhlwcDFLGPCQ=="
44 crossorigin=""></script>
45 <script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
46
47 <script type="text/javascript" charset="utf-8">
48 $('.dropdown-toggle').dropdown()
49
50 $(document).ready(function () {
51 $('li.active a').removeClass('active');
52 $('a[href="' + location.pathname + '"]').closest('li ').addClass('active');
53 });
54 </script>
55
56 {% if title %}
57 <title>muizenval.tk - {{ title }}</title>
58 {% else %}
59 <title>muizenval.tk</title>
60 {% endif %}
61</head>
62
63<body>
64 <div class="main-container d-flex">
65 <div class="sidebar" id="side_nav">
66 <div class="header-box px-2 pt-3 pb-4">
67 <img width="250" src="{{ url_for('static', filename='logo_pics/transparantlogo.png') }}" alt="logo">
68
69 </div>
70 <ul class="list-unstyled px-2">
71 <li><a href="{{ url_for('index') }}" class="text-decoration-none px-3 py-2 d-block text-white"><i
72 class="fas fa-home"></i>Home</a></li>
73 {% if current_user.is_authenticated %}
74 <li><a href="{{ url_for('traps') }}" class="text-decoration-none px-3 py-2 d-block text-white"><i
75 class="fas fa-chart-line"></i> Dashboard</a></li>
76 {% if current_user.admin %}
77 <li><a href="{{ url_for('admin') }}" class="text-decoration-none px-3 py-2 d-block text-white"><i
78 class="fas fa-users"></i> Gebruikers</a></li>
79 {% else %}
80 <li><a href="{{ url_for('contact') }}" class="text-decoration-none px-3 py-2 d-block text-white"><i
81 class="fas fa-address-book"></i> Contact</a></li>
82
83 {% endif %}
84 {% endif %}
85
86 <li><a href="{{ url_for('about') }}" class="text-decoration-none px-3 py-2 d-block text-white"><i
87 class="far fa-clipboard"></i> Over ons</a></li>
88
89 </ul>
90 <hr class="h-color mx-2">
91
92 <ul class="list-unstyled px-2">
93 {% if current_user.is_authenticated %}
94 <li class=""><a href="{{ url_for('account') }}"
95 class="text-decoration-none px-3 py-2 d-block text-white"><i class="fas fa-wrench"></i>
96 Instellingen</a></li>
97 <li class=""><a href="{{ url_for('logout') }}"
98 class="text-decoration-none px-3 py-2 d-block text-white"><i
99 class="fas fa-arrow-right-from-bracket"></i>
100 Uitloggen</a></li>
101 {% else %}
102 <li class=""><a href="{{ url_for('login') }}"
103 class="text-decoration-none px-3 py-2 d-block text-white"><i
104 class="fas fa-arrow-right-to-bracket"></i>Inloggen</a></li>
105 <li class=""><a href="{{ url_for('register') }}"
106 class="text-decoration-none px-3 py-2 d-block text-white"><i class="fas fa-square-pen"></i>
107 Registreren</a></li>
108 {% endif %}
109 </ul>
110 <hr class="h-color mx-2">
111 </div>
112 </div>
113 <div class="content">
114 {% for category, message in get_flashed_messages(with_categories=true) %}
115 <div class="alert alert-{{ category }}">
116 {{ message }}
117 </div>
118 {% endfor %}
119 {% block content %}
120
121 {% endblock %}
122 </div>
123</body>
124
125</html>