2026-04-07 10:11:47 +00:00
5 changed files with 49 additions and 11 deletions
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -67,6 +67,15 @@ nav {
    border-radius: 40px;
 }

+.nav-list li {
+    /*border: 1px solid black;*/
+    border-radius: 2000px;
+}
+
+.nav-list li:hover {
+    background-color: #00d8a2;
+}
+

 .nav-element {
    line-height: 2.5;
@@ -85,12 +94,13 @@ nav {

 #login {
    border: 1px solid black;
-    border-radius: 6px;
+    border-radius: 2000px;
    background-color: #ffc478;
 }

 #login:hover {
    background-color: #0bbd90;
+    box-shadow: 1px 1px 7px black;
 }

 /*Body et son contenu */
@@ -143,6 +153,8 @@ body {
 }

 .search-form {
+    margin-top: .5%;
+    padding: .5% 0 .5% .5%;
    border: 1px solid black;
    border-radius: 20px;
    box-shadow: 0px 0px 10px rgb(131, 131, 131);
@@ -191,6 +203,7 @@ nav {
    background-clip: border-box;
    padding-right: 2%;
    padding-left: 2%;
+    padding-bottom: 5px;
    overflow: hidden;
 }

@@ -447,11 +460,23 @@ ul {
    box-shadow: 2px 2px 0px #000000;
 }

+.btn {
+    padding: .5% 2%;
+    border: 2px solid black;
+    border-radius: 10px;
+    margin-top: .5%;
+    margin-left: .5%;
+    background-color: #ffd9a0;
+}
+
 .btn:hover {
    background-color: #0bbd90;
+    box-shadow: none;
+    cursor: pointer;
 }

 .form-control {
+    padding: 1%;
    border-radius: 10px;
    box-shadow: 3px 4px 5px #8c8c8c;
 }
@@ -466,8 +491,9 @@ ul {
    margin: 10px;
    padding: 10px;
    border: 1px solid black;
-    background: white;
+    background: #fff9f1;
    border-radius: 20px;
+    box-shadow: 2px 2px 3px #a06100;
 }

 .recette-form-group {
@@ -477,7 +503,7 @@ ul {
 }

 #recette-form-div-desc {
-    height: 300px;
+    height: 220px;
 }

 #recette-form-description {
@@ -523,6 +549,8 @@ ul {
    border: 1px solid black;
    border-radius: 10px;
    box-shadow: 1px 1px 1px black;
+    margin-top: .25%;
+    margin-bottom: .25%;
 }

 .liste-ingr-elem:hover {
@@ -553,6 +581,8 @@ ul {
    border: 1px solid black;
    border-radius: 10px;
    box-shadow: 1px 1px 1px black;
+    margin-top: .25%;
+    margin-bottom: .25%;
 }

 .liste-tag-elem:hover {
@@ -592,3 +622,6 @@ footer{
    color: white;
    border-top: 1px solid black;
 }
+
+
+
--- a/views/home.php
+++ b/views/home.php
@@ -1,2 +1 @@
 <h1>Coucou</h1>
-<?php $str = "Markdown **text**\n# SOLONG\n*text*."; $md = \App\Helpers\Markdown::convertToHTML( $str ); echo "<p>$md</p>"; ?>
--- a/views/partials/header.php
+++ b/views/partials/header.php
@@ -10,7 +10,7 @@
    <body>
    <header id="header">
        <div id="logo">
-            <a href="index.php">
+            <a href="<?php V::routeUrl( 'home'); ?>">
                <img src="<?php V::assetUrl( 'images/Logo.jpg'); ?>" class="logo">
            </a>
        </div>
--- a/views/recettes/create.php
+++ b/views/recettes/create.php
@@ -5,6 +5,7 @@ use App\Infrastructure\View as V; ?>
    <div class="content">
        <div class="recette-add-form-all">
            <form id="recette-form-complete" class="recette-form recette-form-add" action="/api/recettes/create" method="POST">
+                <legend><h1>Nouvelle Recette : </h1></legend>
                <div class="recette-form-group form-group">
                    <label for="nom">Titre : </label>
                    <input type="text" class="form-control" id="recette-form-nom" name="nom" placeholder="Titre de votre recette">
@@ -15,7 +16,7 @@ use App\Infrastructure\View as V; ?>
                </div>
                <div class="recette-form-group form-group">
                    <label for="image">Photo du plat : </label>
-                    <input type="file" class="form-control" id="recette-form-photo" name="image" placeholder="ajouter votre image">
+                    <input type="file" class="form-control" id="recette-form-photo" name="image" placeholder="ajouter votre image" accept="image/jpeg, image/png">
                </div>
                <div class="recette-form-group form-group" id="recette-form-div-ingr">
                    <label for="ingr">Ingredients</label>
@@ -35,13 +36,14 @@ use App\Infrastructure\View as V; ?>
                </div>
                <div class="recette-form-group form-group" id="recette-form-div-desc">
                    <label for="description">Description</label>
-                    <textarea type="texte" class="form-control" id="recette-form-description" name="description" placeholder="Description..."></textarea>
+                    <textarea type="texte" class="form-control" id="recette-form-description" name="description" placeholder="Markdown supporté pour les titres de niveau 1,2, le gras ainsi que l'italique"></textarea>
                </div>

-                <button type='submit' class='btn btn-primary'>Confirmer</button>
+                <button type='submit' class='btn btn-primary'>Envoyer la recette</button>
            </form>
            <div class="recette-form-add-additional">
                <form id="recette-form-ingr-add" class="recette-form recette-form-add-ingr" action="" method="POST">
+                    <legend><h2>Nouvel Ingrédient :</h2></legend>
                    <div class="recette-form-group form-group">
                        <label for="name">Nom de l'Ingrédient</label>
                        <input type="texte" class="form-control" id="recette-form-ingr-nom" name="name" placeholder="Nom de l'ingrédient" value="">
@@ -57,6 +59,7 @@ use App\Infrastructure\View as V; ?>
                    </div>
                </form>
                <form id="recette-form-tag-add" class="recette-form recette-form-add-tag" action="" method="POST">
+                    <legend><h2>Nouveau Tag : </h2></legend>
                    <div class="recette-form-group form-group">
                        <label for="tag">Tags</label>
                        <input type="text" class="form-control" id="recette-form-tag-nom" name="name" placeholder="Nom de l'ingrédient">
--- a/views/recettes/edit.php
+++ b/views/recettes/edit.php
@@ -5,6 +5,7 @@ use App\Infrastructure\View as V; ?>
    <div class="content">
        <div class="recette-add-form-all">
            <form id="recette-form-complete" class="recette-form recette-form-add" action="/api/recettes/edit" method="POST">
+                <legend><h1>Editer une Recette : </h1></legend>
                <div class="recette-form-group form-group">
                    <label for="nom">Titre : </label>
                    <input type="text" class="form-control" id="recette-form-nom" name="nom" placeholder="Titre de votre recette" value="<?php echo $R->titre_recette; ?>">
@@ -15,7 +16,7 @@ use App\Infrastructure\View as V; ?>
                </div>
                <div class="recette-form-group form-group">
                    <label for="image">Photo du plat : </label>
-                    <input type="file" class="form-control" id="recette-form-photo" name="image" placeholder="ajouter votre image">
+                    <input type="file" class="form-control" id="recette-form-photo" name="image" placeholder="ajouter votre image" accept="image/jpeg, image/png">
                </div>
                <div class="recette-form-group form-group" id="recette-form-div-ingr">
                    <label for="ingr">Ingredients</label>
@@ -42,6 +43,7 @@ use App\Infrastructure\View as V; ?>
            </form>
            <div class="recette-form-add-additional">
                <form id="recette-form-ingr-add" class="recette-form recette-form-add-ingr" action="" method="POST">
+                    <legend><h2>Nouvel Ingrédient :</h2></legend>
                    <div class="recette-form-group form-group">
                        <label for="name">Nom de l'Ingrédient</label>
                        <input type="texte" class="form-control" id="recette-form-ingr-nom" name="name" placeholder="Nom de l'ingrédient" value="">
@@ -57,6 +59,7 @@ use App\Infrastructure\View as V; ?>
                    </div>
                </form>
                <form id="recette-form-tag-add" class="recette-form recette-form-add-tag" action="" method="POST">
+                    <legend><h2>Nouveau Tag : </h2></legend>
                    <div class="recette-form-group form-group">
                        <label for="tag">Tags</label>
                        <input type="text" class="form-control" id="recette-form-tag-nom" name="name" placeholder="Nom de l'ingrédient">