commit de batard avec pisto
This commit is contained in:
Frédéric Egenscheviller
parent
346edc45c6
commit
d2106328d5
18
db/man.json
18
db/man.json
@ -3,37 +3,37 @@
|
||||
"prenom" : "Fabrice",
|
||||
"nom" : "Lebrun",
|
||||
"age" : 42,
|
||||
"bio" :"Bonjour, je m'appelle Fabrice. Je suis profésseur de Hockey subaquatique depuis 15 ans.J'aime bien manger du poisson pannée ça me rappelle ma tendre enfance quand ma maman me préparé un bon repas aprés l'école."
|
||||
"bio" :"Bonjour, je m'appelle Fabrice. Je suis professeur de Hockey subaquatique depuis 15 ans. J'aime bien manger du poisson panné ça me rappelle ma tendre enfance quand ma maman me préparait un bon repas après l'école."
|
||||
}
|
||||
,{
|
||||
"prenom" : "Roger",
|
||||
"nom" : "Sevier",
|
||||
"age" : 33,
|
||||
"bio" :"Bonjour, je suis Roger Sevier. Je suis chirurgier de profession. Ma couleur préféré est rouge. Je suis fan absolut de franklin. Je suis ici car recherche la femme de ma vie. Mes amis disent que j'ai un magnifique sourire ,veux tu le voir ?"
|
||||
"bio" :"Bonjour, je suis Roger Sevier. Je suis chirurgien de profession. Ma couleur préférée est le rouge. Je suis fan absolut de Franklin. Je suis ici car je recherche la femme de ma vie. Mes amis disent que j'ai un magnifique sourire, veux tu le voir ?"
|
||||
}
|
||||
,{
|
||||
"prenom" : "Chapin",
|
||||
"nom" : "Godin",
|
||||
"age" : 36,
|
||||
"bio" :"Salut je suis Chapin. J'aime faire des barbecues entre amis. Je fait des cours de trombone ,et j'aime cette instruments. On m'a récemment proposé un role des une série policiére, je serais un acteur reconnu."
|
||||
"bio" :"Salut je suis Chapin. J'aime faire des barbecues entre amis. Je fais des cours de trombone et j'aime cet instrument. On m'a récemment proposé un rôle dans une série policière, je serais un acteur reconnu."
|
||||
}
|
||||
,{
|
||||
"prenom" : "Donat",
|
||||
"nom" : "Rivière",
|
||||
"age" : 21,
|
||||
"bio" :"Hey je suis Donat. Je suis chanteur dans un boys band créé avec mes amis. Je suis passionné par le cinéma. je suis scorpion et je ne m'accorde qu'avec eux."
|
||||
"bio" :"Hey je suis Donat. Je suis chanteur dans un boys band créé avec mes amis. Je suis passionné par le cinéma. Je suis scorpion et je ne m'accorde qu'avec eux."
|
||||
}
|
||||
,{
|
||||
"prenom" : "Bertrant",
|
||||
"nom" : "Goudreau",
|
||||
"age" : 26,
|
||||
"bio" :"Salut c'est bertrant, vien on fait connaissance autour d'un verre."
|
||||
"bio" :"Salut c'est Bertrant, viens on fait connaissance autour d'un verre."
|
||||
}
|
||||
,{
|
||||
"prenom" : "Gaston",
|
||||
"nom" : "Bussière",
|
||||
"age" : 55,
|
||||
"bio" :"Salut mes poulettes moi c'est Gaston. si tu veux plus d'information tu peux me retrouver sur copain d'avant."
|
||||
"bio" :"Salut mes poulettes, moi c'est Gaston. Si tu veux plus d'informations, tu peux me retrouver sur copain d'avant."
|
||||
}
|
||||
,{
|
||||
"prenom" : "Sylvain",
|
||||
@ -51,7 +51,7 @@
|
||||
"prenom" : "Richard",
|
||||
"nom" : "Cuillerier",
|
||||
"age" : 37,
|
||||
"bio" :"Je me presente, je m'appelle Richard et je suis community manager dans une entreprise de netoyage en tous genre. je peux faire le premier pas il n'y a aucun soucis."
|
||||
"bio" :"Je me presente, je m'appelle Richard et je suis community manager dans une entreprise de netoyage en tout genre. Je peux faire le premier pas, il n'y a aucun soucis."
|
||||
}
|
||||
,{
|
||||
"prenom" : "Vincent",
|
||||
@ -63,12 +63,12 @@
|
||||
"prenom" : "Talon",
|
||||
"nom" : "Riel",
|
||||
"age" : 40,
|
||||
"bio" :"bonjour je suis humoriste de proféssion. Si tu veux ecouté mes calembours vien me parlé"
|
||||
"bio" :"Bonjour, je suis humoriste de profession. Si tu veux écouter mes calembours viens me parler"
|
||||
}
|
||||
,{
|
||||
"prenom" : "Claude",
|
||||
"nom" : "Brisebois",
|
||||
"age" : 27,
|
||||
"bio" : "Bonsoir je m'appelle Claude et j'aime la chasse et la pêche traditionnelle"
|
||||
"bio" : "Bonsoir, je m'appelle Claude et j'aime la chasse et la pêche traditionnelle"
|
||||
}
|
||||
]
|
||||
|
||||
@ -3,61 +3,61 @@
|
||||
"prenom" : "Catherine",
|
||||
"nom" : "Boisclair",
|
||||
"age" : 25,
|
||||
"bio" :"Bonjour, je m'appelle Catherine. J'adors lire des livres surtout ce de Eugène Lonesco. On me dit souvent que je suis aussi belle qu'un béluga je vous laisse jugé"
|
||||
"bio" :"Bonjour, je m'appelle Catherine. J'adors lire des livres surtout ce de Eugène Lonesco. On me dit souvent que je suis aussi belle qu'un béluga je vous laisse juger"
|
||||
}
|
||||
,{
|
||||
"prenom" : "Fayette",
|
||||
"nom" : "Petrie",
|
||||
"age" : 38,
|
||||
"bio" :"Salut salut c'est Fayette. Je suis neurosonographe. J'aime faire du Bossaball, c'est une jeu peux connu."
|
||||
"bio" :"Salut salut c'est Fayette. Je suis neurosonographe. J'aime faire du Bossaball, c'est une jeu peu connu."
|
||||
}
|
||||
,{
|
||||
"prenom" : "Nathalie",
|
||||
"nom" : "Beaulieu",
|
||||
"age" : 41,
|
||||
"bio" :"HEY c'est nathou. je vais étre direct je veux l'homme de ma vie!"
|
||||
"bio" :"HEY c'est Nathou. je vais être direct je veux l'homme de ma vie!"
|
||||
}
|
||||
,{
|
||||
"prenom" : "Prunella",
|
||||
"nom" : "Plouffe",
|
||||
"age" : 31,
|
||||
"bio" :"Bonjour moi c'est Prunella. Je suis Coulrophobe. Si jamais pour toi linux > windows vien prendre un verre sinon a jamais."
|
||||
"bio" :"Bonjour moi c'est Prunella. Je suis Coulrophobe. Si jamais pour toi linux > windows viens prendre un verre sinon à jamais."
|
||||
}
|
||||
,{
|
||||
"prenom" : "Marcelle",
|
||||
"nom" : "Cadieux",
|
||||
"age" : 36,
|
||||
"bio" :"Bonsoir c'est marcelle. J'aime les hommes de culture , si tu as de la culture lance toi avec une bonne disquette."
|
||||
"bio" :"Bonsoir c'est Marcelle. J'aime les hommes de culture, si tu as de la culture lance toi avec une bonne disquette."
|
||||
}
|
||||
,{
|
||||
"prenom" : "Eleanor",
|
||||
"nom" : "Margand",
|
||||
"age" : 22,
|
||||
"bio" :"salut .j'ai la flemme d'écrire. Engage la conversation si tu l'ose promi je ne serais pas cruelle."
|
||||
"bio" :"Salut. J'ai la flemme d'écrire. Engage la conversation si tu l'oses promis je ne serais pas cruelle."
|
||||
}
|
||||
,{
|
||||
"prenom" : "Henriette",
|
||||
"nom" : "Frappier",
|
||||
"age" : 44,
|
||||
"bio" :"Bounjour, je suis une jeune femme qui cherche son ame soeur fait le premier pas et tu vera la suite."
|
||||
"bio" :"Bonjour, je suis une jeune femme qui cherche son âme soeur, fais le premier pas et tu veras la suite."
|
||||
}
|
||||
,{
|
||||
"prenom" : "Maryse",
|
||||
"nom" : "Dodier",
|
||||
"age" : 33,
|
||||
"bio" :"Salut je suis Maryse j'aime la faire des connaissances autour d'un verre. Alors vien avec moi dans bars histoire de discuté."
|
||||
"bio" :"Salut je suis Maryse, j'aime faire des connaissances autour d'un verre. Alors viens avec moi dans des bars, histoire de discuter."
|
||||
}
|
||||
,{
|
||||
"prenom" : "Cammille",
|
||||
"nom" : "Méthot",
|
||||
"age" : 57,
|
||||
"bio" :"Bonjours et bienvenue sur mon profil je sais pas comment fait alors écrie moi et je répondrais."
|
||||
"bio" :"Bonjour et bienvenue sur mon profil je sais pas comment on fait alors écris moi et je répondrais."
|
||||
}
|
||||
,{
|
||||
"prenom" : "Annot",
|
||||
"nom" : "Berthiaume",
|
||||
"age" : 22,
|
||||
"bio" :"Hey je suis Annot et tu as volé mon coeur rend le moi dans mes méssages."
|
||||
"bio" :"Hey je suis Annot et tu as volé mon coeur, rends le moi dans mes méssages."
|
||||
}
|
||||
,{
|
||||
"prenom" : "Alexandrie",
|
||||
@ -71,5 +71,4 @@
|
||||
"age" : 39,
|
||||
"bio" : "Bonjour, je suis Élodie et je suis atteinte de l'hippopotomonstrosesquippedaliophobie alors n'utilise pas des mots trop long pour ta disquette."
|
||||
}
|
||||
|
||||
]
|
||||
@ -8,8 +8,8 @@
|
||||
</section>
|
||||
<section id="rightfoot">
|
||||
<ul>
|
||||
<li>Mentions légales</li>
|
||||
<li>Qui sommes nous</li>
|
||||
<li><a href="mentions.php">Mentions légales</a></li>
|
||||
<li><a href="contact.php">Qui sommes nous</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
</footer>
|
||||
9
for.php
9
for.php
@ -12,6 +12,7 @@
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<link rel="stylesheet" class="css" type="text/css" href="styles/today/main.css"/>
|
||||
<link rel="stylesheet" class="css" type="text/css" href="styles/today/for.css"/>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap" rel="stylesheet">
|
||||
@ -82,9 +83,9 @@
|
||||
<!------------------------------>
|
||||
<br>
|
||||
<!-- Terre plate ou ronde -->
|
||||
<label for="terre">Quel est la forme de la terre</label>
|
||||
<label for="terre">Quel est la forme de la terre ?</label>
|
||||
<select name="terre" id="terre">
|
||||
<option value="normal quoi">spherique</option>
|
||||
<option value="normale quoi">spherique</option>
|
||||
<option value="retour a la case cp">plate</option>
|
||||
<option value=" (: oui ">oui</option>
|
||||
<option value="minecraft">cubique</option>
|
||||
@ -93,7 +94,7 @@
|
||||
<!------------------------------>
|
||||
<br>
|
||||
<!-- Pain au chocolat -->
|
||||
Pain au chocolat ou chocolatine?
|
||||
<label for="pain">Pain au chocolat ou chocolatine ?</label>
|
||||
<input type="radio" id="pain au chocolat" name="viennoiserie" value="la verite" required>
|
||||
<label for="pain au chocolat">pain au chocolat</label>
|
||||
<input type="radio" id="chocolatine" name="viennoiserie" value="un mensonge">
|
||||
@ -106,7 +107,7 @@
|
||||
<!------------------------------>
|
||||
<br>
|
||||
<!-- Quel est le nom du bateau dans le film Titanic -->
|
||||
<label for="titanic">Quel est le nom du bateau dans le film Titanic</label>
|
||||
<label for="titanic">Quel est le nom du bateau dans le film Titanic ?</label>
|
||||
<input type="text" name="titanic" id="titanic">
|
||||
<!------------------------------>
|
||||
<br>
|
||||
|
||||
@ -5,6 +5,9 @@
|
||||
?>
|
||||
|
||||
<header>
|
||||
<section id="buttonSec">
|
||||
<button type="button" onclick="switchTheme()">Click Me!</button>
|
||||
</section>
|
||||
<section id="title">
|
||||
<img src="img/logo.png" alt="Logo don't meet me" id="logo">
|
||||
</section>
|
||||
@ -23,7 +26,6 @@
|
||||
<li><a href="contact.php">Qui sommes nous</a></li>
|
||||
</li>
|
||||
</ul>
|
||||
<button type="button" onclick="switchTheme()">Click Me!</button>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
11
index.php
11
index.php
@ -31,6 +31,17 @@
|
||||
<p>Trouver un homme</p>
|
||||
</a>
|
||||
</section>
|
||||
<section id="whydmm">
|
||||
<h2>Pourquoi Don't meet me ?</h2>
|
||||
<section>
|
||||
<p>En deux mots : la simplicité, la rapidité. Notre site permet d'éviter de longues heures de recherches.
|
||||
Grâce à un algorithme complexe, la personne enregistrée sur notre site qui vous correspond le plus se retouve directement sur votre écran.
|
||||
Tout le monde est présent sur ce site dans le même objectif : trouver leur moititée. Les profils enregistrés sont sélectionnés et vérifiés par notre équipe qualifiée.
|
||||
Le but de notre site est de vous fournir le profil d'une personne sans pour autant vous fournir ses coordonnés dans le but de poursuivre l'aventure en cherchant chacun le profil de l'autre sur Facebook, Copain d'avant ou encore Instagram...
|
||||
Cette idée nous est venu dans l'objectif de construire un mystère autour des retrouvailles.
|
||||
De plus ceci permet d'éviter l'harcèlement présent sur de nombreux sites, la personne entre en contact avec vous uniquement si vous l'acceptez sur la plateforme. Mais évidemment, notre sélection ne se trompe jamais. ;)</p>
|
||||
</section>
|
||||
</section>
|
||||
<section id="comments">
|
||||
<figure>
|
||||
<img class="avis" src="img/avis1.jpeg" alt="image femme avis 1">
|
||||
|
||||
17
styles/today/for.css
Normal file
17
styles/today/for.css
Normal file
@ -0,0 +1,17 @@
|
||||
main{
|
||||
padding: 3rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#intro{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#form{
|
||||
padding-top: 1rem;
|
||||
}
|
||||
@ -57,17 +57,42 @@ p{
|
||||
#comments{
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
justify-content: space-between;
|
||||
background-color: rgb(255, 197, 231);
|
||||
border-radius: 1rem;
|
||||
margin-right: 2rem;
|
||||
margin-left: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.avis{
|
||||
width: 10rem;
|
||||
img.avis{
|
||||
width: 7rem;
|
||||
height: auto;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
figure{
|
||||
background-color: rgb(255, 162, 243);
|
||||
border-radius: 1rem;
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.caption{
|
||||
font-size: 1rem;
|
||||
font-size: .8rem;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
@media screen and (max-width:1000px){
|
||||
#comments{
|
||||
flex-direction: column;
|
||||
}
|
||||
figure{
|
||||
flex-direction: row;
|
||||
}
|
||||
.caption{
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
@ -9,19 +9,26 @@ header{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
justify-content: space-around;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
#title{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
height: 4rem;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#title img{
|
||||
height: 4.5rem;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#buttonSec{
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.burger_button{
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
top: 1rem;
|
||||
right: 1rem;
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
@ -37,12 +44,9 @@ header{
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
button{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
nav{
|
||||
padding-bottom: .3rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
nav ul{
|
||||
@ -144,6 +148,17 @@ footer #rightfoot ul{
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
nav ul li:first-child{
|
||||
border-bottom-left-radius: 0px;
|
||||
}
|
||||
|
||||
nav ul li:last-child{
|
||||
border-top-right-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
border-bottom-left-radius: 10px;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.navbar_links ul{
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
@ -153,7 +168,7 @@ footer #rightfoot ul{
|
||||
text-align: center;
|
||||
border-right: none;
|
||||
min-width: 100%;
|
||||
font-size: 5rem;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.navbar_links li a{
|
||||
|
||||
@ -2,13 +2,13 @@ main{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
margin: 7rem;
|
||||
margin: 9rem;
|
||||
background-color: grey;
|
||||
padding-top: 10px;
|
||||
}
|
||||
main h2{
|
||||
text-align: center;
|
||||
font-size: 7rem;
|
||||
font-size: 3rem;
|
||||
}
|
||||
main #succes{
|
||||
margin-left: 15rem;
|
||||
@ -19,9 +19,10 @@ main #succes #sec_img{
|
||||
justify-content: center;
|
||||
}
|
||||
main #succes img{
|
||||
border-radius: 60%;
|
||||
border-radius: 50%;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
width: 30rem;
|
||||
}
|
||||
main #info_bases{
|
||||
display: flex;
|
||||
@ -30,4 +31,24 @@ main #info_bases{
|
||||
}
|
||||
main #bio p{
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
@media screen and (max-width:1000px){
|
||||
main{
|
||||
margin : 3rem;
|
||||
}
|
||||
main #succes{
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
main #succes img{
|
||||
border-radius: 50%;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
width: 15rem;
|
||||
}
|
||||
main #bio{
|
||||
padding-left: 3rem;
|
||||
padding-right: 3rem;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user