kers/templates/base.html

{% load static %}
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width"/>
	<title>{% block title %}{% endblock %} – KeRS</title>
	<link rel="stylesheet" type="text/css" href="{% static 'main.css' %}"/>
	{% block styles %}{% endblock %}
</head>
<body>

<nav>
	<button id="nav-button">✖</button>
	<ul class="alignLeft">
		<li>
			<a href="{% url 'events:index' %}">
				Home</a>
		</li>
		<li>
			<a href="{% url 'users:profile' %}">
				Profile
			</a>
		</li>
	</ul>
	<ul class="alignRight">
		{% if user.is_authenticated %}
			<li class="accentuated">
				<span>
					Hello, {{ user.username }}
				</span>
			</li>
			<li>
				<a href="{% url 'users:logout' %}">
					Logout
				</a>
			</li>
		{% else %}
			<li>
				<a href="{% url 'oauth:login' %}">
					Login
				</a>
			</li>
		{% endif %}

	</ul>
	<div style="clear: both;"></div>
</nav>
<h1>Zeus WPI Kelderregistratiesysteem™</h1>
<main>
	{% block content %}{% endblock %}
</main>
<script>
	document.addEventListener("DOMContentLoaded", function () {
		let button = document.getElementById('nav-button')
		button.addEventListener('click', () => {
			if (button.innerText === "☰") {
				button.innerText = "✖";
			} else {
				button.innerText = "☰";
			}
		})
	});
</script>
</body>
</html>
-												CSS in static file

											
										
										
											2020-07-22 17:16:04 +02:00
+								{% load static %}
-												Start events frontend

											
										
										
											2020-07-22 04:08:30 +02:00
+								<!DOCTYPE html>
 								<html>
-												Add some layouting and navving

											
										
										
											2020-07-22 05:44:49 +02:00
+								<head>
 									<meta charset="utf-8"/>
 									<meta name="viewport" content="width=device-width"/>
-												CSS in static file

											
										
										
											2020-07-22 17:16:04 +02:00
+									<title>{% block title %}{% endblock %} – KeRS</title>
 									<link rel="stylesheet" type="text/css" href="{% static 'main.css' %}"/>
-												Add some layouting and navving

											
										
										
											2020-07-22 05:44:49 +02:00
+									{% block styles %}{% endblock %}
 								</head>
 								<body>
 								<nav>
-												Layout be less bad

											
										
										
											2020-07-22 14:06:16 +02:00
+									<button id="nav-button">✖</button>
-												Add login, logout to navbar

											
										
										
											2020-07-22 15:10:49 +02:00
+									<ul class="alignLeft">
-												Add some layouting and navving

											
										
										
											2020-07-22 05:44:49 +02:00
+										<li>
 											<a href="{% url 'events:index' %}">
 												Home</a>
 										</li>
 										<li>
 											<a href="{% url 'users:profile' %}">
 												Profile
 											</a>
 										</li>
 									</ul>
-												Add login, logout to navbar

											
										
										
											2020-07-22 15:10:49 +02:00
+									<ul class="alignRight">
 										{% if user.is_authenticated %}
 											<li class="accentuated">
-												Dark theme input fields

											
										
										
											2020-07-22 15:17:27 +02:00
+												<span>
 													Hello, {{ user.username }}
 												</span>
-												Add login, logout to navbar

											
										
										
											2020-07-22 15:10:49 +02:00
+											</li>
 											<li>
 												<a href="{% url 'users:logout' %}">
 													Logout
 												</a>
 											</li>
 										{% else %}
 											<li>
 												<a href="{% url 'oauth:login' %}">
 													Login
 												</a>
 											</li>
 										{% endif %}
 									</ul>
 									<div style="clear: both;"></div>
-												Add some layouting and navving

											
										
										
											2020-07-22 05:44:49 +02:00
+								</nav>
 								<h1>Zeus WPI Kelderregistratiesysteem™</h1>
-												Layout be less bad

											
										
										
											2020-07-22 14:06:16 +02:00
+								<main>
-												Add login, logout to navbar

											
										
										
											2020-07-22 15:10:49 +02:00
+									{% block content %}{% endblock %}
-												Layout be less bad

											
										
										
											2020-07-22 14:06:16 +02:00
+								</main>
-												Add some layouting and navving

											
										
										
											2020-07-22 05:44:49 +02:00
+								<script>
 									document.addEventListener("DOMContentLoaded", function () {
 										let button = document.getElementById('nav-button')
 										button.addEventListener('click', () => {
 											if (button.innerText === "☰") {
 												button.innerText = "✖";
 											} else {
 												button.innerText = "☰";
 											}
 										})
 									});
 								</script>
-												Layout be less bad

											
										
										
											2020-07-22 14:06:16 +02:00
+								</body>
-												Start events frontend

											
										
										
											2020-07-22 04:08:30 +02:00
+								</html>