<!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>
    <header>
        <img class=rotate src="img/roue.png" alt="">
        <img class=rotate2 src="img/roue.png" alt="">
        <img class=Titre src="img/Insuline.png" alt="Créé par Simon Catanese, propriété intellectuelle de Sodaramel®">
        <p class="intro">Insuline, quand le caramel ne suffit plus !</p>
        <nav class="navbar">
            <ul>
                <li><a id="tab" href="index.php">Accueil</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="../#">F.A.Q</a></li>
                <li><a id="tab" href="../#">Qui sommes-nous ?</a></li>
                <li><a id="tab" href="../#">Nous contacter</a></li>
                <li><a id="login" href="../#"><img src="../img/login.png" alt="" width="40px"></a>  </li>
                <li><a id="panier" href="../#"><img src="../img/panier.png" alt="" width="40px"></a>  </li>
            </ul>
        </nav>
    </header>
        <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>
            <div class="center"></div>
            <section class="panel">
                <article class="memeArticle">
                    <div class="memeContainer">
                        <?php
                        $src = $_GET['meme'];
                        echo("<img src='img/meme/$src.jpg' alt=''>");                        
                        ?>
                    </div>
                    <div class="infoContainer">
                        <blockquote class="memeInfo">
                            <p>Titre : Funny Sodaramel Toughts</p>
                            <p>Auteur : Dino Crous</p>
                        </blockquote>
                    </div>
                </article>
                <article class="statsArticle">
                    <div class="infoStats">
                        <p>436 votes positifs</p>
                        <p>25 votes négatifs</p>
                        <p>8 commentaires</p>
                    </div>
                    <div class="commentaire">
                        <p class="pseudo">Denis Monnerat</p>
                        <p class="com-text">Denis is approving your meme</p>
                    </div>
                    <div class="commentaire">
                        <p class="pseudo">David Laforge</p>
                        <p class="com-text">J'ai beaucoup rigolé</p>
                    </div>
                    <div class="commentaire">
                        <p class="pseudo">MrSim</p>
                        <p class="com-text">Hey mais c'est moi !</p>
                    </div>
                    <div class="commentaire">
                        <p class="pseudo">Bruno Ministre des Finances</p>
                        <p class="com-text">Très bonne réflexion, j'apprécie cette même</p>
                    </div>
                    <div class="commentaire">
                        <p class="pseudo">Bob-X_93</p>
                        <p class="com-text">PTDR</p>
                    </div>
                    <div class="commentaire">
                        <p class="pseudo">Obi-Wan Kenobi</p>
                        <p class="com-text">Hello there !</p>
                    </div>
                    <div class="commentaire">
                        <p class="pseudo">VENEOX</p>
                        <p class="com-text">Mais qu'est ce que je fous là moi ?</p>
                    </div>
                    <div class="commentaire">
                        <p class="pseudo">Pierre V</p>
                        <p class="com-text">C'est nul</p>
                    </div>
                </article>
            </section>

        </main>
        <div class=pubD>
            <a href="https://dwarves.iut-fbleau.fr/~catanese/SAE_WEB_2022/index.html" >
                <img src="img/pubD.png"  alt="">   
            </a>
        </div>
        <?php include("footer.php");?>
    </body>