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

bouh

Browse Source
This commit is contained in:
Lycano
2026-03-20 13:51:30 +01:00
parent 286c7b8c30
commit 898b297eee
2 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
main.css
View File

@@ -22,14 +22,17 @@ html, body{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding: 3px; padding: 3px;
padding-left: 2%;
padding-bottom: 10px;
background-color: blanchedalmond; background-color: blanchedalmond;
} }
#logo { #logo {
flex:1;
background-color: aqua; background-color: aqua;
background-image: url("Logo.jpg"); background-image: url("Logo.jpg");
/*background:no-repeat;*/ /*background:no-repeat;*/
height: 103px;
width: 141px;
} }
.logo{ .logo{
@@ -76,7 +79,8 @@ body {
.sidebar { .sidebar {
background-color: aquamarine; background-color: aquamarine;
border: 1px solid rgba(0,0,0,.125); border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem; border-radius: 10px;
width: 128px;
} }
@@ -86,6 +90,8 @@ body {
overflow: auto; overflow: auto;
flex: 1; flex: 1;
background-clip: border-box; background-clip: border-box;
padding-right: 5%;
padding-left: 5%;
} }
/* content : le cadre de base du centre de notre site /* content : le cadre de base du centre de notre site
@@ -116,8 +122,18 @@ body {
.recette-icone{ .recette-icone{
border: 3px solid rgba(0,0,0,.125); border: 3px solid rgba(0,0,0,.125);
border-radius: 40px; border-radius: 40px;
text-align: center; text-align: left;
padding: 15px;
vertical-align: middle; vertical-align: middle;
box-shadow: 3px 5px 5px black;
width: 500px;
}
.recette-preview-image{
max-width: calc( 10vh + 10vw );
max-height: calc( 10vh + 10vw );
border: 1px solid rgb(252, 223, 57);
border-radius: 25px;
} }
/*Ici commence le CSS pour la page de chaques recettes */ /*Ici commence le CSS pour la page de chaques recettes */
@@ -136,8 +152,8 @@ body {
.recette-image { .recette-image {
background-color: red; background-color: red;
aspect-ratio: 1/1; aspect-ratio: 1/1;
max-height: 225px; max-height: calc( 30vh + 30vw );
max-width: 225px; max-width: calc( 30vh + 30vw );
border: 1px solid white; border: 1px solid white;
border-radius: 30px; border-radius: 30px;
} }

2
recette.html
View File

@@ -1,5 +1,5 @@
<div class="recettes"> <div class="recettes">
<div class="recette-icone"> <a href="recette-en-dur.php"><img class="recette-image" src="random-recette.jpg"></a></div> <div class="recette-icone"> <a href="recette-en-dur.php"><img class="recette-preview-image" src="random-recette.jpg"></a></div>
<div class="recette-icone"> 2 </div> <div class="recette-icone"> 2 </div>
<div class="recette-icone"> 3 </div> <div class="recette-icone"> 3 </div>
<div class="recette-icone"> 4 </div> <div class="recette-icone"> 4 </div>