Benjamin/LesRecettesDePapis
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change some style elements

Browse Source
This commit is contained in:
Benjamin
2026-04-07 11:49:07 +02:00
parent 2d38f72292
commit f633d4f73d
5 changed files with 49 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
public/assets/css/style.css
View File

@@ -57,7 +57,7 @@ nav {
padding: 10px; padding: 10px;
} }
.nav-list { .nav-list{
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -67,6 +67,15 @@ nav {
border-radius: 40px; border-radius: 40px;
} }
.nav-list li {
/*border: 1px solid black;*/
border-radius: 2000px;
}
.nav-list li:hover {
background-color: #00d8a2;
}
.nav-element { .nav-element {
line-height: 2.5; line-height: 2.5;
@@ -85,12 +94,13 @@ nav {
#login { #login {
border: 1px solid black; border: 1px solid black;
border-radius: 6px; border-radius: 2000px;
background-color: #ffc478; background-color: #ffc478;
} }
#login:hover { #login:hover {
background-color: #0bbd90; background-color: #0bbd90;
box-shadow: 1px 1px 7px black;
} }
/*Body et son contenu */ /*Body et son contenu */
@@ -143,6 +153,8 @@ body {
} }
.search-form { .search-form {
margin-top: .5%;
padding: .5% 0 .5% .5%;
border: 1px solid black; border: 1px solid black;
border-radius: 20px; border-radius: 20px;
box-shadow: 0px 0px 10px rgb(131, 131, 131); box-shadow: 0px 0px 10px rgb(131, 131, 131);
@@ -191,6 +203,7 @@ nav {
background-clip: border-box; background-clip: border-box;
padding-right: 2%; padding-right: 2%;
padding-left: 2%; padding-left: 2%;
padding-bottom: 5px;
overflow: hidden; overflow: hidden;
} }
@@ -447,11 +460,23 @@ ul {
box-shadow: 2px 2px 0px #000000; 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 { .btn:hover {
background-color: #0bbd90; background-color: #0bbd90;
box-shadow: none;
cursor: pointer;
} }
.form-control { .form-control {
padding: 1%;
border-radius: 10px; border-radius: 10px;
box-shadow: 3px 4px 5px #8c8c8c; box-shadow: 3px 4px 5px #8c8c8c;
} }
@@ -466,8 +491,9 @@ ul {
margin: 10px; margin: 10px;
padding: 10px; padding: 10px;
border: 1px solid black; border: 1px solid black;
background: white; background: #fff9f1;
border-radius: 20px; border-radius: 20px;
box-shadow: 2px 2px 3px #a06100;
} }
.recette-form-group { .recette-form-group {
@@ -477,7 +503,7 @@ ul {
} }
#recette-form-div-desc { #recette-form-div-desc {
height: 300px; height: 220px;
} }
#recette-form-description { #recette-form-description {
@@ -523,6 +549,8 @@ ul {
border: 1px solid black; border: 1px solid black;
border-radius: 10px; border-radius: 10px;
box-shadow: 1px 1px 1px black; box-shadow: 1px 1px 1px black;
margin-top: .25%;
margin-bottom: .25%;
} }
.liste-ingr-elem:hover { .liste-ingr-elem:hover {
@@ -553,6 +581,8 @@ ul {
border: 1px solid black; border: 1px solid black;
border-radius: 10px; border-radius: 10px;
box-shadow: 1px 1px 1px black; box-shadow: 1px 1px 1px black;
margin-top: .25%;
margin-bottom: .25%;
} }
.liste-tag-elem:hover { .liste-tag-elem:hover {
@@ -591,4 +621,7 @@ footer{
background: rgb(11, 189, 144); background: rgb(11, 189, 144);
color: white; color: white;
border-top: 1px solid black; border-top: 1px solid black;
} }

1
views/home.php
View File

@@ -1,2 +1 @@
<h1>Coucou</h1> <h1>Coucou</h1>
<?php $str = "Markdown **text**\n# SOLONG\n*text*."; $md = \App\Helpers\Markdown::convertToHTML( $str ); echo "<p>$md</p>"; ?>

2
views/partials/header.php
View File

@@ -10,7 +10,7 @@
<body> <body>
<header id="header"> <header id="header">
<div id="logo"> <div id="logo">
<a href="index.php"> <a href="<?php V::routeUrl( 'home'); ?>">
<img src="<?php V::assetUrl( 'images/Logo.jpg'); ?>" class="logo"> <img src="<?php V::assetUrl( 'images/Logo.jpg'); ?>" class="logo">
</a> </a>
</div> </div>

9
views/recettes/create.php
View File

@@ -5,6 +5,7 @@ use App\Infrastructure\View as V; ?>
<div class="content"> <div class="content">
<div class="recette-add-form-all"> <div class="recette-add-form-all">
<form id="recette-form-complete" class="recette-form recette-form-add" action="/api/recettes/create" method="POST"> <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"> <div class="recette-form-group form-group">
<label for="nom">Titre : </label> <label for="nom">Titre : </label>
<input type="text" class="form-control" id="recette-form-nom" name="nom" placeholder="Titre de votre recette"> <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>
<div class="recette-form-group form-group"> <div class="recette-form-group form-group">
<label for="image">Photo du plat : </label> <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>
<div class="recette-form-group form-group" id="recette-form-div-ingr"> <div class="recette-form-group form-group" id="recette-form-div-ingr">
<label for="ingr">Ingredients</label> <label for="ingr">Ingredients</label>
@@ -35,13 +36,14 @@ use App\Infrastructure\View as V; ?>
</div> </div>
<div class="recette-form-group form-group" id="recette-form-div-desc"> <div class="recette-form-group form-group" id="recette-form-div-desc">
<label for="description">Description</label> <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> </div>
<button type='submit' class='btn btn-primary'>Confirmer</button> <button type='submit' class='btn btn-primary'>Envoyer la recette</button>
</form> </form>
<div class="recette-form-add-additional"> <div class="recette-form-add-additional">
<form id="recette-form-ingr-add" class="recette-form recette-form-add-ingr" action="" method="POST"> <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"> <div class="recette-form-group form-group">
<label for="name">Nom de l'Ingrédient</label> <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=""> <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> </div>
</form> </form>
<form id="recette-form-tag-add" class="recette-form recette-form-add-tag" action="" method="POST"> <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"> <div class="recette-form-group form-group">
<label for="tag">Tags</label> <label for="tag">Tags</label>
<input type="text" class="form-control" id="recette-form-tag-nom" name="name" placeholder="Nom de l'ingrédient"> <input type="text" class="form-control" id="recette-form-tag-nom" name="name" placeholder="Nom de l'ingrédient">

5
views/recettes/edit.php
View File

@@ -5,6 +5,7 @@ use App\Infrastructure\View as V; ?>
<div class="content"> <div class="content">
<div class="recette-add-form-all"> <div class="recette-add-form-all">
<form id="recette-form-complete" class="recette-form recette-form-add" action="/api/recettes/edit" method="POST"> <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"> <div class="recette-form-group form-group">
<label for="nom">Titre : </label> <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; ?>"> <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>
<div class="recette-form-group form-group"> <div class="recette-form-group form-group">
<label for="image">Photo du plat : </label> <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>
<div class="recette-form-group form-group" id="recette-form-div-ingr"> <div class="recette-form-group form-group" id="recette-form-div-ingr">
<label for="ingr">Ingredients</label> <label for="ingr">Ingredients</label>
@@ -42,6 +43,7 @@ use App\Infrastructure\View as V; ?>
</form> </form>
<div class="recette-form-add-additional"> <div class="recette-form-add-additional">
<form id="recette-form-ingr-add" class="recette-form recette-form-add-ingr" action="" method="POST"> <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"> <div class="recette-form-group form-group">
<label for="name">Nom de l'Ingrédient</label> <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=""> <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> </div>
</form> </form>
<form id="recette-form-tag-add" class="recette-form recette-form-add-tag" action="" method="POST"> <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"> <div class="recette-form-group form-group">
<label for="tag">Tags</label> <label for="tag">Tags</label>
<input type="text" class="form-control" id="recette-form-tag-nom" name="name" placeholder="Nom de l'ingrédient"> <input type="text" class="form-control" id="recette-form-tag-nom" name="name" placeholder="Nom de l'ingrédient">