dossantoad/InsulineSodarameme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

message

Browse Source
This commit is contained in:
Simon CATANESE 2023-01-06 17:16:30 +01:00
parent 1e14528fa9
commit b1ea9420c7
8 changed files with 137 additions and 106 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
UnMeme.php Executable file
View File

@ -0,0 +1,39 @@
<?php
include_once("config.php");
// on tente de se connecter a la base de donnees
?>
<!Doctype html>
<html lang="fr">
<head>
<title class="intro">menu</title>
<meta charset="UTF-8">
<meta name="color-scheme" content="light only">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="css/header.css" >
<link rel="stylesheet" href="css/style.css" >
<link rel="stylesheet" href="css/UnMeme.css" >
</head>
<body>
<?php include("header.php");?>
<div class=pubG>
<a href="https://dwarves.iut-fbleau.fr/~catanese/SAE_WEB_2022/index.html" >
<img src="img/pubG.png" alt="">
</a>
</div>
<main>
bonjour
Ici on se concentre sur un seul meme.
à afficher en grand dans un div, en dessous il faut le titre du meme, une courte description du créateur, le nom du créateur.
à droite une suite de commentaires, le nombre de likes et de commentaires, et un bouton partager.
</main>
<div class=pubD>
<a href="https://dwarves.iut-fbleau.fr/~catanese/SAE_WEB_2022/index.html" >
<img src="img/sodaramel.png" alt="" height="100px" width="100px" >
<h5>Une glycémie trop basse venez voir notre boutique de sodaramel</h5>
</a>
</div>
<?php include("footer.php");?>
</body>

0
css/UnMeme.css Normal file
View File

4
css/index.css
View File

@ -5,10 +5,6 @@
--meme-vsize: 26vw; --meme-vsize: 26vw;
} }
.page{
background:linear-gradient(rgb(189, 211, 255), rgb(55, 15, 141));
z-index:2;
}
.Liste{ .Liste{
width:100%; width:100%;

5
css/style.css
View File

@ -26,10 +26,13 @@ main{
grid-row-start: 2; grid-row-start: 2;
grid-row-end: 2; grid-row-end: 2;
width: 100%; width: 100%;
background: rgba(255, 0, 0, 0.1);
z-index:3; z-index:3;
background:linear-gradient(rgb(189, 211, 255), rgb(55, 15, 141));
z-index:2;
min-height: 100%;
} }
.pubG{ .pubG{
grid-column-start : 1; grid-column-start : 1;
grid-column-end: 1; grid-column-end: 1;

13
css/upload.css Normal file
View File

@ -0,0 +1,13 @@
.generalPanel{
margin-right: auto;
margin-left: auto;
margin-top: 15%;
margin-bottom: 15%;
width:70%;
background: rgba(150, 0, 0, 0.212);
border-style:solid;
border-width:10px;
border-color: white;
border-radius:100px;
}

4
header.php
View File

@ -6,9 +6,9 @@
<nav class="navbar"> <nav class="navbar">
<ul> <ul>
<li><a id="tab" href="index.php">Accueil</a></li> <li><a id="tab" href="index.php">Accueil</a></li>
<li><a class="active" id="tab" href="../Produits/cat_all.html">Tous les memes</a></li> <li><a class="active" id="tab" href="index.php">Tous les memes</a></li>
<li><a id="tab" href="../Produits/categories.html">Catégories</a></li> <li><a id="tab" href="../Produits/categories.html">Catégories</a></li>
<li><a id="tab" href="../upload.php">Poster un meme</a></li> <li><a id="tab" href="upload.php">Poster un meme</a></li>
<li><a id="tab" href="../#">F.A.Q</a></li> <li><a id="tab" href="../#">F.A.Q</a></li>
<li><a id="tab" href="../#">Qui sommes-nous ?</a></li> <li><a id="tab" href="../#">Qui sommes-nous ?</a></li>
<li><a id="tab" href="../#">Nous contacter</a></li> <li><a id="tab" href="../#">Nous contacter</a></li>

118
index.php
View File

@ -22,57 +22,81 @@
</a> </a>
</div> </div>
<main> <main>
<div class="page"> <section class="Liste">
<section class="Liste"> <div class="row">
<div class="row"> <div class="column">
<div class="column"> <div class="memeContainer">
<div class="memeContainer"> <a href="UnMeme.php">
<img src="img/meme/bouton.jpg" class=meme> <img src="img/meme/bouton.jpg" class=meme>
</div> </a>
<div class="memeContainer">
<img src="img/meme/DecouvreSodaraMeme.jpg" class=meme>
</div>
<div class="memeContainer">
<img src="img/meme/insulit.jpg" class=meme height="500vw" width="500vw">
</div>
<div class="memeContainer">
<img src="img/meme/matrix.jpg" class=meme height="500vw" width="500vw">
</div>
</div> </div>
<div class="column"> <div class="memeContainer">
<div class="memeContainer"> <a href="UnMeme.php">
<img src="img/meme/sodarameme.jpg" class=meme height="500vw" width="500vw"> <img src="img/meme/DecouvreSodaraMeme.jpg" class=meme>
</div> </a>
<div class="memeContainer"> </div>
<img src="img/meme/sodaramemev3.jpg" class=meme height="500vw" width="500vw"> <div class="memeContainer">
</div> <a href="UnMeme.php">
<div class="memeContainer"> <img src="img/meme/insulit.jpg" class=meme height="500vw" width="500vw">
<img src="img/meme/SodaSupHaribo.png" class=meme height="500vw" width="500vw"> </a>
</div> </div>
<div class="memeContainer"> <div class="memeContainer">
<img src="img/meme/toiletramel.jpg" class=meme alt="" height="500vw" width="500vw"> <a href="UnMeme.php">
</div> <img src="img/meme/matrix.jpg" class=meme height="500vw" width="500vw">
<div class="memeContainer"> </a>
<img src="img/meme/megamindSoda.jpg" class=meme height="500vw" width="500vw">
</div>
</div>
<div class="column">
<div class="memeContainer">
<img src="img/meme/uno.jpg" class=meme height="500vw" width="500vw">
</div>
<div class="memeContainer">
<img src="img/meme/sodabaguette.png" class=meme height="500vw" width="500vw">
</div>
<div class="memeContainer">
<img src="img/meme/mort.jpg" class=meme height="500vw" width="500vw">
</div>
<div class="memeContainer">
<img src="img/meme/shitting.jpg" class=meme height="500vw" width="500vw">
</div>
</div> </div>
</div> </div>
</section> <div class="column">
</div> <div class="memeContainer">
<a href="UnMeme.php">
<img src="img/meme/sodarameme.jpg" class=meme height="500vw" width="500vw">
</a>
</div>
<div class="memeContainer">
<a href="UnMeme.php">
<img src="img/meme/sodaramemev3.jpg" class=meme height="500vw" width="500vw">
</a>
</div>
<div class="memeContainer">
<a href="UnMeme.php">
<img src="img/meme/SodaSupHaribo.png" class=meme height="500vw" width="500vw">
</a>
</div>
<div class="memeContainer">
<a href="UnMeme.php">
<img src="img/meme/toiletramel.jpg" class=meme alt="" height="500vw" width="500vw">
</a>
</div>
<div class="memeContainer">
<a href="UnMeme.php">
<img src="img/meme/megamindSoda.jpg" class=meme height="500vw" width="500vw">
</a>
</div>
</div>
<div class="column">
<div class="memeContainer">
<a href="UnMeme.php">
<img src="img/meme/uno.jpg" class=meme height="500vw" width="500vw">
</a>
</div>
<div class="memeContainer">
<a href="UnMeme.php">
<img src="img/meme/sodabaguette.png" class=meme height="500vw" width="500vw">
</a>
</div>
<div class="memeContainer">
<a href="UnMeme.php">
<img src="img/meme/mort.jpg" class=meme height="500vw" width="500vw">
</a>
</div>
<div class="memeContainer">
<a href="UnMeme.php">
<img src="img/meme/shitting.jpg" class=meme height="500vw" width="500vw">
</a>
</div>
</div>
</div>
</section>
</main> </main>
<div class=pubD> <div class=pubD>
<a href="https://dwarves.iut-fbleau.fr/~catanese/SAE_WEB_2022/index.html" > <a href="https://dwarves.iut-fbleau.fr/~catanese/SAE_WEB_2022/index.html" >

60
upload.php
View File

@ -12,7 +12,7 @@
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="css/header.css" > <link rel="stylesheet" href="css/header.css" >
<link rel="stylesheet" href="css/style.css" > <link rel="stylesheet" href="css/style.css" >
<link rel="stylesheet" href="css/index.css" > <link rel="stylesheet" href="css/upload.css" >
</head> </head>
<body> <body>
<?php include("header.php");?> <?php include("header.php");?>
@ -22,57 +22,13 @@
</a> </a>
</div> </div>
<main> <main>
<div class="page"> <article class="generalPanel">
<section class="Liste"> <p class="title">Publiez votre Meme !</p>
<div class="row"> img drag&drop
<div class="column"> boutons
<div class="memeContainer"> infos
<img src="img/meme/bouton.jpg" class=meme> options
</div> </article>
<div class="memeContainer">
<img src="img/meme/DecouvreSodaraMeme.jpg" class=meme>
</div>
<div class="memeContainer">
<img src="img/meme/insulit.jpg" class=meme height="500vw" width="500vw">
</div>
<div class="memeContainer">
<img src="img/meme/matrix.jpg" class=meme height="500vw" width="500vw">
</div>
</div>
<div class="column">
<div class="memeContainer">
<img src="img/meme/sodarameme.jpg" class=meme height="500vw" width="500vw">
</div>
<div class="memeContainer">
<img src="img/meme/sodaramemev3.jpg" class=meme height="500vw" width="500vw">
</div>
<div class="memeContainer">
<img src="img/meme/SodaSupHaribo.png" class=meme height="500vw" width="500vw">
</div>
<div class="memeContainer">
<img src="img/meme/toiletramel.jpg" class=meme alt="" height="500vw" width="500vw">
</div>
<div class="memeContainer">
<img src="img/meme/megamindSoda.jpg" class=meme height="500vw" width="500vw">
</div>
</div>
<div class="column">
<div class="memeContainer">
<img src="img/meme/uno.jpg" class=meme height="500vw" width="500vw">
</div>
<div class="memeContainer">
<img src="img/meme/sodabaguette.png" class=meme height="500vw" width="500vw">
</div>
<div class="memeContainer">
<img src="img/meme/mort.jpg" class=meme height="500vw" width="500vw">
</div>
<div class="memeContainer">
<img src="img/meme/shitting.jpg" class=meme height="500vw" width="500vw">
</div>
</div>
</div>
</section>
</div>
</main> </main>
<div class=pubD> <div class=pubD>
<a href="https://dwarves.iut-fbleau.fr/~catanese/SAE_WEB_2022/index.html" > <a href="https://dwarves.iut-fbleau.fr/~catanese/SAE_WEB_2022/index.html" >