Added inscription page + css for sticky footer

150f9154 · Dorian Lesbre · 7bcfd6ad · 150f9154 · 150f9154 · 150f9154
Commit 150f9154 authored 4 years ago by Dorian Lesbre
--- a/home/static/css/style.css
+++ b/home/static/css/style.css
@@ -14,9 +14,19 @@ html, body {
 	line-height: 1.5;
 	font-family: Arial, Roboto, Helvetica, sans-serif;
 	align-items: center;
+}
+
+html {
+	position: relative;
+	min-height: 100%;
 	margin: 0;
 }

+body {
+	min-height: 100%;
+	margin: 0px 0px 50px;
+}
+
 header {
 	display: flex;
 	background-color: var(--color_bg_1);
@@ -77,9 +87,10 @@ main {
 	background-color: var(--color-bg);
  justify-content: center;
 	text-align: justify;
-	padding: 1px 30px;
+	padding: 1px 30px 50px;
 	max-width: 920px;
 	margin: 0 auto 0 auto;
+	min-height: calc(100vh - 330px); /* viewport-height - (header+footer+nav bar) */
 }

 main h2 {
@@ -103,6 +114,10 @@ main a:link {
 }

 footer {
+	position: absolute;
+	bottom: 0;
+	width: 100%;
+	height: 50px;   /* Height of the footer */
 	color: white;
 	display: flex;
 	background-color: var(--color_bg_1);

--- a/home/templates/base.html
+++ b/home/templates/base.html
@@ -13,7 +13,6 @@
 		<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
 	</head>
 	<body>
-
 		<header>
 			<div id="header_logo">
 				<h1><a href="/">Interludes 2021</a></h1>

--- a/home/templates/inscription.html
+++ b/home/templates/inscription.html
+{% extends "base.html" %}
+
+{% block "content" %}
+	<h2>Inscriptions</h2>
+	<p>
+	Les inscriptions ne sont pas encores ouvertes.
+	Nous communiquerons pas mail via les BDE des différentes écoles pour leur ouverture.
+	</p>
+{% endblock %}
\ No newline at end of file
--- a/home/urls.py
+++ b/home/urls.py
@@ -3,4 +3,5 @@ from . import views

 urlpatterns = [
 	path('', views.static_view, {"slug":"home"}, name = 'home'),
+	path('inscription/', views.static_view, {"slug":"inscription"}, name = 'inscription'),
 ]
\ No newline at end of file