<?php
  header('Content-Type: text/html; charset=UTF-8');
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Ma thèse en 5 memes</title>
    <style>
        body {
            background-image: url("./memelemd/MT5M2022/affiches/affiche3.png");
            background-size: cover;
        }

        #content {
            width: 65%;
            margin: 0 auto;
            padding: 20px;
            background-color: white;
            border: 1px solid black;
        }

        #title {
            text-align: center;
            font-size: 2em;
            font-weight: bold;
            padding: 10px;
            border: 1px solid black;
        }

        #winner {
            text-align: center;
            margin-top: 10px;
        }

        #winner img {
            max-width: 70%;
        }
        #randomemeButton {
            display: block;
            margin: 0 auto;
            margin-top: 20px;
            margin-bottom: 20px;
        }

    </style>
</head>
<body>

    <div id="content">

        <div id="title">Ma thèse en 5 memes</div>

        <p>L'édition 2022 du concours "Ma thèse en 5 memes" a eu lieu le 13 décembre 2022 dans la presitigieuse Salle de Ping du LMD. Il a réuni plus de 20 participants émérites ayant une forte expertise dans le domaine concerné, à savoir l'environnement de travail au sein du LMD et du LATMOS, deux laboratoires faisant partie de l'Institut Pierre-Simon Laplace.</p>
<center>
    <?php
      $dir = "./memelemd/MT5M2022/allmemes";
      $files = scandir($dir);
    ?>
  <button type="button" id="randomemeButton">Un meme au hasard</button>
<img src="" alt="" width="500px" id="randomeme">
<script>
  document.getElementById("randomemeButton").addEventListener("click", function() {
    let randomeme = document.getElementById("randomeme");
    let files = <?php echo json_encode($files); ?>;
    let randomIndex = Math.floor(Math.random() * files.length);
    randomeme.src = "./memelemd/MT5M2022/allmemes/" + files[randomIndex];
  });
</script>

</center>





        <p> Le jury, présidé à titre exceptionnel par Dr. Aymeric Spiga, alias Rico, accompagné de Dr. Tanguy Bertrand dit "le Tangz" et Dr. Alexandre "La Boisse" Boissinot, a distingué les deux memes suivants sous contrôle judiciaire :</p>
        <div id="winner"> 
            <p>Prix de distinction exceptionnel pour le meme dont le score est le plus proche de Pi (le nombre parfois également appelé constante d'Archimède, pas le tigre du film là) ! Félicitations à  Mme Maelle CD</p> 
            <img src="./memelemd/MT5M2022/concours/MT5M_MCD/MEME_3.gif" alt="Meilleur meme"> 
        </div> 

        <div id="winner"> 
            <p>Prix d'excellence memique pour un meme ayant le plus haut score cumulé. Bravo à  M. Antoine B, ceinture noire du meme.</p> 
            <img src="./memelemd/MT5M2022/concours/bierj2.jpg" alt="Meilleur meme"> 
        </div> 


        <p>L'ensemble des gens ayant participé ont soumis un abstract, à partir de trois templates imposés. Les abstracts sont ouverts à la consultation juste ici :</p>


<center>
<form>
  <label for="abstract">Vous souhaitez consulter :</label>
  <select id="abstract" name="abstract">
    <option value="">--Choisir un abstract (s'il vous plait)--</option>
    <?php
      $dir = "./memelemd/MT5M2022/abstracts";
      $files = scandir($dir);
      foreach($files as $file) {
        if($file != "." && $file != "..") {
          echo "<option value='$file'>$file</option>";
        }
      }
    ?>
  </select>
  <button type="button" id="randomButton">Random</button>
</form>
<img src="" alt="" width="500px" id="selectedImage">
<script>
  document.getElementById("abstract").addEventListener("change", function() {
    let selectedImage = document.getElementById("selectedImage");
    selectedImage.src = "./memelemd/MT5M2022/abstracts/" + this.value;
  });
  document.getElementById("randomButton").addEventListener("click", function() {
    let selectedImage = document.getElementById("selectedImage");
    let files = <?php echo json_encode($files); ?>;
    let randomIndex = Math.floor(Math.random() * files.length);
    selectedImage.src = "./memelemd/MT5M2022/abstracts/" + files[randomIndex];
  });
</script>

</center>



    </div>


    <script type="text/javascript"> 

        var password = prompt("Entrez le mot de passe pour accéder à  la page :"); 

        if (password == "rico666") { 
            document.getElementById("content").style.display = "block"; 
        } else { 
            alert("Mot de passe incorrect! Vous n'êtes qu'un vieux chameau"); 
            window.location.href ="https://web.lmd.jussieu.fr/~jnaar/memelemd.php";
        } 
    </script> 


<?php
  // Définissez le nom du fichier qui contiendra le nombre de visites
  $filename = './counter.txt';
  
  // Vérifiez si le fichier existe
  if (file_exists($filename)) {
      // Si le fichier existe, lisez le nombre de visites
      $visits = file_get_contents($filename);
      // Incrémentez le nombre de visites de 1
      $visits += 1;
  } else {
      // Si le fichier n'existe pas, initialisez le nombre de visites à 1
      $visits = 1;
  }
  
  // Enregistrez le nombre de visites dans le fichier
  file_put_contents($filename, $visits);
  
  // Affichez le nombre de visites
  echo "Nombre de visites sur le site : " . $visits;
?>
</body> 
</html>
