commit aaa23bb225b7773ae7ef5e08b1545e7e1b9f626f
parent 3e07f277c2e1aa39dbc20d997e963660a41b3059
Author: NibbaNamedHassan <[email protected]>
Date: Tue, 28 Jun 2022 15:39:45 +0200
New layout
Diffstat:
5 files changed, 28 insertions(+), 15 deletions(-)
diff --git a/logo.png b/logo.png
Binary files differ.
diff --git a/server/routes.py b/server/routes.py
@@ -83,7 +83,7 @@ def about():
""" home.html route """
@app.route("/home")
-def about():
+def home():
return render_template('home.html', title='Home')
""" register.html route """
diff --git a/server/static/logo_pics/transparantlogo.png b/server/static/logo_pics/transparantlogo.png
Binary files differ.
diff --git a/server/templates/about.html b/server/templates/about.html
@@ -4,16 +4,23 @@
<div class="media-body">
<h2>Over ons</h2>
<p>
- We zijn een klein bedrijf dat is opgericht in 2022 en focusen ons vooral op het bestrijden van ongedierte.
+ <h6>Wie zijn wij?</h6>
+ Wij zijn een groep ICT studenten aan de Hanze Hogeschool die in samenwerking met 5Groningen een Slimme muizenval hebben ontwikkelt. 5Groningen is een programma waarin experts samen werken met ondernemers en non-profitorganisaties om toepassingen van 5G te testen.
+
</p>
<p>
- Het idee van een slimme muizenval schoot ons te binnen toen boer Herman, een goede vriend van ons zijn frustraties
- ontluchten over zijn ongedierte probleem. We dachten direct daar moeten wij iets aan doen!
+ <h6>Reden voor dit project?</h6>
+ Op de boerderij wordt er steeds diervriendelijker gewerkt en wordt er steeds bewuster omgegaan met bestrijdingsmiddelen.
+ Daarnaast wordt de wetgeving ook steeds aangescherpt m.b.t. welke bestrijdingsmiddelen gebruikt mogen worden en in welke hoeveelheden (vanaf 2023 mag alleen bestreden worden als er aantoonbaar knaagdieren zijn).
+ Het bestrijden van ongedierte met gif wordt dus steeds lastiger qua wetgeving en diervriendelijkheid.
+ Toch moet de dieren (ratten en muizen) gevangen worden.
</p>
<p>
- We kwamen bij elkaar en zo kwam de slimme muizenval tot leven. Een muizenval die je van een afstand kunt monitoren.
- Maak gebruik van de dashboard om makkelijk al uw muizenvallen bij te houden.
+ <h6>Benni</h6>
+ Het idee was om een muizenval te creëren die zodra er iets gevangen wordt een bericht stuurt naar de eigenaar van een val.
+ In het bericht wordt de locatie van de val, en een foto meegestuurd van de inhoud.
+ Ook kunnen de muizenvallen gemonitord worden via een dashboard op onze site.
</p>
<p>
Voor meer informatie neem contact met ons op.
diff --git a/server/templates/layout.html b/server/templates/layout.html
@@ -20,6 +20,11 @@
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='main.css') }}">
+ <!-- Bootstrap CSS-->
+ <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">
+ <link rel="stylesheet" href="style.css" />
+ <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" />
+
<!-- Google Font: Source Sans Pro, Source Code Pro -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -63,30 +68,31 @@
<div class="main-container d-flex">
<div class="sidebar" id="side_nav">
<div class="header-box px-2 pt-3 pb-4">
- <h1 class="fs-4"><span class="bg-white text-dark rounded shadow px-2 me-2">B</span> <span class="text-white">BENNI</span></h1>
+ <h1 class="fs-4"><span class="bg-white text-dark rounded shadow px-2 me-2"><img src="logo.png" alt="logo"></span> <span class="text-white">BENNI</span></h1>
</div>
<ul class="list-unstyled px-2">
+ <li class=""><a href="#" class="text-decoration-none px-3 py-2 d-block"><i class="fas fa-home"></i> Home</a></li>
{% if current_user.is_authenticated %}
- <li class=""><a href="{{ url_for('traps') }}" class="text-decoration-none px-3 py-2 d-block"><i class="far fa-tachometer-alt"></i>Dashboard</a></li>
- <li class=""><a href="{{ url_for('trap_connect') }}" class="text-decoration-none px-3 py-2 d-block"><i class="far fa-plug"></i>Koppel een val</a></li>
- <li class=""><a href="{{ url_for('contact') }}" class="text-decoration-none px-3 py-2 d-block"><i class="far fa-address-book"></i>Contact opnemen</a></li>
+ <li class=""><a href="{{ url_for('traps') }}" class="text-decoration-none px-3 py-2 d-block"><i class="far fa-tachometer-alt"></i> Dashboard</a></li>
+ <li class=""><a href="{{ url_for('trap_connect') }}" class="text-decoration-none px-3 py-2 d-block"><i class="far fa-plug"></i> Koppel een val</a></li>
+ <li class=""><a href="{{ url_for('contact') }}" class="text-decoration-none px-3 py-2 d-block"><i class="far fa-address-book"></i> Contact opnemen</a></li>
{% endif %}
- <li class=""><a href="#" class="text-decoration-none px-3 py-2 d-block"><i class="far fa-map-marker-question"></i>Home</a></li>
- <li class=""><a href="{{ url_for('about') }}" class="text-decoration-none px-3 py-2 d-block"><i class="far fa-map-marker-question"></i>Over ons</a></li>
+
+ <li class=""><a href="{{ url_for('about') }}" class="text-decoration-none px-3 py-2 d-block"><i class="far fa-map-marker-question"></i> Over ons</a></li>
</ul>
<hr class="h-color mx-2">
<ul class="list-unstyled px-2">
{% if current_user.is_authenticated %}
- <li class=""><a href="{{ url_for('account') }}" class="text-decoration-none px-3 py-2 d-block"><i class="far fa-cogs"></i>Instellingen</a></li>
- <li class=""><a href="{{ url_for('logout') }}" class="text-decoration-none px-3 py-2 d-block"><i class="fas fa-sign-out"></i>Uitloggen</a></li>
+
+ <li class=""><a href="{{ url_for('logout') }}" class="text-decoration-none px-3 py-2 d-block"><i class="fas fa-sign-out"></i> Uitloggen</a></li>
{% else %}
<li class=""><a href="{{ url_for('login') }}" class="text-decoration-none px-3 py-2 d-block"><i class="fas fa-sign-out"></i>Inloggen</a></li>
- <li class=""><a href="{{ url_for('register') }}" class="text-decoration-none px-3 py-2 d-block"><i class="fas fa-sign-out"></i>Registeren</a></li>
+ <li class=""><a href="{{ url_for('register') }}" class="text-decoration-none px-3 py-2 d-block"><i class="far fa-user"></i> Registreren</a></li>
{% endif %}
</ul>
<hr class="h-color mx-2">
