message
This commit is contained in:
parent
1e14528fa9
commit
b1ea9420c7
39
UnMeme.php
Executable file
39
UnMeme.php
Executable 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
0
css/UnMeme.css
Normal file
@ -5,10 +5,6 @@
|
||||
--meme-vsize: 26vw;
|
||||
}
|
||||
|
||||
.page{
|
||||
background:linear-gradient(rgb(189, 211, 255), rgb(55, 15, 141));
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
.Liste{
|
||||
width:100%;
|
||||
|
||||
@ -26,10 +26,13 @@ main{
|
||||
grid-row-start: 2;
|
||||
grid-row-end: 2;
|
||||
width: 100%;
|
||||
background: rgba(255, 0, 0, 0.1);
|
||||
z-index:3;
|
||||
background:linear-gradient(rgb(189, 211, 255), rgb(55, 15, 141));
|
||||
z-index:2;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.pubG{
|
||||
grid-column-start : 1;
|
||||
grid-column-end: 1;
|
||||
|
||||
13
css/upload.css
Normal file
13
css/upload.css
Normal 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;
|
||||
}
|
||||
@ -6,9 +6,9 @@
|
||||
<nav class="navbar">
|
||||
<ul>
|
||||
<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="../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="../#">Qui sommes-nous ?</a></li>
|
||||
<li><a id="tab" href="../#">Nous contacter</a></li>
|
||||
|
||||
28
index.php
28
index.php
@ -22,57 +22,81 @@
|
||||
</a>
|
||||
</div>
|
||||
<main>
|
||||
<div class="page">
|
||||
<section class="Liste">
|
||||
<div class="row">
|
||||
<div class="column">
|
||||
<div class="memeContainer">
|
||||
<a href="UnMeme.php">
|
||||
<img src="img/meme/bouton.jpg" class=meme>
|
||||
</a>
|
||||
</div>
|
||||
<div class="memeContainer">
|
||||
<a href="UnMeme.php">
|
||||
<img src="img/meme/DecouvreSodaraMeme.jpg" class=meme>
|
||||
</a>
|
||||
</div>
|
||||
<div class="memeContainer">
|
||||
<a href="UnMeme.php">
|
||||
<img src="img/meme/insulit.jpg" class=meme height="500vw" width="500vw">
|
||||
</a>
|
||||
</div>
|
||||
<div class="memeContainer">
|
||||
<a href="UnMeme.php">
|
||||
<img src="img/meme/matrix.jpg" class=meme height="500vw" width="500vw">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<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>
|
||||
</div>
|
||||
</main>
|
||||
<div class=pubD>
|
||||
<a href="https://dwarves.iut-fbleau.fr/~catanese/SAE_WEB_2022/index.html" >
|
||||
|
||||
60
upload.php
60
upload.php
@ -12,7 +12,7 @@
|
||||
<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/index.css" >
|
||||
<link rel="stylesheet" href="css/upload.css" >
|
||||
</head>
|
||||
<body>
|
||||
<?php include("header.php");?>
|
||||
@ -22,57 +22,13 @@
|
||||
</a>
|
||||
</div>
|
||||
<main>
|
||||
<div class="page">
|
||||
<section class="Liste">
|
||||
<div class="row">
|
||||
<div class="column">
|
||||
<div class="memeContainer">
|
||||
<img src="img/meme/bouton.jpg" class=meme>
|
||||
</div>
|
||||
<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>
|
||||
<article class="generalPanel">
|
||||
<p class="title">Publiez votre Meme !</p>
|
||||
img drag&drop
|
||||
boutons
|
||||
infos
|
||||
options
|
||||
</article>
|
||||
</main>
|
||||
<div class=pubD>
|
||||
<a href="https://dwarves.iut-fbleau.fr/~catanese/SAE_WEB_2022/index.html" >
|
||||
|
||||
Loading…
Reference in New Issue
Block a user