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

Merge branch 'sofiane' into 'main' 

Sofiane

See merge request mathieu.morgat/Cristo!6
parents c3c34392 90368af3
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
config/recettes.php 0 → 100644
+ 90
− 0
View file @ 3d2c2833
<?php
return [
"cookie-au-chocolat" => [
"title" => "Cookie au chocolat",
"ingredients" => [
"1 oeuf",
"85 grammes de sucre",
"85 grammes de beurre doux",
"150 grammes de farine",
"100 de pépites de chocolat",
"1 sachet de sucre vanillé",
"1 cuillère à café de levure chimique",
"1/2 cuillère à café de sel"
],
"content" => "
1. Laissez ramollir le beurre à température ambiante. Dans un saladier, malaxez-le avec le sucre.
2. Ajoutez l'oeuf et éventuellement le sucre vanillé.
3. Versez progressivement la farine, la levure chimique, le sel et les pépites de chocolat. Mélangez bien.
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.
5. Faites cuire 8 à 10 minutes à 180°C soit thermostat. Il faut les sortir dès que les contours commencent à brunir.",
"images" => [
"https://static.750g.com/images/1200-675/a040814761c482e9416e3763daecce63/cookies-aux-pepites-de-chocolat.jpeg"
]
],
"soupe-au-potiron" => [
"title" => "Soupe au potiron",
"ingredients" => [
"1 potiron",
"1 carotte",
"2 pommes de terre",
"Eau",
"Boursin",
"1 crème (facultatif)",
"Gruyère",
"Sel",
"Poivre"
],
"content" => "
1. Laver et éplucher les légumes. Les faire cuire dans 1 L d'eau. Mixer le tout.
2. Ajouter du sel et du poivre ainsi que du boursin.
3. Servir dans des bols et ajoutez selon les goûts du gruyère ou de la crème fraîche.",
"images" => [
"https://assets.afcdn.com/recipe/20221010/135900_w1024h1024c1cx1160cy863.jpg"
]
],
"pain-perdu" => [
"title" => "Pain perdu",
"ingredients" => [
"40 grammes de beurre",
"Sucre glace",
"1 cuillère à café de fleur d'oranger",
"20 grammes de sucre",
"2 oeufs",
"20 centilitre de lait",
"8 tranches de pain rassis",
],
"content" => "
1. Battre les oeufs dans une assiette, y ajouter sucre, lait et fleur d'oranger.
2. Tremper les tranches de pain et les égoutter.
3. Mettre le beurre à chauffer dans la poêle. Faire dorer doucement les tranches de chaque côté.
4. Servir chaud en saupoudrant de sucre glace.",
"images" => [
"https://img-3.journaldesfemmes.fr/yhWadjdE6C_QO6fcDNT-pV2pDGQ=/750x500/smart/1870f38ecc844d1daba490bac20f2990/recipe-jdf/10019491.jpg"
]
],
"quiche-lorraine" => [
"title" => "Quiche Lorraine",
"ingredients" => [
"1 pâte brisée",
"200g de lardons",
"3 œufs",
"250ml de crème fraîche",
"100g de gruyère râpé",
"Sel",
"Poivre",
"Noix de muscade (facultatif)"
],
"content" => "
1. Préchauffe ton four à 180°C (thermostat 6).
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.
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.
4. Déroule la pâte brisée dans un moule à tarte et pique le fond avec une fourchette.
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é.
6. Enfourne la quiche dans le four préchauffé pendant environ 30 à 35 minutes, jusqu'à ce qu'elle soit bien dorée.
7. Laisse tiédir un peu avant de démouler et de déguster. Bon appétit !",
"images" => [
"https://assets.afcdn.com/recipe/20221010/135915_w1024h1024c1cx999cy749.webp"
]
]
];
\ No newline at end of file
images/illustration-fruits.png 0 → 100644
+ 0
− 0
View file @ 3d2c2833
images/illustration-fruits.png

437 KiB

pages/accueil.php
+ 56
− 4
View file @ 3d2c2833
......@@ -29,17 +29,69 @@
<button class="btn btn-light rounded-pill" type="submit"><i class="fa fa-search"></i></button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="container-fluid py-2 bg-light">
<span>Vous souhaitez ajouter votre recette ? <a href="#">Cliquez ici !</a></span>
</div>
<!-- Newsletter -->
<div class="container rounded d-flex newsletter my-5 p-4">
<div class="flex-fill align-self-center d-flex flex-column">
<h3><strong>Abonnez-vous à notre Newsletter</strong></h3>
<span class="text-muted">Et recevez toutes nos dernières recettes en avant-première.</span>
</div>
<div class="d-flex flex-fill align-self-center justify-content-end">
<div class="d-flex">
<input class="form-control me-2" type="email" placeholder="Votre email">
<button type="button" class="btn btn-primary rounded-pill">S'abonner</button>
</div>
</div>
</div>
<div class="votrerecette">
<p> Vous souhaitez ajouter votre recette ? Cliquez ici</p>
<!-- Fin -->
<!-- Recettes -->
<div class="container">
<div class="block-titres">
<h3><strong>Recettes faciles</strong></h3>
<span class="text-muted">Une sélection de recettes simple à préparer pour vos repas.</span>
</div>
<div style="background-color:lightgray;height:3000px;">
<div class="row pb-3">
<?php
$recettes = include "config/recettes.php";
foreach($recettes as $index => $recette){
$array["userId"] = $recette["auteurId"];
$utilisateur = [
"username" => "Cristo",
];
$description = $recette["content"];
$description = (strlen($description) > 84) ? substr($description,0,80).'...' : $description;
?>
<!-- Carte recette -->
<div class="col-md-6">
<div class="carte-recette">
<a href="/recette/<?=$index?>">
<div class="carte-recette-img" style="background-image: url('<?=$recette['images'][0]?>');"></div>
</a>
<div class="carte-recette-infos">
<a href="/recette/<?=$index?>" class="text-dark">
<h4><strong><?=$recette['title']?></strong></h4>
</a>
<p><?=$description?></p>
<i><a href="/utilisateur/cristo" class="text-orange">Crist'o</a> <span class="text-muted"><i class="far fa-stopwatch"></i> 40 minutes</span></i>
</div>
</div>
</div>
<!-- Fin -->
<?php } ?>
</div>
</div>
Cela etais un test pour le scroll
Bas de la page
<?php //include "footer.php"; ?>
......
styles/dist/styles.css
+ 41
− 0
View file @ 3d2c2833
......@@ -11139,6 +11139,10 @@ fieldset:disabled .btn {
}
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'Roboto', sans-serif;
}
......@@ -11171,4 +11175,41 @@ a {
width: 20rem;
}
/* newsletter */
.newsletter {
background-color: rgba(22, 91, 38, 0.1);
background-image: url("/images/illustration-fruits.png");
background-repeat: no-repeat;
background-position: left bottom;
background-size: cover;
background-attachment: scroll;
}
/* Blocs de construction du site */
.block-titres {
border-bottom: 3px solid #f8f9fa;
padding: 15px 0;
padding-top: 0;
}
/* Cartes des recettes */
.carte-recette {
display: flex;
margin-top: 3rem;
}
.carte-recette-img {
width: 160px;
height: 100%;
border-radius: 5px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.carte-recette-infos {
padding-left: 1rem;
overflow-wrap: anywhere;
}
/*# sourceMappingURL=styles.css.map */
\ No newline at end of file
styles/dist/styles.css.map
+ 2
− 2
View file @ 3d2c2833
Source diff could not be displayed: it is too large. Options to address this: view the blob.
styles/scss/app.scss
+ 39
− 2
View file @ 3d2c2833
......@@ -36,3 +36,40 @@ a {
}
}
}
/* newsletter */
.newsletter {
background-color: transparentize($primary, 0.9);
background-image: url("/images/illustration-fruits.png");
background-repeat: no-repeat;
background-position: left bottom;
background-size: cover;
background-attachment: scroll;
}
/* Blocs de construction du site */
.block-titres {
border-bottom: 3px solid $light;
padding: 15px 0;
padding-top: 0;
}
/* Cartes des recettes */
.carte-recette {
display: flex;
margin-top: 3rem;
}
.carte-recette-img {
width: 160px;
height: 100%;
border-radius: 5px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.carte-recette-infos {
padding-left: 1rem;
overflow-wrap: anywhere;
}
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please to comment