From d2106328d5c5733cd21fd7e2986634578f56ec6d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Egenscheviller?= <53983944+fredeg@users.noreply.github.com> Date: Tue, 16 Nov 2021 23:04:38 +0100 Subject: [PATCH] commit de batard avec pisto --- db/man.json | 18 +++++++++--------- db/woman.json | 21 ++++++++++----------- footer.php | 4 ++-- for.php | 9 +++++---- header.php | 4 +++- index.php | 11 +++++++++++ styles/today/for.css | 17 +++++++++++++++++ styles/today/index.css | 37 +++++++++++++++++++++++++++++++------ styles/today/main.css | 33 ++++++++++++++++++++++++--------- styles/today/success.css | 27 ++++++++++++++++++++++++--- 10 files changed, 136 insertions(+), 45 deletions(-) create mode 100644 styles/today/for.css diff --git a/db/man.json b/db/man.json index 992951a..96d9df2 100644 --- a/db/man.json +++ b/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" } ] diff --git a/db/woman.json b/db/woman.json index 226cf42..cf0ab6b 100644 --- a/db/woman.json +++ b/db/woman.json @@ -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." } - ] \ No newline at end of file diff --git a/footer.php b/footer.php index 5249e1e..740f88b 100644 --- a/footer.php +++ b/footer.php @@ -8,8 +8,8 @@
\ No newline at end of file diff --git a/for.php b/for.php index 283d761..3786a15 100644 --- a/for.php +++ b/for.php @@ -12,6 +12,7 @@ + @@ -82,9 +83,9 @@
- + @@ -106,7 +107,7 @@
- +
diff --git a/header.php b/header.php index d70a415..5c6cf5a 100644 --- a/header.php +++ b/header.php @@ -5,6 +5,9 @@ ?>
+
+ +
@@ -23,7 +26,6 @@
  • Qui sommes nous
    • - diff --git a/index.php b/index.php index 6598bc6..081eb90 100644 --- a/index.php +++ b/index.php @@ -31,6 +31,17 @@

    Trouver un homme

    +
    +

    Pourquoi Don't meet me ?

    +
    +

    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. ;)

    +
    +
    image femme avis 1 diff --git a/styles/today/for.css b/styles/today/for.css new file mode 100644 index 0000000..ff74fa5 --- /dev/null +++ b/styles/today/for.css @@ -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; +} \ No newline at end of file diff --git a/styles/today/index.css b/styles/today/index.css index e12889e..ab109d0 100644 --- a/styles/today/index.css +++ b/styles/today/index.css @@ -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; + } +} \ No newline at end of file diff --git a/styles/today/main.css b/styles/today/main.css index cd3561e..739575f 100644 --- a/styles/today/main.css +++ b/styles/today/main.css @@ -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{ diff --git a/styles/today/success.css b/styles/today/success.css index c6bb241..7bbd9c1 100644 --- a/styles/today/success.css +++ b/styles/today/success.css @@ -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; + } } \ No newline at end of file