Ajout d'une page d'accueil

This commit is contained in:
theo@manjaro 2022-05-13 14:49:01 +02:00
parent aed45ed7ec
commit f4c3aa5d1a
9 changed files with 38 additions and 49 deletions

17
app.py
View File

@ -175,20 +175,3 @@ def date_select() :
context = {"dident_list":dident_list}
return render_template("date-select.html", **context)
@app.route("/app/about")
def about() :
"""
Page 'À propos'.
Parameters
----------
None.
Returns
-------
flask.render_template
"""
return render_template("about.html")

View File

@ -44,6 +44,11 @@ p {
text-align: justify;
}
main p {
padding: 30px;
font-size: 20px;
}
.flex-container {
width: 100%;
display: flex;
@ -54,6 +59,7 @@ h1, h2, h3, h4 {
font-weight: lighter;
border-left: solid;
border-width: 5px;
padding-left: 5px;
background: var(--bg-dark);
display: inline-block;
border-color: var(--hl);
@ -63,6 +69,11 @@ a {
color: var(--hl);
}
header a {
color: var(--fg);
text-decoration: none;
}
img {
margin: 10px;
align-self: flex-start;
@ -170,6 +181,13 @@ input {
font-weight: lighter;
}
footer {
border-style: dashed;
border-color: var(--bg-dark);
border-width: 2px 0px 0px 0px;
color: var(--bg-light);
}
@media screen and (max-width: 769px) {
}

View File

@ -1,25 +0,0 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<title>UniSquat</title>
<link rel="stylesheet" type="text/css" href="../static/style.css">
<meta name="viewport" content="width=300, initial-scale=1" />
</head>
<body>
{% include "base.html" %}
<main>
<p id="greet">UniSquat</p>
<div class="flex">
<p>🚧 <b>Version en cours de développement !</b> 🚧</p>
</div>
<div class="flex">
<p>Développé par <a href="https://forge.chapril.org/Wantoo">Wantoo</a>.</p>
</div>
<div class="flex">
<button onClick="history.go(-1);">Retour</button>
</div>
</main>
<footer></footer>
</body>
</html>

View File

@ -1 +1 @@
<div class="flex"><header>UniSquat</header></div>
<div class="flex"><header><a href="/">UniSquat</a></header></div>

View File

@ -25,6 +25,6 @@
{% endfor %}
</form>
</main>
<footer></footer>
{% include "footer.html" %}
</body>
</html>

View File

@ -24,6 +24,6 @@
</div>
</form>
</main>
<footer></footer>
{% include "footer.html" %}
</body>
</html>

8
templates/footer.html Normal file
View File

@ -0,0 +1,8 @@
<footer>
<div class="flex">
<p>Version en cours de développement</p>
</div>
<div class="flex">
<p>Fait avec ❤ par <a href="https://forge.chapril.org/Wantoo">Wantoo</a></p>
</div>
</footer>

View File

@ -11,7 +11,7 @@
<main>
Départements sélectionnés :
<b>{{ depts_str }}</b>
<form action="/app/date-select" method="get">
<form class="flex" action="/app/date-select" method="get">
{% for d in dident_list : %}
<span style="display: none;"><input type="text" name="dept" value="{{ d }}"/></span>
{% endfor %}
@ -19,7 +19,6 @@
</form>
<div class="flex">
<button onClick="location.href='/app'" type="button">Choisir des départements</button>
<button onClick="location.href='/app/about'" type="button">À propos</button>
</div>
<h1>Disponibles maintenant</h1>
<div class="flex-container">
@ -53,6 +52,6 @@
</ul>
</div>
</main>
<footer></footer>
{% include "footer.html" %}
</body>
</html>

View File

@ -13,7 +13,13 @@
<div class="flex">
<button onClick="location.href='/app'">Démarrer</button>
</div>
<h2>Qu'est ce que c'est ?</h2>
<p>UniSquat est un outil permettant de connaitre les salles actuellement libres à l'université de Strasbourg. Sélectionnez vos départements, et les salles libres ( ou prochainement libres ) s'afficheront !</p>
<h2>Comment ça marche ?</h2>
<p>L'université de Strasbourg affiche en ligne les occupations des salles, et permet de télécharger ces emplois du temps sous forme de fichier <b>.ics</b> . Notre outil s'occupe de télécharger ces fichiers en lien avec le(s) département(s) sélectionné(s) et les mets en commun</p>
<h2>Et c'est développé par qui ?</h2>
<p><a href="https://forge.chapril.org/Wantoo">Wantoo</a>, une organisation de deux étudiants ! Le code source est disponible en <a href="https://forge.chapril.org/Wantoo/UniSquat_Python">ici</a> :)</p>
</main>
<footer></footer>
{% include "footer.html" %}
</body>
</html>