diff --git a/UnMeme.php b/UnMeme.php
index e812c9d..d02c7fb 100755
--- a/UnMeme.php
+++ b/UnMeme.php
@@ -22,11 +22,62 @@
-
- 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.
+
+
+
+
+ ");
+ ?>
+
+
+
+ Titre : Funny Sodaramel Toughts
+ Auteur : Dino Crous
+
+
+
+
+
+
436 votes positifs
+
25 votes négatifs
+
8 commentaires
+
+
+
+
+
+
+
+
+
+
+
diff --git a/css/UnMeme.css b/css/UnMeme.css
index e69de29..39d3924 100644
--- a/css/UnMeme.css
+++ b/css/UnMeme.css
@@ -0,0 +1,100 @@
+main{
+ display: grid;
+ grid-template-columns: 25%, 50%, 25%;
+ grid-template-rows: 5vh, 80%, 5vh;
+}
+
+.panel{
+ grid-column-start: 2;
+ grid-column-end: 2;
+ grid-row-start: 2;
+ grid-row-end: 2;
+
+ display: flex;
+ width:55vw;
+ height: auto;
+ background: rgba(150, 0, 0, 0.212);
+ padding:15px;
+
+ border-style:solid;
+ border-width:10px;
+ border-color: white;
+ border-radius:50px;
+
+}
+.memeArticle{
+ float:left;
+ background-color: white;
+ width:70%;
+ height: 100%;
+
+ background: rgba(255, 255, 255, 0.53);
+ border-top-left-radius:40px;
+ border-bottom-left-radius:40px;
+}
+.memeContainer{
+ width: 90%;
+ height: auto;
+ background: rgba(150, 0, 0, 0);
+ border-radius:30px;
+ margin:auto;
+ margin-top: 5%;
+ padding: 15px;
+
+
+}
+
+
+.statsArticle{
+ float:left;
+ background: rgba(150, 0, 0, 0.212);
+ width:30%;
+ border-top-right-radius:40px;
+ border-bottom-right-radius:40px;
+ overflow: scroll;
+}
+
+.memeContainer img{
+ width:100%;
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+}
+
+.memeInfo {
+ background: rgba(255, 255, 255, 0.363);
+ border-radius: 3px;
+ border-left: 5px solid rgb(142, 119, 253);
+ margin: 20px ;
+ margin-top:10px;
+ padding: 5px;
+}
+
+.infoStats{
+ border-left: 5px solid rgb(142, 119, 253);
+ display:inline;
+ padding-top: 1%;
+ float:left;
+}
+.infoStats p{
+ line-height: 30%;
+ font-size: 80%;
+}
+.commentaire{
+ border-left:5px solid rgb(105, 88, 189);
+ background: rgba(255, 255, 255, 0.363);
+ float:left;
+ width:100%;
+}
+.commentaire:nth-child(2n){
+ border-left:5px solid rgb(82, 69, 147);
+ background: rgba(25, 0, 255, 0.185);
+}
+.pseudo{
+ font-weight: bold;
+ font-size:60%;
+ line-height: 50%;
+}
+.com-text{
+ font-size: 60%;
+ font-weight: 200;
+}
\ No newline at end of file
diff --git a/css/index.css b/css/index.css
index 179a28b..2339181 100755
--- a/css/index.css
+++ b/css/index.css
@@ -25,6 +25,7 @@
.meme{
width: 100%;
left: 0;
+ border-radius:10px;
}
diff --git a/css/style.css b/css/style.css
index ea5c731..c220c73 100755
--- a/css/style.css
+++ b/css/style.css
@@ -53,7 +53,7 @@ main{
}
.pubG img{
- margin-top: 50%;
+ top: 50%;
width:100%;
border-color: black;
border-width: 1px;
@@ -68,7 +68,7 @@ main{
margin:1%;
}
.pubD img{
- margin-top: 50%;
+ top: 50%;
width:100%;
border-color: black;
border-width: 1px;
diff --git a/img/meme/SodaSupHaribo.png b/img/meme/SodaSupHaribo.jpg
old mode 100755
new mode 100644
similarity index 100%
rename from img/meme/SodaSupHaribo.png
rename to img/meme/SodaSupHaribo.jpg
diff --git a/img/meme/sodabaguette.png b/img/meme/sodabaguette.jpg
old mode 100755
new mode 100644
similarity index 100%
rename from img/meme/sodabaguette.png
rename to img/meme/sodabaguette.jpg
diff --git a/index.php b/index.php
index f4a17e6..045ac00 100755
--- a/index.php
+++ b/index.php
@@ -26,71 +26,71 @@
Denis Monnerat
+Denis is approving your meme
+