Merge pull request #1 from quoije/dev

Dev

about.html

@@ -7,10 +7,6 @@
     <title>À propos - Le pain bleu</title>
     <meta name="description" content="Boulangerie où l'on ne sert que du pain bleu. Seulement bleu.">
     <link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
-    <link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
-    <link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
-    <link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
-    <link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i">
@@ -23,9 +19,10 @@
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav mx-auto">
                     <li class="nav-item"><a class="nav-link" href="index.html">Accueil</a></li>
-                    <li class="nav-item"><a class="nav-link" href="about.html">à propos</a></li>
                     <li class="nav-item"><a class="nav-link" href="products.html">produits</a></li>
-                    <li class="nav-item"><a class="nav-link" href="store.html">boutique</a></li>
+                    <li class="nav-item"><a class="nav-link" href="https://boutique.lepainbleu.ca">boutique</a></li>
+                    <li class="nav-item"><a class="nav-link" href="login.html">espace client</a></li>
+                    <li class="nav-item"><a class="nav-link" href="about.html">à propos</a></li>
                 </ul>
             </div>
         </div>

api/client.php

@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>Le pain bleu</title>
+    <meta name="description" content="Boulangerie où l'on ne sert que du pain bleu. Seulement bleu.">
+    <link rel="icon" type="image/png" sizes="512x512" href="../assets/img/external-content.duckduckgo.com.png">
+    <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i">
+    <script src="mmn.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>
+</head>
+<body style="background:linear-gradient(rgba(47, 23, 15, 0.65), rgba(47, 23, 15, 0.65)), url('../assets/img/bg.jpg');">
+    <h1 class="text-center text-white d-none d-lg-block site-heading"><span class="site-heading-lower"><span class="site-heading-lower">LE PAIN BLEU<span class="text-primary site-heading-upper mb-3" style="margin-top: 6px;">SEULEMENT BLEU&nbsp;&nbsp;<img src="../assets/img/Logo%20Projet%20Fina_oofl.png" width="125"></span></span></span></h1>
+    <nav class="navbar navbar-dark navbar-expand-lg bg-dark py-lg-4" id="mainNav" style="margin-top: 0px;">
+        <div class="container"><a class="navbar-brand text-uppercase d-lg-none text-expanded" href="#" style="color: rgb(86,144,230);">Le pain bleu</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarResponsive"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="collapse navbar-collapse" id="navbarResponsive">
+                <ul class="navbar-nav mx-auto">
+                    <li class="nav-item"><a class="nav-link" href="../index.html">Accueil</a></li>
+                    <li class="nav-item"><a class="nav-link" href="../products.html">produits</a></li>
+                    <li class="nav-item"><a class="nav-link" href="../https://nop.lepainbleu.ca">boutique</a></li>
+                    <li class="nav-item"><a class="nav-link" href="../login.html">espace client</a></li>
+                    <li class="nav-item"><a class="nav-link" href="../about.html">à propos</a></li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+    <?php
+        include 'db.php';
+        $dog = $_COOKIE["user"];
+        $cat = $_COOKIE["pass"];
+        $user_sql = "SELECT user FROM users where user LIKE '". $dog ."'";
+        $pass_sql = "SELECT pass FROM users where user LIKE '". $dog ."'";
+        $rus = mysqli_query($conn, $user_sql);
+        $rps = mysqli_query($conn, $pass_sql);
+
+        if ($rus->num_rows > 0) {
+            while($row = $rps->fetch_assoc()) {
+                if ($cat == $row["pass"])
+                {
+                }
+                else
+                {
+                    echo $cat;
+                    echo "_____ IN BETWEEN _____";
+                    echo $row["pass"];
+                    die("DENIED");
+                }
+            }
+          } else {
+            echo "no result :(";
+          }
+          $conn->close();
+    ?>
+    <section class="page-section cta">
+        <div class="container">
+            <div class="row">
+                <div class="col-xl-9 mx-auto">
+                    <div class="cta-inner rounded">
+                        <nav class="navbar navbar-default">
+                        <ul>
+                            <li><a href="https://docs.nopcommerce.com/en/running-your-store/catalog/index.html">Procédure utilisateur</a></li>
+                            <li><a href="https://theuselessweb.com/">Sites web?</a></li>
+                        </ul>
+                        </nav>
+                        <br>
+                    <?php
+                        $thelist = '';
+                        if ($handle = opendir("./client_files/")) {
+                            while (false !== ($file = readdir($handle))) {
+                            if ($file != "." && $file != "..") {
+                                $thelist .= '<li><a href="client_files/'.$file.'">'.$file.'</a></li>';
+                            }
+                            }
+                            closedir($handle);
+                        }
+                        ?>
+                        <h3>Fichiers:</h3>
+                        <ul><?php echo $thelist; ?></ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="text-center footer text-faded py-5">
+        <div class="container">
+            <p class="m-0 small">copyright&nbsp;© le pain bleu - deux mille vingt-deux<br><br></p>
+        </div>
+    </footer>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+
+</html>

api/db.php

@@ -0,0 +1,16 @@
+<?php
+
+$servername = "127.0.0.1";
+$username = "root";
+$password = "";
+$dbname = "oof";
+
+$conn = new mysqli($servername,$username ,$password,$dbname);
+
+// Check connection
+if ($conn -> connect_errno) {
+  echo "La connection à rip: " . $conn -> connect_error;
+  exit();
+}
+
+?>

api/mmn.js

@@ -0,0 +1,18 @@
+var str = "Aucun pain bleu ici, malheureusement. keep looking tho, may find something.";
+console.log(str);
+
+function chkLogin(woof, miaw) {
+    $.post( "./api/yeet.php", { dog: woof, cat: miaw }, function(data) {
+    console.log("au moins ta fonction chkLogin se fait caller, c'est déjà ça...");
+    console.log(data);
+    document.getElementById("nomd").value = "";
+    document.getElementById("mdp").value = "";
+
+    if (data == "redirect" || document.cookie)
+{
+    window.location = 'api/client.php';
+}
+});
+}
+
+

api/yeet.php

@@ -0,0 +1,57 @@
+<?php
+include 'db.php';
+
+$uip = getUserIpAddr();
+$dog = filter_var($_POST['dog'], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_HIGH);
+$cat = filter_var($_POST['cat'], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_HIGH);
+$hash_cat = password_hash($cat, PASSWORD_DEFAULT);
+$user_sql = "SELECT user FROM users where user LIKE '". $dog ."'";
+$pass_sql = "SELECT pass FROM users where user LIKE '". $dog ."'";
+$rus = mysqli_query($conn, $user_sql);
+$rps = mysqli_query($conn, $pass_sql);
+
+if ($rus->num_rows > 0) {
+    while($row = $rps->fetch_assoc()) {
+        $oof = password_verify($cat, $row["pass"]);
+        if ($oof)
+        {
+            setcookie("user", $dog, time() + (86400 * 30), "/");
+            setcookie("pass", $row["pass"], time() + (86400 * 30), "/");
+            echo "redirect";
+        }
+        else
+        {
+        }
+    }
+  } else {
+    echo "no result :(";
+  }
+  $conn->close();
+
+function jsonLogin($x, $y, $ip)
+{
+    header("Content-type: application/json");
+    echo json_encode(array('x'=>$x, 'y'=>$y, 'ip'=>$ip));
+}
+
+function getUserIpAddr()
+{
+
+    if (!empty($_SERVER['HTTP_CLIENT_IP']))
+{
+    $ip = $_SERVER['HTTP_CLIENT_IP'];
+}
+elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR']))
+{
+    $ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
+}
+else 
+{
+    $ip = $_SERVER['REMOTE_ADDR'];
+}
+return $ip;
+
+/// Source - https://www.codexworld.com/how-to/get-user-ip-address-php/
+}
+
+?>

index.html

@@ -7,10 +7,6 @@
     <title>Le pain bleu</title>
     <meta name="description" content="Boulangerie où l'on ne sert que du pain bleu. Seulement bleu.">
     <link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
-    <link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
-    <link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
-    <link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
-    <link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i">
@@ -23,9 +19,10 @@
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav mx-auto">
                     <li class="nav-item"><a class="nav-link" href="index.html">Accueil</a></li>
-                    <li class="nav-item"><a class="nav-link" href="about.html">à propos</a></li>
                     <li class="nav-item"><a class="nav-link" href="products.html">produits</a></li>
-                    <li class="nav-item"><a class="nav-link" href="store.html">boutique</a></li>
+                    <li class="nav-item"><a class="nav-link" href="https://boutique.lepainbleu.ca">boutique</a></li>
+                    <li class="nav-item"><a class="nav-link" href="login.html">espace client</a></li>
+                    <li class="nav-item"><a class="nav-link" href="about.html">à propos</a></li>
                 </ul>
             </div>
         </div>

login.html

@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>Le pain bleu</title>
+    <meta name="description" content="Boulangerie où l'on ne sert que du pain bleu. Seulement bleu.">
+    <link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
+    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i">
+    <script src="./api/mmn.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>
+    <script>     
+    if (document.cookie)
+        {
+            window.location = 'api/client.php';
+        }
+    </script>
+</head>
+
+<body style="background:linear-gradient(rgba(47, 23, 15, 0.65), rgba(47, 23, 15, 0.65)), url('assets/img/bg.jpg');">
+    <h1 class="text-center text-white d-none d-lg-block site-heading"><span class="site-heading-lower"><span class="site-heading-lower">LE PAIN BLEU<span class="text-primary site-heading-upper mb-3" style="margin-top: 6px;">SEULEMENT BLEU&nbsp;&nbsp;<img src="assets/img/Logo%20Projet%20Fina_oofl.png" width="125"></span></span></span></h1>
+    <nav class="navbar navbar-dark navbar-expand-lg bg-dark py-lg-4" id="mainNav" style="margin-top: 0px;">
+        <div class="container"><a class="navbar-brand text-uppercase d-lg-none text-expanded" href="#" style="color: rgb(86,144,230);">Le pain bleu</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarResponsive"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="collapse navbar-collapse" id="navbarResponsive">
+                <ul class="navbar-nav mx-auto">
+                    <li class="nav-item"><a class="nav-link" href="index.html">Accueil</a></li>
+                    <li class="nav-item"><a class="nav-link" href="products.html">produits</a></li>
+                    <li class="nav-item"><a class="nav-link" href="https://boutique.lepainbleu.ca">boutique</a></li>
+                    <li class="nav-item"><a class="nav-link" href="login.html">espace client</a></li>
+                    <li class="nav-item"><a class="nav-link" href="about.html">à propos</a></li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+    <section class="page-section cta">
+        <div class="container">
+            <div class="row">
+                <div class="col-xl-9 mx-auto">
+                    <div class="text-center cta-inner rounded">
+                        <form action="javascript:chkLogin($('#nomd').val(),$('#mdp').val())">
+                            <input type="text" id="nomd" placeholder="nom d'utilisateur">
+                            <input type="text" id="mdp" placeholder="mot de passe">
+                            <input type="submit" value=">">                          
+                          </form>
+                          <br>
+                          <div id="oof"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="text-center footer text-faded py-5">
+        <div class="container">
+            <p class="m-0 small">copyright&nbsp;© le pain bleu - deux mille vingt-deux<br><br></p>
+        </div>
+    </footer>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+
+</html>

products.html

@@ -7,10 +7,6 @@
     <title>Produits - Le pain bleu</title>
     <meta name="description" content="Boulangerie où l'on ne sert que du pain bleu. Seulement bleu.">
     <link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
-    <link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
-    <link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
-    <link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
-    <link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i">
@@ -23,9 +19,10 @@
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav mx-auto">
                     <li class="nav-item"><a class="nav-link" href="index.html">Accueil</a></li>
-                    <li class="nav-item"><a class="nav-link" href="about.html">à propos</a></li>
                     <li class="nav-item"><a class="nav-link" href="products.html">produits</a></li>
-                    <li class="nav-item"><a class="nav-link" href="store.html">boutique</a></li>
+                    <li class="nav-item"><a class="nav-link" href="https://boutique.lepainbleu.ca">boutique</a></li>
+                    <li class="nav-item"><a class="nav-link" href="login.html">espace client</a></li>
+                    <li class="nav-item"><a class="nav-link" href="about.html">à propos</a></li>
                 </ul>
             </div>
         </div>