too much damn changes

db/man.json

@@ -0,0 +1,63 @@
+[
+    {
+    "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."
+    }
+    ,{
+    "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 ?"
+    }
+    ,{
+    "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."
+    }
+    ,{
+    "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."
+    }
+    ,{
+    "prenom" : "Bertrant",
+    "nom" : "Goudreau",
+    "age" : 26,
+    "bio" :"Salut c'est bertrant, vien 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."
+    }
+    ,{
+    "prenom" : "Sylvain",
+    "nom" : "Turner",
+    "age" : 33,
+    "bio" :"Bien le bonjour. Je me prénome Sylvain. J'aime bien aller aux soirées mondaines et faire des rencontres charmantes."
+    }
+    ,{
+    "prenom" : "Bruno",
+    "nom" : "Labelle",
+    "age" : 27,
+    "bio" :"Je suis Bruno, allons faire de plus ample conaissances autour d'un verre."
+    }
+    ,{
+    "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."
+    }
+    ,{
+    "prenom" : "Vincent",
+    "nom" : "Massé",
+    "age" : 30,
+    "bio" :"Salut je suis Vincent et je suis facteur. Alors laisse moi te poster ma déclaration."
+    }
+    
+]

db/woman.json

@@ -0,0 +1,68 @@
+[
+    {
+    "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é"
+    }
+    ,{
+    "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."
+    }
+    ,{
+    "prenom" : "Nathalie",
+    "nom" : "Beaulieu",
+    "age" : 41,
+    "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."
+    }
+    ,{
+    "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."
+    }
+    ,{
+    "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."
+    }
+    ,{
+    "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."
+    }
+    ,{
+    "prenom" : "Maryse",
+    "nom" : "Dodier",
+    "age" : 33,
+    "bio" :"Salut je suis Maryse j'aime la faire des connaissances autour d'un vers. Alors vien avec moi dans bars histoire de discuté."
+    }
+    ,{
+    "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."
+    }
+    ,{
+    "prenom" : "Annot",
+    "nom" : "Berthiaume",
+    "age" : 22,
+    "bio" :"Hey je suis Annot et tu as volé mon coeur rend le moi dans mes méssages."
+    }
+    ,{
+    "prenom" : "Alexandrie",
+    "nom" : "Lacasse",
+    "age" : 32,
+    "bio" :"SAlut je suis une jeune fille qui cherche déséperment l'ammour alors s'il te plaît fait le premier pas."
+    }
+]

footer.php

@@ -0,0 +1,16 @@
+<footer>
+    <section id="feedback">
+        <h2>Donnez nous votre avis</h2>
+        <h3>C'est 100% anonyme !</h3>
+        <form id="form" action="" method="post" enctype="text/plain">
+            <textarea name="feedback" id="txtfeedback" cols="70" rows="10" placeholder="Donnez votre avis sur le site"></textarea>
+            <input id="send" type="submit" value="Envoyer">
+        </form>
+    </section>
+    <section>
+        <ul>
+            <li>Mentions légales</li>
+            <li>Qui sommes nous</li>
+        </ul>
+    </section>
+</footer>

for.html

@@ -1,34 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <title>Recherche d'un homme | Don't meet me</title>
-</head>
-<body>
-    <header>
-
-    </header>
-    <main>
-        <section id="intro">
-            <h2>Tu cherches un homme beau, fort, musclé qui se verse du coca quand il travaille ?</h2>
-            <p>Tu es au bon endroit !</p>
-        </section>
-        <section id="form">
-            <form action="" id="form" method="post" enctype="text/plain">
-                <label for="lechercoude">Sais-tu te lécher le coude ?</label>
-                <select name="lechercoude" id="lechercoude">
-                    <option value="Oui">Oui</option>
-                    <option value="Non">Non</option>
-                </select>
-                <label for="100m">Combien de temps fais-tu au 100m nage libre ? (minutes)</label>
-                <input type="number" name="100m" id="100m">
-                
-            </form>
-        </section>
-    </main>
-    <footer>
-
-    </footer>
-</body>
-</html>

for.php

@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="stylesheet" type="text/css" href="styles/<?php echo((isset($_GET["theme"]) && $_GET["theme"]=="vieux") ? '2000' : 'today')?>/main.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">
+    <link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
+    <script src="nav.js" defer></script>
+    <title>Recherche <?php
+        if(isset($_GET["gender"])){
+            if($_GET["gender"]=="man")echo "d'un homme";
+            else if($_GET["gender"]=="woman")echo "d'une femme";
+            else header('Location: index.php');
+        }else header('Location: index.php');
+    ?> | Don't meet me</title>
+</head>
+<body>
+    <?php include("header.php") ?>
+    <main>
+        <section id="intro">
+            <h2>
+            <?php
+            // choix du genre de la personne que l'on cherche (femme par defaut )
+            if($_GET["gender"]=="man"){
+                echo 'Tu cherches un homme beau, fort, musclé qui se verse du coca quand il travaille ?';
+            }else {
+                echo 'Tu cherches une femme, forte, musclée qui se verse du coca quand elle travaille ?';
+            }
+            ?>
+            </h2>
+            <p>Tu es au bon endroit !</p>
+        </section>
+        <section id="form">
+            <form action="" id="form" method="post" enctype="text/plain">
+                <!-- peux tu lecher ton coude -->
+                <!------------------------------>
+                <label for="lechercoude">Sais-tu te lécher le coude ?</label>
+                <select name="lechercoude" id="lechercoude">
+                    <option value="Oui">Oui</option>
+                    <option value="Non">Non</option>
+                </select>
+                <label for="100m">Combien de temps fais-tu au 100m nage libre ? (minutes)</label>
+                <input type="number" name="100m" id="100m">
+                <!-- 100 metres nage libre    -->
+                <!------------------------------>
+                <!-- solde de la carte banquaire -->
+                <!------------------------------>
+                <!--  -->
+                <!------------------------------>
+                <!-- systeme s'exploitation -->
+                <!------------------------------>
+                <!-- les feux de l'amour ou helene et les garcons -->
+                <!------------------------------>
+            </form>
+        </section>
+    </main>
+    <?php include("footer.php") ?>
+</body>
+</html>

header.html

@@ -0,0 +1,28 @@
+
+<header>
+    <section id="title">
+        <img src="img/logo.png" alt="Logo don't meet me" id="logo">
+    </section>
+    <section>
+        <nav>
+            <a href="#" class="burger_button">
+                <span class="bar"></span>
+                <span class="bar"></span>
+                <span class="bar"></span>
+            </a>
+            <div class="navbar_links">
+                <ul>
+                    <li><a href="index.php">Acceuil</a></li>
+                    <li><a href="for.php?gender=man">Trouve un homme !</a></li>
+                    <li><a href="for.php?gender=woman">Trouve une femme ! </a></li>
+                    <li><a href="contact.php">Qui sommes nous</a></li>
+                    <li>
+                        <section id="sec_switch">
+                            <a href="index.php"><img src="img/switchoff.png" alt="bouton pour chager de thème" id="switch"></a>
+                        </section>
+                    </li>
+                </ul>
+            </div>
+        </nav>
+    </section>
+</header>

header.php

@@ -0,0 +1,28 @@
+
+<header>
+    <section id="title">
+        <img src="img/logo.png" alt="Logo don't meet me" id="logo">
+    </section>
+    <section>
+        <nav>
+            <a href="#" class="burger_button">
+                <span class="bar"></span>
+                <span class="bar"></span>
+                <span class="bar"></span>
+            </a>
+            <div class="navbar_links">
+                <ul>
+                    <li><a href="index.php">Acceuil</a></li>
+                    <li><a href="for.php?gender=man">Trouve un homme !</a></li>
+                    <li><a href="for.php?gender=woman">Trouve une femme ! </a></li>
+                    <li><a href="contact.php">Qui sommes nous</a></li>
+                    <li>
+                        <section id="sec_switch">
+                            <a href="index.php"><img src="img/switchoff.png" alt="bouton pour chager de thème" id="switch"></a>
+                        </section>
+                    </li>
+                </ul>
+            </div>
+        </nav>
+    </section>
+</header>

index.php

@@ -3,34 +3,16 @@
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <link rel="stylesheet" type="text/css" href="styles/today/main.css"/>
+    <link rel="stylesheet" type="text/css" href="styles/<?php echo((isset($_GET["theme"]) && $_GET["theme"]=="vieux") ? '2000' : 'today')?>/main.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">
-    <link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
-    <title>Acceuil | Don't meet me</title>
+    <link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
+    <script src="nav.js" defer></script>
+    <title>Accueil | Don't meet me</title>
 </head>
 <body>
-    <header>
-        <section id="title">
-            <img src="/img/logo.png" alt="Logo don't meet me" id="logo">
-        </section>
-        <section>
-            <nav>
-                <ul>
-                    <li><a href="index.html">Acceuil</a></li>
-                    <li><a href="for.html?wanted=man">Trouve un homme !</a></li>
-                    <li><a href="for.html?wanted=woman">Trouve une femme ! </a></li>
-                    <li><a href="contact.html">Qui sommes nous</a></li>
-                    <li>
-                        <section id="sec_switch">
-                            <a href="index.html"><img src="img/switchoff.png" alt="bouton pour chager de thème" id="switch"></a>
-                        </section>
-                    </li>
-                </ul>
-            </nav>
-        </section>
-    </header>
+    <?php include("header.php") ?>
     <main>
         <section id="makeachoicehf">
             <section id="secman">
@@ -63,21 +45,6 @@
             </section>
         </section>
     </main>
-    <footer>
-        <section id="feedback">
-            <h2>Donnez nous votre avis</h2>
-            <h3>C'est 100% anonyme !</h3>
-            <form id="form" action="" method="post" enctype="text/plain">
-                <textarea name="feedback" id="txtfeedback" cols="70" rows="10" placeholder="Donnez votre avis sur le site"></textarea>
-                <input id="send" type="submit" value="Envoyer">
-            </form>
-        </section>
-        <section>
-            <ul>
-                <li>Mentions légales</li>
-                <li>Qui sommes nous</li>
-            </ul>
-        </section>
-    </footer>
+    <?php include("footer.php") ?>
 </body>
 </html>

nav.js

@@ -0,0 +1,8 @@
+const toggleButton = document.getElementsByClassName('burger_button')[0]
+const navbarLinks = document.getElementsByClassName('navbar_links')[0]
+
+toggleButton.addEventListener('click',() => {
+    console.log('coucou je dans la fonciton')
+    console.log(navbarLinks.classList)
+    navbarLinks.classList.toggle('active')
+})

resultat.php

@@ -0,0 +1,8 @@
+<html>
+        <?php
+         $a = ["a", "b"];
+         echo $a[rand(0, count($a)-1)];
+        ?>
+        </p>
+    </body>
+</html>

styles/today/main.css

@@ -7,6 +7,24 @@ body{
     justify-content: center;
 }
 
+.burger_button{
+    position: absolute;
+    top: .75rem;
+    right: 1rem;
+    display: none;
+    flex-direction: column;
+    justify-content: space-between;
+    width: 30px;
+    height: 21px;
+}
+
+.burger_button .bar{
+    height: 3px;
+    width: 100%;
+    background-color: black;
+    border-radius: 10px;
+}
+
 nav ul{
     display: flex;
     flex-direction: row;
@@ -20,7 +38,7 @@ nav ul{
 
 a:link 
 { 
- text-decoration:none; 
+ text-decoration: none; 
 } 
 
 nav ul li{
@@ -55,10 +73,46 @@ footer{
 footer #feedback #form{
     display: flex;
     flex-direction: column;
+    width: 100px;
+    height: auto;
 }
 footer #feedback #form #send{
     justify-self: flex-start;
 }
 footer #feedback #form #txtfeedback{
     resize: none;
+}
+
+
+@media screen and (max-width:800px){
+    .burger_button{
+        display: flex
+    }
+
+    .navbar_links{
+        display: flex;
+        width: 100%;
+    }
+
+    nav{
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
+    .navbar_links ul{
+        flex-direction: column;
+        width: 100%;
+    }
+
+    .navbar_links li{
+        text-align: center;
+    }
+    
+    .navbar_links li a{
+        padding: .5rem 1rem;
+    }
+
+    .navbar_links .active{
+        display: flex;
+    }
 }

succes.html

@@ -1,88 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <link rel="stylesheet" type="text/css" href="styles/today/main.css"/>
-    <!--
-    <?php
-        if(isset($_GET["theme"]) && $_GET["theme"]=="vieux"){
-            echo '<link rel="stylesheet" href="resource/vieux.css">';
-        }
-        else{
-            echo '<link rel="stylesheet" href="resource/moderne.css">';
-        }
-    ?>
-    -->
-    <link rel="stylesheet" type="text/css" href="styles/today/sucess.css"/>
-    <link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
-    <title>Succes | Don't meet me</title>
-</head>
-<body>
-    <!--
-    <?php
-    $seed = 
-    ?>-->
-    <header>
-        <section id="title">
-            <img src="/img/logo.png" alt="Logo don't meet me" id="logo">
-            <h1>Don't meet me</h1>
-        </section>
-        <section>
-            <nav>
-                <ul>
-                    <li>Acceuil</li>
-                    <li>Trouve un homme !</li>
-                    <li>Trouve une femme ! </li>
-                    <li>Qui sommes nous</li>
-                </ul>
-            </nav>
-            <section id="sec_switch">
-                <p>Thème années 2000</p>
-                <img src="img/switchoff.png" alt="bouton pour chager de thème" id="switch">
-            </section>
-        </section>
-    </header>
-    <main>
-        <h2>It's a don't meet !</h2>
-        <section id="succes">
-            <section id="sec_img">
-                <img src="img/avis1.jpeg" alt="La tếte de votre vie">
-            </section>
-            <section id="info_bases">
-                <section id="prenom">
-                    <h3>PRENOM</h2>
-                    <p>Jeanine</p>
-                </section>
-                <section id="nom">
-                    <h3>NOM</h2>
-                    <p>Du pain</p>
-                </section>
-                <section id="age">
-                    <h3>AGE</h2>
-                    <p>69</p>
-                </section>
-            </section>
-            <section id="bio">
-                <p>Coucou je suis pas trop belle mais tu peux peut être être au moins un peu heureux avec moi car j'ai plein de tunne ! Tu peu aller voir ma page CopainD'Avant pour voir comme j'étais fresh</p>
-            </section>
-        </section>
-    </main>
-    <footer>
-        <section id="feedback">
-            <h2>Donnez nous votre avis</h2>
-            <h3>C'est 100% anonyme !</h3>
-            <form id="form" action="" method="post" enctype="text/plain">
-                <textarea name="feedback" id="txtfeedback" cols="70" rows="10" placeholder="Donnez votre avis sur le site"></textarea>
-                <input id="send" type="submit" value="Envoyer">
-            </form>
-        </section>
-        <section>
-            <ul>
-                <li>Mentions légales</li>
-                <li>Qui sommes nous</li>
-            </ul>
-        </section>
-    </footer>
-</body>
-</html>

success.php

@@ -0,0 +1,69 @@
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="stylesheet" type="text/css" href="styles/<?php echo((isset($_GET["theme"]) && $_GET["theme"]=="vieux") ? '2000' : 'today')?>/main.css"/>
+    <link rel="stylesheet" type="text/css" href="styles/<?php echo((isset($_GET["theme"]) && $_GET["theme"]=="vieux") ? '2000' : 'today')?>/success.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">
+    <link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
+    <script src="nav.js" defer></script>
+    <title>It's a don't meet ! | Don't meet me</title>
+</head>
+<body>
+    
+    <?php
+        include("header.php");
+
+        //$seed = strlen($_POST['question1'] + $_POST['question2'] + $_POST['question2']);
+        $genderdb;
+        // choix du genre de la personne que l'on cherche (femme par defaut )
+        if (isset($_GET["gender"]) && $_GET["gender"]=="man"){
+            $genderdb = "./db/man.json";
+        }
+        else {
+            $genderdb = "./db/woman.json";
+        }
+        
+        $database = json_decode(file_get_contents($genderdb), true);
+        $choix = rand(0, count($database)-1);
+        $profile = $database[$choix];
+        $image = "./img/".$_GET['gender']."/".$choix.".jpeg";
+    ?>
+
+    <main>
+        <h2>It's a don't meet !</h2>
+        <section id="succes">
+            <section id="sec_img">
+            <!--<img src="img/avis1.jpeg" alt="La tếte de votre vie">-->
+            <?php
+            echo '<img src="'.$image.'" alt="La tếte de votre vie">';
+            ?>
+            </section>
+            <section id="info_bases">
+                <section id="prenom">
+                    <h3>PRENOM</h2>
+                    <p><?php echo $profile['prenom']; ?></p>
+                </section>
+                <section id="nom">
+                    <h3>NOM</h2>
+                    <p><?php echo $profile['nom']; ?></p>
+                </section>
+                <section id="age">
+                    <h3>AGE</h2>
+                    <p><?php echo $profile['age']; ?></p>
+                </section>
+            </section>
+            <section id="bio">
+                <p>
+                <?php
+                echo $profile['bio'];
+                ?>
+                </p>
+            </section>
+        </section>
+    </main>
+    <?php include("footer.php") ?>
+</body>
+</html>