Skip to content
Snippets Groups Projects
Commit ea225e51 authored by Sofiane Lasri's avatar Sofiane Lasri
Browse files

Ajout de la page recette a ajout d'une vérification pour le dev de mathieu.

parent 75db13d6
Branches
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
config/recettes.php
+ 23
− 19
View file @ ea225e51
...@@ -13,14 +13,15 @@ return [ ...@@ -13,14 +13,15 @@ return [
"1/2 cuillère à café de sel" "1/2 cuillère à café de sel"
], ],
"content" => " "content" => "
1. Laissez ramollir le beurre à température ambiante. Dans un saladier, malaxez-le avec le sucre. 1. Laissez ramollir le beurre à température ambiante. Dans un saladier, malaxez-le avec le sucre.<br>
2. Ajoutez l'oeuf et éventuellement le sucre vanillé. 2. Ajoutez l'oeuf et éventuellement le sucre vanillé. <br>
3. Versez progressivement la farine, la levure chimique, le sel et les pépites de chocolat. Mélangez bien. 3. Versez progressivement la farine, la levure chimique, le sel et les pépites de chocolat. Mélangez bien. <br>
4. Beurrez une plaque allant au four ou recouvrez-la d'une plaque de silicone. À l'aide de deux cuillères à soupe ou simplement avec les mains, formez des noix de pâte en les espaçant car elles s'étaleront à la cuisson. 4. Beurrez une plaque allant au four ou recouvrez-la d'une plaque de silicone. À l'aide de deux cuillères à soupe ou simplement avec les mains, formez des noix de pâte en les espaçant car elles s'étaleront à la cuisson. <br>
5. Faites cuire 8 à 10 minutes à 180°C soit thermostat. Il faut les sortir dès que les contours commencent à brunir.", 5. Faites cuire 8 à 10 minutes à 180°C soit thermostat. Il faut les sortir dès que les contours commencent à brunir.",
"images" => [ "images" => [
"https://static.750g.com/images/1200-675/a040814761c482e9416e3763daecce63/cookies-aux-pepites-de-chocolat.jpeg" "https://static.750g.com/images/1200-675/a040814761c482e9416e3763daecce63/cookies-aux-pepites-de-chocolat.jpeg"
] ],
'difficulte' => '2',
], ],
"soupe-au-potiron" => [ "soupe-au-potiron" => [
"title" => "Soupe au potiron", "title" => "Soupe au potiron",
...@@ -36,12 +37,13 @@ return [ ...@@ -36,12 +37,13 @@ return [
"Poivre" "Poivre"
], ],
"content" => " "content" => "
1. Laver et éplucher les légumes. Les faire cuire dans 1 L d'eau. Mixer le tout. 1. Laver et éplucher les légumes. Les faire cuire dans 1 L d'eau. Mixer le tout.<br>
2. Ajouter du sel et du poivre ainsi que du boursin. 2. Ajouter du sel et du poivre ainsi que du boursin. <br>
3. Servir dans des bols et ajoutez selon les goûts du gruyère ou de la crème fraîche.", 3. Servir dans des bols et ajoutez selon les goûts du gruyère ou de la crème fraîche.",
"images" => [ "images" => [
"https://assets.afcdn.com/recipe/20221010/135900_w1024h1024c1cx1160cy863.jpg" "https://assets.afcdn.com/recipe/20221010/135900_w1024h1024c1cx1160cy863.jpg"
] ],
'difficulte' => '1',
], ],
"pain-perdu" => [ "pain-perdu" => [
"title" => "Pain perdu", "title" => "Pain perdu",
...@@ -55,13 +57,14 @@ return [ ...@@ -55,13 +57,14 @@ return [
"8 tranches de pain rassis", "8 tranches de pain rassis",
], ],
"content" => " "content" => "
1. Battre les oeufs dans une assiette, y ajouter sucre, lait et fleur d'oranger. 1. Battre les oeufs dans une assiette, y ajouter sucre, lait et fleur d'oranger.<br>
2. Tremper les tranches de pain et les égoutter. 2. Tremper les tranches de pain et les égoutter. <br>
3. Mettre le beurre à chauffer dans la poêle. Faire dorer doucement les tranches de chaque côté. 3. Mettre le beurre à chauffer dans la poêle. Faire dorer doucement les tranches de chaque côté.<br>
4. Servir chaud en saupoudrant de sucre glace.", 4. Servir chaud en saupoudrant de sucre glace.",
"images" => [ "images" => [
"https://img-3.journaldesfemmes.fr/yhWadjdE6C_QO6fcDNT-pV2pDGQ=/750x500/smart/1870f38ecc844d1daba490bac20f2990/recipe-jdf/10019491.jpg" "https://img-3.journaldesfemmes.fr/yhWadjdE6C_QO6fcDNT-pV2pDGQ=/750x500/smart/1870f38ecc844d1daba490bac20f2990/recipe-jdf/10019491.jpg"
] ],
'difficulte' => '1',
], ],
"quiche-lorraine" => [ "quiche-lorraine" => [
"title" => "Quiche Lorraine", "title" => "Quiche Lorraine",
...@@ -76,15 +79,16 @@ return [ ...@@ -76,15 +79,16 @@ return [
"Noix de muscade (facultatif)" "Noix de muscade (facultatif)"
], ],
"content" => " "content" => "
1. Préchauffe ton four à 180°C (thermostat 6). 1. Préchauffe ton four à 180°C (thermostat 6).<br>
2. Fais revenir les lardons dans une poêle jusqu'à ce qu'ils soient légèrement dorés. Égoutte-les sur du papier absorbant. 2. Fais revenir les lardons dans une poêle jusqu'à ce qu'ils soient légèrement dorés. Égoutte-les sur du papier absorbant.<br>
3. Dans un saladier, bats les œufs en omelette puis ajoute la crème fraîche. Mélange bien le tout. Assaisonne avec du sel, du poivre et éventuellement un peu de noix de muscade râpée. 3. Dans un saladier, bats les œufs en omelette puis ajoute la crème fraîche. Mélange bien le tout. Assaisonne avec du sel, du poivre et éventuellement un peu de noix de muscade râpée.<br>
4. Déroule la pâte brisée dans un moule à tarte et pique le fond avec une fourchette. 4. Déroule la pâte brisée dans un moule à tarte et pique le fond avec une fourchette.<br>
5. Répartis les lardons sur le fond de tarte, puis verse la préparation à base d'œufs et de crème par-dessus. Saupoudre de gruyère râpé. 5. Répartis les lardons sur le fond de tarte, puis verse la préparation à base d'œufs et de crème par-dessus. Saupoudre de gruyère râpé.<br>
6. Enfourne la quiche dans le four préchauffé pendant environ 30 à 35 minutes, jusqu'à ce qu'elle soit bien dorée. 6. Enfourne la quiche dans le four préchauffé pendant environ 30 à 35 minutes, jusqu'à ce qu'elle soit bien dorée.<br>
7. Laisse tiédir un peu avant de démouler et de déguster. Bon appétit !", 7. Laisse tiédir un peu avant de démouler et de déguster. Bon appétit !",
"images" => [ "images" => [
"https://assets.afcdn.com/recipe/20221010/135915_w1024h1024c1cx999cy749.webp" "https://assets.afcdn.com/recipe/20221010/135915_w1024h1024c1cx999cy749.webp"
] ],
'difficulte' => '2'
] ]
]; ];
\ No newline at end of file
index.php
+ 22
− 15
View file @ ea225e51
...@@ -4,21 +4,28 @@ require_once('core/_inc.php'); ...@@ -4,21 +4,28 @@ require_once('core/_inc.php');
//Not currently used //Not currently used
/* require_once('config/bddConnect.php'); */ /* require_once('config/bddConnect.php'); */
if(!empty($_GET['page'])){ // Vérifie le type de connexion
switch ($_GET["page"]) { if(isset($_SERVER['HTTPS'])) $http = "https"; else $http = "http";
case 'accueil':
require_once('pages/accueil.php'); // Variables permettant la gestion des pages à afficher
break; $url = parse_url("$http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]");
case 'rechercher':
require_once('pages/rechercher.php'); // Si l'url commence par /Cristo -> Dev de Mathieu
break; if(substr($_SERVER["REQUEST_URI"], 0, 7) == "/Cristo"){
case 'recette': $websiteBaseUrl = $http."://".$_SERVER["HTTP_HOST"]."/Cristo";
require_once('pages/recette.php'); } else {
break; $websiteBaseUrl = $http."://".$_SERVER["HTTP_HOST"];
default:
require_once('pages/404.php');
break;
} }
$urlPath = explode("/", $url["path"]);
array_shift($urlPath);
if(!empty($urlPath[0])){
match ($urlPath[0]) {
"rechercher" => require_once('pages/rechercher.php'),
"recette" => require_once('pages/recette.php'),
default => require_once('pages/404.php'),
};
} else { } else {
require_once('pages/accueil.php'); require_once('pages/accueil.php');
} }
......
pages/accueil.php
+ 2
− 2
View file @ ea225e51
...@@ -5,8 +5,8 @@ ...@@ -5,8 +5,8 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title> Cristo </title> <title> Cristo </title>
<link rel="stylesheet" href="styles/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="<?=$websiteBaseUrl?>/styles/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="styles/dist/styles.css"> <link rel="stylesheet" href="<?=$websiteBaseUrl?>/styles/dist/styles.css">
</head> </head>
<body> <body>
<?php include "navbar.php"; ?> <?php include "navbar.php"; ?>
......
pages/navbar.php
+ 1
− 1
View file @ ea225e51
<nav class="navbar"> <nav class="navbar">
<div class="container"> <div class="container">
<div class="d-flex align-items-center gap-3"> <div class="d-flex align-items-center gap-3">
<a class="logo" href="#Acceuil" class="link">Crist'o</a> <a class="logo" href="/" class="link">Crist'o</a>
<a href="#recette" class="link">Recettes de cuisine</a> <a href="#recette" class="link">Recettes de cuisine</a>
<a href="#special" class="link">Spéciales pâques</a> <a href="#special" class="link">Spéciales pâques</a>
</div> </div>
......
pages/recette.php
+ 89
− 0
View file @ ea225e51
<?php
if (empty($urlPath[1])) die("Cette recette n'existe pas");
$recettes = include "config/recettes.php";
if (!array_key_exists($urlPath[1], $recettes)) die("Cette recette n'existe pas");
$recette = $recettes[$urlPath[1]];
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cristo - <?= $recette['title'] ?></title>
<link rel="stylesheet" href="<?=$websiteBaseUrl?>/styles/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="<?=$websiteBaseUrl?>/styles/dist/styles.css">
</head>
<body>
<?php include "navbar.php"; ?>
<div class="receipe-content-area">
<div class="container">
<!-- Image de la recette -->
<div class="recetteHeaderPic" style="background-image:url('<?= $recette["images"][0] ?>');"></div>
<div class="row">
<div class="col-12 col-md-8">
<div class="receipe-headline my-5">
<h2><?= $recette['title'] ?></h2>
<div class="receipe-duration">
<h6>Prep: 40 mins</h6>
</div>
</div>
</div>
<div class="col-12 col-md-4">
<div class="receipe-ratings text-right my-5">
<div class="ratings">
<?php
for ($i = 0; $i < $recette["difficulte"]; $i++) {
echo '<i class="fa fa-star" aria-hidden="true"></i>';
}
echo '</div>';
if ($recette["difficulte"] < 3) {
echo '<a href="#" class="btn delicious-btn">For Begginers</a>';
} else {
if ($recette["difficulte"] == 3) {
echo '<a href="#" class="btn delicious-btn">For Medium</a>';
} else {
echo '<a href="#" class="btn delicious-btn">For advanced pvp player</a>';
}
}
?>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-8">
<!-- Single Preparation Step -->
<div class="single-preparation-step">
<h4>Detail de la préparation</h4>
<?php
echo "<p>" . $recette["content"] . "</p>";
?>
</div>
</div>
<!-- Ingredients -->
<div class="col-12 col-lg-4">
<div class="ingredients">
<h4>Ingredients</h4>
<?php
foreach ($recette["ingredients"] as $ingredient) {
$i++;
echo "<div class='custom-control custom-checkbox'>";
echo "<input type='checkbox' class='custom-control-input' id='customCheck" . $i . "'>";
echo " <label class='custom-control-label' >" . $ingredient . "</label>";
echo "</div>";
}
?>
</div>
</div>
</div>
</div>
</div>
</div>
styles/dist/styles.css
+ 14
− 0
View file @ ea225e51
...@@ -11216,4 +11216,18 @@ footer { ...@@ -11216,4 +11216,18 @@ footer {
text-align: center; text-align: center;
} }
/* contenu recette */
.recetteHeaderPic {
width: 100%;
height: 300px;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
border-radius: 5px;
}
.receipe-content-area {
margin-top: 3rem;
}
/*# sourceMappingURL=styles.css.map */ /*# sourceMappingURL=styles.css.map */
\ No newline at end of file
styles/dist/styles.css.map
+ 86
− 86
View file @ ea225e51
Source diff could not be displayed: it is too large. Options to address this: view the blob.
styles/scss/app.scss
+ 13
− 0
View file @ ea225e51
...@@ -77,3 +77,16 @@ a { ...@@ -77,3 +77,16 @@ a {
footer{ footer{
text-align: center; text-align: center;
} }
/* contenu recette */
.recetteHeaderPic{
width: 100%;
height: 300px;
background-position: center!important;
background-size: cover!important;
background-repeat: no-repeat!important;
border-radius: 5px;
}
.receipe-content-area{
margin-top: 3rem;
}
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment