summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--data/bingo_data.txt2
-rw-r--r--data/changelog_data.txt5
-rw-r--r--static/style.css108
-rw-r--r--templates/apropos.html13
-rw-r--r--templates/base.html4
-rw-r--r--templates/custom.html4
-rw-r--r--templates/index.html12
-rw-r--r--templates/liste.html6
8 files changed, 134 insertions, 20 deletions
diff --git a/data/bingo_data.txt b/data/bingo_data.txt
index fbd3c07..92136b7 100644
--- a/data/bingo_data.txt
+++ b/data/bingo_data.txt
@@ -13,7 +13,7 @@
13"Allaitement","Ça abîme les seins.","Je ne savais pas que tu t'intéressais de si près à ma poitrine...","Je fais ce que je veux de mes nichons !" 13"Allaitement","Ça abîme les seins.","Je ne savais pas que tu t'intéressais de si près à ma poitrine...","Je fais ce que je veux de mes nichons !"
14"Allaitement","Il faut espacer les tétées !","Surtout espacer le plus possible ce genre de remarque..." 14"Allaitement","Il faut espacer les tétées !","Surtout espacer le plus possible ce genre de remarque..."
15"Allaitement","Tu es fatiguée à cause de l'allaitement !","Surtout à cause de ce genre de remarque..." 15"Allaitement","Tu es fatiguée à cause de l'allaitement !","Surtout à cause de ce genre de remarque..."
16"Allaitement","...comparaison avec une vache à lait.","C'est toi qui es vache !","C'est la vache qui est une mère.","De quoi j'mammelle ?","Ben non, mon enfant n'est pas un veau !" 16"Allaitement","...comparaison avec une vache à lait.","De quoi j'mammelle ?","C'est toi qui es vache !","C'est la vache qui est une mère.","Ben non, mon enfant n'est pas un veau !","Meuuuuuh !"
17"Allaitement","Ça ne te fait pas mal ?","Si, mais tu sais que j'ai des penchants masochistes..." 17"Allaitement","Ça ne te fait pas mal ?","Si, mais tu sais que j'ai des penchants masochistes..."
18"Allaitement","Tu l'allaites encore ?","Ah non pas du tout pourquoi ?","Non, là j'accorde mon moteur de tracteur en la bémol","Ouais, t'en veux ?","Bah mon mari a essayé aussi, mais le bébé a pas aimé le goût, alors...","Non, j'ai arrêté il y a un bon bout de temps mais mon enfant continue..." 18"Allaitement","Tu l'allaites encore ?","Ah non pas du tout pourquoi ?","Non, là j'accorde mon moteur de tracteur en la bémol","Ouais, t'en veux ?","Bah mon mari a essayé aussi, mais le bébé a pas aimé le goût, alors...","Non, j'ai arrêté il y a un bon bout de temps mais mon enfant continue..."
19"Allaitement","Et la place du papa ?","Oh on a essayé, mais il ne produisait pas assez de lait." 19"Allaitement","Et la place du papa ?","Oh on a essayé, mais il ne produisait pas assez de lait."
diff --git a/data/changelog_data.txt b/data/changelog_data.txt
index d62ed50..5663eec 100644
--- a/data/changelog_data.txt
+++ b/data/changelog_data.txt
@@ -1,3 +1,8 @@
1"Version 0.25","30/07/2021","<ul>
2<li>Possibilité de sauvegarder les cases cochées (JS)</li>
3<li>Un peu d'efforts sur le CSS, quand même.</li>
4</ul>"
5
1"Version 0.21","29/07/2021","<p>Page ajoutée pour avoir la liste des répliques</p>" 6"Version 0.21","29/07/2021","<p>Page ajoutée pour avoir la liste des répliques</p>"
2 7
3"Version 0.2","28/07/2021","<p>Mise en ligne de la bêta, c'est en cours !</p> 8"Version 0.2","28/07/2021","<p>Mise en ligne de la bêta, c'est en cours !</p>
diff --git a/static/style.css b/static/style.css
index 3fc08f7..a35e7e7 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,6 +1,56 @@
1/* général */
2body {
3 background-color: #CED6EB;
4 font-family: Sans-serif ;
5 margin-left: 2rem ;
6 margin-right: 2rem ;
7}
8
9h1 {
10 border-radius: 50px 20px ;
11 border: 5px solid #AA0000;
12 background: rgba(255, 255, 255, 0.5) ;
13 display: inline-block ;
14 padding-top: 20px ;
15 padding-bottom: 20px ;
16 padding-left: 30px ;
17 padding-right: 30px ;
18 color: #660000 ;
19 font-family: Fantasy ;
20 text-transform: uppercase;
21}
22
23h2, h3, h4, h5{
24 color: #660000 ;
25}
26
27hr {
28 color: #660000 ;
29 margin-left: 30px ;
30 margin-right: 30px ;
31}
32
33.titre {
34 text-align: center ;
35}
36
37nav {
38 position: fixed;
39 bottom: 1px;
40 border:solid 1px #660000 ;;
41 padding: 4px;
42 text-align: center ;
43 background-color: #BBD6E7 ;
44}
45
46#findepage {
47 margin-bottom: 100px;
48}
49
1/* Styles divers */ 50/* Styles divers */
2.cliquable { 51.cliquable {
3 text-decoration: underline; 52 text-decoration: underline;
53 font-size: 1rem ;
4} 54}
5.cliquable:hover { 55.cliquable:hover {
6 cursor: pointer; 56 cursor: pointer;
@@ -10,14 +60,55 @@
10 font-size: 0.8em; 60 font-size: 0.8em;
11} 61}
12 62
63.toutpetit {
64 font-size: 0.6em ;
65}
66
67.lientop {
68 color: inherit ;
69}
70
71.score {
72 background-color: #746FF0 ;
73 border-radius: 5px ;
74 border: 1px solid black ;
75 padding: 10px ;
76 margin: 20px ;
77}
78
79
80span.reset {
81 background-color: #F6AC8E ;
82}
83
84div.reset {
85 margin-bottom: 2em ;
86}
87
88.bouton {
89 border-radius: 20px ;
90 border: 1px solid black ;
91 padding: 10px ;
92 margin-left: 10px ;
93}
94
95
96
97.liensperma {
98 text-align: center ;
99}
13 100
14/* Grille du bingo */ 101/* Grille du bingo */
15#grille { 102#grille {
16 background-color: #F8F8F8 ; 103 background-color: #746FF0 ;
17 padding: 1px ; 104 padding: 1px ;
18 margin: 30px ; 105 margin-left: 20px ;
106 margin-right: 20px ;
107 margin-top: 20px ;
108 margin-bottom: 20px ;
19 border: 1px solid black ; 109 border: 1px solid black ;
20 table-layout: fixed; 110 table-layout: fixed;
111 border-radius: 5px ;
21} 112}
22 113
23#grille td { 114#grille td {
@@ -45,9 +136,18 @@
45 136
46/* Formulaire page custom */ 137/* Formulaire page custom */
47.texte { 138.texte {
48 width:20em 139 width:30rem
49} 140}
50 141
51.data { 142.data {
52 width:3em 143 width:3rem
144}
145
146input {
147 background-color: #F0F3FA ;
148 font-size: 1rem ;
149}
53 150
151.veuxgrille {
152 background-color: #A889E8 ;
153}
diff --git a/templates/apropos.html b/templates/apropos.html
index 4ee449f..413e011 100644
--- a/templates/apropos.html
+++ b/templates/apropos.html
@@ -1,20 +1,21 @@
1{% extends "base.html" %} 1{% extends "base.html" %}
2{% block contenu %} 2{% block contenu %}
3<div class="titre">
3<h1>Bingo de l'allaitement (ou autre), infos</h1> 4<h1>Bingo de l'allaitement (ou autre), infos</h1>
5</div>
4 6
5<div id="contenu"> 7<div id="contenu">
6 8
7 <h2>C'est quoi ce truc ?</h2> 9 <h2>C'est quoi ce truc ?</h2>
8 10
9<p>Jeune maman (ou jeune papa) tu en as assez des remarques aussi inutiles que désagréables sur ta façon de t'occuper de TES enfants ? « Mais tu vas l'allaiter jusqu'à quand ? », « Laisse-le pleurer, il finira par s'endormir », « Le bébé de Untel, il fait ses nuits, LUI », etc etc. Sache bien une chose : tu n'es pas seul(e) :). Et tous ces charmants "conseils" (hem hem) remarques sont régulièrement "offertes" par la famille, les inconnus, ou même le personnel médical et merci, on s'en passerait bien !</p> 11<p>Jeune maman (ou jeune papa) tu en as assez des remarques aussi inutiles que désagréables sur ta façon de t'occuper de TES enfants ? « Mais tu vas l'allaiter jusqu'à quand ? », « Laisse-le pleurer, il finira par s'endormir », « Le bébé de Untel, il fait ses nuits, LUI », etc etc. Sache bien une chose : tu n'es pas seul(e) :). Et tous ces charmants "conseils" (hem hem) nous sont régulièrement "offerts" par la famille, les inconnus, ou même le personnel médical ; et merci, on s'en passerait bien !</p>
10
11<p>Crée ton bingo personnalisé, et emporte-le avec toi la prochaine fois que tu vas voir belle-maman, le médecin, la voisine qui radote, etc. Coche les cases quand tu entends les remarques débiles et crie « Bingo ! » quand tu complètes une ligne devant le regard médusé de ton interlocuteur. Tu peux même jouer avec tes potes parents à qui fait le meilleur score !</p>
12 12
13<p>Il/elle ne comprendra pas pourquoi, mais au moins tu auras rigolé un bon coup !</p> 13<p>Crée ton bingo personnalisé, et emporte-le avec toi la prochaine fois que tu vas voir belle-maman, le pédiatre vieux-jeu, la voisine qui radote, etc. Coche les cases quand tu entends les remarques débiles et crie « Bingo ! » quand tu complètes une ligne devant le regard médusé de ton interlocuteur. Tu peux même jouer avec tes ami(e)s à qui fait le meilleur score !</p>
14 14
15<p>Remarque importante si l'allaitement n'est pas ton truc : ceci n'a absolument pas pour but de faire culpabiliser celles et ceux qui donnent le biberon, ce n'est absolument pas le sujet ! On fait ce qu'on veut avec ses propres nichons, et les parents prennent leur décision "au mieux" en fonction de ce qu'ils souhaitent et peuvent pour leur bébé d'amour. Sein ou pas, vous êtes des parents formidables, si si !</p> 15<p>Ça ne changera probablement pas son attitude, ni le monde, mais au moins tu auras rigolé un bon coup ! :)</p>
16 16
17<p>Mais de toutes façons, tu as dû le remarquer, qu'on allaite ou pas, il y aura toujours des gens qui font des remarques idiotes et pleines de jugement, sous prétexte de nous "aider". Envoyez-moi vos remarques débiles catégorie "biberon" je les ajoute avec plaisir ! 17<p>Remarque importante si l'allaitement n'est pas ton truc : ceci n'a absolument pas pour but de faire culpabiliser celles et ceux qui donnent le biberon, promis ! On fait ce qu'on veut avec ses propres nichons, et les parents prennent leur décision "au mieux" en fonction de ce qu'ils souhaitent et peuvent pour leur bébé d'amour. Sein ou pas, tu es certainement une maman ou un papa formidable, si si !
18<br>C'est juste qu'ayant moi-même allaité, je n'ai pas reçu de remarque cinglante et désagréable sur le biberon. Mais je ne doute pas qu'il y en ait, et je ne serais pas surprise que ces mêmes gens pénibles savent faire des remarques tout aussi assassines sur le biberon. Envoie-moi tes remarques dans la catégorie "biberon" et je les ajoute avec plaisir !
18</p> 19</p>
19 20
20 <h2>Ça marche comment ?</h2> 21 <h2>Ça marche comment ?</h2>
diff --git a/templates/base.html b/templates/base.html
index a3f57d1..e647237 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -15,10 +15,10 @@
15 15
16 {% block contenu %}{% endblock %} 16 {% block contenu %}{% endblock %}
17 17
18 <hr> 18 <hr id="findepage">
19<div id="basdepage"> 19<div id="basdepage">
20 <nav> 20 <nav>
21 <a href="/">Grille aléatoire</a> | 21 <a href="/">Jouer (grille aléatoire)</a> |
22 <a href="/custom">Créer une grille personnalisée</a> | 22 <a href="/custom">Créer une grille personnalisée</a> |
23 <a href="/liste">Liste complète des remarques</a> | 23 <a href="/liste">Liste complète des remarques</a> |
24 <a href="/apropos">À propos</a> 24 <a href="/apropos">À propos</a>
diff --git a/templates/custom.html b/templates/custom.html
index 1ad1324..17047cc 100644
--- a/templates/custom.html
+++ b/templates/custom.html
@@ -1,6 +1,8 @@
1{% extends "base.html" %} 1{% extends "base.html" %}
2{% block contenu %} 2{% block contenu %}
3<div class="titre">
3<h1>Créer une grille personnalisée</h1> 4<h1>Créer une grille personnalisée</h1>
5</div>
4 6
5{% if e | length >0 %} 7{% if e | length >0 %}
6<div id="erreurs"> 8<div id="erreurs">
@@ -45,7 +47,7 @@
45 47
46</ul> 48</ul>
47 49
48<input type="submit" name="zou" value="Je veux une grille !"> 50<input type="submit" name="zou" class="bouton veuxgrille cliquable" value="Je veux une grille !">
49 51
50</form> 52</form>
51 53
diff --git a/templates/index.html b/templates/index.html
index f97ec5f..b43f63e 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -18,7 +18,9 @@ window.onload = function charger() {
18 18
19</script> 19</script>
20 20
21<div class="titre">
21<h1>{{ conf.titre }}</h1> 22<h1>{{ conf.titre }}</h1>
23</div>
22 24
23{% if e | length >0 %} 25{% if e | length >0 %}
24<div id="erreurs"> 26<div id="erreurs">
@@ -36,6 +38,9 @@ window.onload = function charger() {
36<p>Clique sur la case dès que tu entends une de ces répliques idiotes et essaie de faire le meilleur score !</p> 38<p>Clique sur la case dès que tu entends une de ces répliques idiotes et essaie de faire le meilleur score !</p>
37{% if conf.reponses_presentes %} 39{% if conf.reponses_presentes %}
38<p>Un deuxième clic permet d'afficher (ou de masquer) une réponse épique (ou pas).</p>{%endif %} 40<p>Un deuxième clic permet d'afficher (ou de masquer) une réponse épique (ou pas).</p>{%endif %}
41
42<div> <span class="score">Score : <span id="score">0</span></span></div>
43
39<table id="grille"> 44<table id="grille">
40{% for ligne in bingo %} 45{% for ligne in bingo %}
41<tr>{% for elt in ligne %} 46<tr>{% for elt in ligne %}
@@ -55,14 +60,13 @@ window.onload = function charger() {
55{% endfor %} 60{% endfor %}
56</table> 61</table>
57 62
58<p>Score : <span id="score">0</span></p> 63<div class="reset"> <span onclick="effacegrille()" class="cliquable reset bouton">Effacer la grille</span></div>
59
60<p onclick="effacegrille()" class="cliquable">Effacer la grille</p>
61 64
62<hr> 65<hr>
66<div class="liensperma">
63<a href="/?grille={{ chainecode }}" id="permalien">Lien permanent (grille vide)</a> | 67<a href="/?grille={{ chainecode }}" id="permalien">Lien permanent (grille vide)</a> |
64<a href="/?grille={{ chainecode }}" id="permalien_infosjeu">Lien permanent (grille remplie)</a> 68<a href="/?grille={{ chainecode }}" id="permalien_infosjeu">Lien permanent (grille remplie)</a>
65 69</div>
66 70
67</div> 71</div>
68 72
diff --git a/templates/liste.html b/templates/liste.html
index 8d87d12..e7cc53e 100644
--- a/templates/liste.html
+++ b/templates/liste.html
@@ -1,6 +1,8 @@
1{% extends "base.html" %} 1{% extends "base.html" %}
2{% block contenu %} 2{% block contenu %}
3<div class="titre">
3<h1>Liste des répliques</h1> 4<h1>Liste des répliques</h1>
5</div>
4<p>Pour se préparer au maximum avant, ou rigoler comme un(e) andouille...</p> 6<p>Pour se préparer au maximum avant, ou rigoler comme un(e) andouille...</p>
5 7
6<div id="contenu"> 8<div id="contenu">
@@ -16,12 +18,12 @@
16{% for i in range(lcateg|length) %} 18{% for i in range(lcateg|length) %}
17{% set qr = tableqr[i] %} 19{% set qr = tableqr[i] %}
18 20
19<h3 id="{{ lcateg[i] }}">{{ lcateg[i] }}</h3> 21<h3 id="{{ lcateg[i] }}">{{ lcateg[i] }} <a class="lientop" href="#">&#9650;</a></h3>
20<ul> 22<ul>
21 {% for i in range (qr | length) %} 23 {% for i in range (qr | length) %}
22 {% set (q, r) = qr[i] %} 24 {% set (q, r) = qr[i] %}
23 <li>{{ q }} 25 <li>{{ q }}
24 {% if r | length > 0 %}<span class="petit"><span onclick='affiche_cache(this.parentNode.parentNode.children[1], this)' class="cliquable">Afficher</span> le(s) réponse(s) de choc.</span> 26 {% if r | length > 0 %}<span class="petit"><span onclick='affiche_cache(this.parentNode.parentNode.children[1], this)' class="cliquable petit">Afficher</span> le(s) réponse(s) de choc.</span>
25 <ul class="reponse"> 27 <ul class="reponse">
26 {% for elt in r %} 28 {% for elt in r %}
27 <li>{{ elt }}</li> 29 <li>{{ elt }}</li>