historique.php 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width">
  6. <title>La Pop'ulaire - Le meilleur de la scène française et internationale</title>
  7. <link rel="stylesheet" href="style.css">
  8. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Prompt&display=swap">
  9. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  10. <link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
  11. <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
  12. <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
  13. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  14. <link rel="manifest" href="site.webmanifest">
  15. <link rel="icon" type="image/x-icon" href="icons/favicon.ico">
  16. </head>
  17. <body>
  18. <header>
  19. <img src="LaPopulaire-Landscape.png" width="58%">
  20. <iframe src="https://hyperion.lapopulai.re/public/lapopulaire/embed?theme=dark" frameborder="0" allowtransparency="true" style="width: 97%; min-height: 150px; border: 0;"></iframe>
  21. </header>
  22. <nav>
  23. <ul class="menu">
  24. <li><a href="index.php">Accueil</a></li>
  25. <li><a href="historique.php"><u>Derniers titres diffusés</u></a></li>
  26. <li><a href="demande.php">Demande de chanson</a></li>
  27. <li><a href="actu.php">Dernières actualités</a></li>
  28. </ul>
  29. <a href="javascript:void(0);" class="icon" onclick="mob()"><i class="fa fa-bars"></i></a>
  30. <div class="mobile">
  31. <div id="hamburger">
  32. <a href="index.php">Accueil</a>
  33. <a href="historique.php"><b>Derniers titres diffusés</b></a>
  34. <a href="demande.php">Demande de chanson</a>
  35. <a href="actu.php">Dernières actualités</a>
  36. </div>
  37. </div>
  38. </nav>
  39. <div id="historique-content">
  40. <br>
  41. <iframe src="https://hyperion.lapopulai.re/public/lapopulaire/history?theme=dark" frameborder="0" allowtransparency="true" style="width: 97%; min-height: 1300px; border: 0;"></iframe>
  42. </div>
  43. <footer>
  44. <p>Tous droits réservés &copy; 2021-<?php echo date("Y") ?> La Pop'ulaire</p>
  45. </footer>
  46. <script>
  47. function mob() {
  48. var x = document.getElementById("hamburger");
  49. if (x.style.display === "block") {
  50. x.style.display = "none";
  51. } else {
  52. x.style.display = "block";
  53. }
  54. }
  55. </script>
  56. </script>
  57. </body>
  58. </html>