From c2b92abacf6752cf42307c3ce1e93ff86ef4c5f4 Mon Sep 17 00:00:00 2001 From: Simon Catanese Date: Sat, 7 Jan 2023 01:49:49 +0100 Subject: [PATCH] Site fini :D --- UnMeme.php | 61 ++++++++++- css/UnMeme.css | 100 ++++++++++++++++++ css/index.css | 1 + css/style.css | 4 +- .../{SodaSupHaribo.png => SodaSupHaribo.jpg} | Bin .../{sodabaguette.png => sodabaguette.jpg} | Bin index.php | 30 +++--- 7 files changed, 174 insertions(+), 22 deletions(-) rename img/meme/{SodaSupHaribo.png => SodaSupHaribo.jpg} (100%) mode change 100755 => 100644 rename img/meme/{sodabaguette.png => sodabaguette.jpg} (100%) mode change 100755 => 100644 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

+
+
+

Denis Monnerat

+

Denis is approving your meme

+
+
+

David Laforge

+

J'ai beaucoup rigolé

+
+
+

MrSim

+

Hey mais c'est moi !

+
+
+

Bruno Ministre des Finances

+

Très bonne réflexion, j'apprécie cette même

+
+
+

Bob-X_93

+

PTDR

+
+
+

Obi-Wan Kenobi

+

Hello there !

+
+
+

VENEOX

+

Mais qu'est ce que je fous là moi ?

+
+
+

Pierre V

+

C'est nul

+
+
+
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 @@
- +
- +
- +
- +
- +
- +
- - + +
- +
- +
- +
- - + +
- +
- +