Initial commit

eec234d3 · ALGLAVE Ivan · eec234d3 · eec234d3 · eec234d3 · eec234d3
Commit eec234d3 authored 4 years ago by ALGLAVE Ivan
--- a/Photos/Tipunch.jpg
+++ b/Photos/Tipunch.jpg
--- a/RecipeView.php
+++ b/RecipeView.php
+<!-- HTML Fragment to display a recipe -->
+<head>
+    <link rel="stylesheet" type="text/css" href="css/RecipeView.css">
+</head>
+
+<body>
+
+    <?php
+        include "Donnees.inc.php";
+
+        $id_recipe = $_GET['id_recipe'];
+        $recipe = $Recettes[$id_recipe];
+
+        $r_name = $recipe['titre'];
+        $r_ingredients = $recipe['ingredients'];
+        $r_recipe = $recipe['preparation'];
+    ?>
+
+    <div>
+
+        <span>
+            <h1>
+                <?php echo $r_name; ?>
+            </h1>
+            <h2>Ingrédients :</h2>
+            <ul>
+                <?php
+                    $ingredients = explode('|', $r_ingredients);
+                    foreach($ingredients as $ing)
+                    {
+                        echo '<li>' . $ing . '</li>';
+                    }
+                ?>
+            </ul>
+            <h2>Préparation :</h2>
+            <p>
+                <?php echo $r_recipe ?>
+            </p>
+        </span>
+
+    </div>
+
+</body>
\ No newline at end of file
--- a/css/Index.css
+++ b/css/Index.css
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    background: lightblue;
+    width: 100vw;
+}
+
+#content {
+    width: 100%;
+}
+
+#content.blur {
+    filter: blur(5px);
+}
+
+#BlurredElementCenteredContainer {
+    width: 100vw;
+    height: 100vh;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1;
+    display: none;
+    justify-content: center;
+    align-items: center;
+}
+
+#BlurredElementCenteredContainer.active {
+    display: flex;
+}
+
+#BlurredElementCenteredChildContainer {
+    border: none;
+    width: 75%;
+    max-height: 90%;
+    overflow: auto;
+}
+
+#BlurredElementCenteredClose {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    text-shadow: 0px 0px 10px black;
+    border-color: transparent;
+    background: transparent;
+    font-size: x-large;
+}
+
+iframe {
+
+    width: 75vw;
+    height: 90vh;
+    padding: 20px;
+    border-radius: 5px;
+    background-color: white;
+    border-color: black;
+    border-width: 1px;
+    overflow: auto;
+
+    position: relative;
+    border-radius: 5px;
+    
+    box-shadow: 0px 0px 50px 5px black;
+}
\ No newline at end of file
--- a/css/RecipeView.css
+++ b/css/RecipeView.css
+body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
\ No newline at end of file