layout.html (6020B)
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>