Updated the layout

This commit is contained in:
cookie 2020-01-18 14:29:44 +01:00
parent 4208941d3c
commit 77d1e9c4fc
9 changed files with 37 additions and 19 deletions

2
README
View file

@ -1,4 +1,4 @@
Le serveur a besoin des droits en écriture sur la base SQLite3 et le répertoire Le serveur a besoin des droits en écriture sur la base SQLite3 et le répertoire
la contenant. la contenant.
Histoire : bbc -> lhark -> guimoz -> Klafyvel + volgarr + Yoann + yopox Histoire : bbc -> lhark -> guimoz -> Klafyvel + volgarr + Yoann + yopox -> Nanoy + cookie

BIN
static/img/rezo-logo-cropped.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 150 KiB

View file

@ -1,7 +1,7 @@
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono'); @import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono');
body { body {
background: #d7ebff; background: #ecf0f1;
color: black; color: black;
text-align: center; text-align: center;
font-family: 'Ubuntu Mono', monospace; font-family: 'Ubuntu Mono', monospace;
@ -30,7 +30,7 @@ a {
margin: 32px auto; margin: 32px auto;
padding: 32px 0 16px 0; padding: 32px 0 16px 0;
max-width: 600px; max-width: 600px;
background: white; background: #ffffff;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24); 0 1px 2px rgba(0, 0, 0, 0.24);
@ -70,6 +70,7 @@ a {
margin: 16px auto; margin: 16px auto;
border-radius: 3px; border-radius: 3px;
font-weight: bold; font-weight: bold;
color: #ffffff;
transition: all cubic-bezier(0.4, 0.0, 0.2, 1) 0.2s; transition: all cubic-bezier(0.4, 0.0, 0.2, 1) 0.2s;
} }
@ -79,19 +80,19 @@ a {
} }
#play { #play {
background-color: #9ce898; background-color: #636e72;
} }
#play:hover { #play:hover {
background-color: #7fd87b; background-color: #2d3436;
} }
#tchak { #tchak {
background-color: #e89898; background-color: #636e72;
} }
#tchak:hover { #tchak:hover {
background-color: #d87b7b; background-color: #2d3436;
} }
.title { .title {
@ -138,4 +139,13 @@ ul.flashes {
ul.flashes li { ul.flashes li {
text-align: center; text-align: center;
} }
table{
width:95%;
border-collapse : collapse
}
td,th {
border : thin solid black;
}

View file

@ -15,6 +15,10 @@
(redémarrer le navigateur peut être nécessaire une fois ce délai écoulé) (redémarrer le navigateur peut être nécessaire une fois ce délai écoulé)
</p> </p>
<p>
Voici une image de chaton pour te consoler :
<img src="https://placekitten.com/200/300"/>
<div id="container" style="min-width: 310px; max-width: 600px; margin: 0 auto"></div> <div id="container" style="min-width: 310px; max-width: 600px; margin: 0 auto"></div>
<script type='text/javascript'> <script type='text/javascript'>
window.onload = function () { window.onload = function () {

View file

@ -2,7 +2,7 @@
{% block content %} {% block content %}
<h2>Toi aussi, joue au rézoman !</h2> <h2>Toi aussi, joue au rézoman !</h2>
<p> <p>
La Rézoroulette Metzthernet vous offre un répit temporaire. Profite bien {{ user['firstname']+' '+user['name'] }} ;-) La Roulette Rézo t'offre un répit temporaire. Profite bien {{ user['firstname']+' '+user['name'] }} ;-)
</p> </p>
<div id="container" style="min-width: 310px; max-width: 600px; margin: 0 auto"></div> <div id="container" style="min-width: 310px; max-width: 600px; margin: 0 auto"></div>

View file

@ -3,14 +3,18 @@
<div class="sep"></div> <div class="sep"></div>
<div class="desc">Toi aussi abuse des pouvoirs du Rézo avec les Metzthernets !</div> <div class="desc">Toi aussi abuse des pouvoirs du Rézo !</div>
<a href="{{url_for('play')}}"> <a href="{{url_for('play')}}">
<div id="play" class="button center"> <div id="play" class="button center">
JOUER JOUER
</div> </div>
</a> </a>
<a href="{{url_for('stats')}}">
<div id="play" class="button center">
Statistiques
</div>
</a>
<div class="sep"></div> <div class="sep"></div>
<div class="desc title">Historique personnel</div> <div class="desc title">Historique personnel</div>
@ -38,7 +42,7 @@
var data = { var data = {
datasets: [{ datasets: [{
data: [ {{ stats[0] }}, {{ stats[1] }} ], data: [ {{ stats[0] }}, {{ stats[1] }} ],
backgroundColor: ['#ffd7d7', '#d7ebff'] backgroundColor: ['#ff7979', '#686de0']
}], }],
labels: ['Tranchés', 'Vivants'] labels: ['Tranchés', 'Vivants']
}; };

View file

@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<title>Rézoroulette Metzthernet</title> <title>Roulette Rézo 2020</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" /> <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" />
@ -15,7 +15,7 @@
<body> <body>
<a href="/"> <a href="/">
<img id="banner" src="{{ url_for('static', filename='img/banner.svg') }}"> <img id="banner" src="{{ url_for('static', filename='img/rezo-logo-cropped.png')}}">
</a> </a>
<div id="card"> <div id="card">
@ -29,10 +29,10 @@
{% endif %} {% endwith %} {% block content %}{% endblock %} {% endif %} {% endwith %} {% block content %}{% endblock %}
</div> </div>
<div id="footer"> <div id="footer">
<a href="mailto:metzthernet@gmail.com">metzthernet@gmail.com</a> <a href="mailto:roulette@rezometz.org">roulette@rezometz.org</a>
</div> </div>
</div> </div>
</div> </div>
</body> </body>
</html> </html>

View file

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Rézoroulette Metzthernet</title> <title>Roulette Rézo 2020</title>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta http-equiv="refresh" content="60"> <meta http-equiv="refresh" content="60">
<link rel="stylesheet" href="{{ url_for('static', filename='style_red.css') }}" /> <link rel="stylesheet" href="{{ url_for('static', filename='style_red.css') }}" />
@ -30,7 +30,7 @@
{% endwith %} {% endwith %}
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div> </div>
<div id="footer">Contact technique : <a href="mailto:metzthernet@gmail.com">metzthernet@gmail.com</a></div> <div id="footer">Contact technique : <a href="roulette@rezometz.org">roulette@rezometz.org</a></div>
</div> </div>
</div> </div>
</body> </body>

View file

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Rézoroulette</title> <title>Roulette Rézo 2020</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" /> <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" />
<script type="text/javascript" src="{{ url_for('static', filename='javascript.js') }}"></script> <script type="text/javascript" src="{{ url_for('static', filename='javascript.js') }}"></script>