index.php 4.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <!DOCTYPE html>
  2. <html lang="fr" data-lt-installed="true"><head>
  3. <meta charset="UTF-8">
  4. <meta name="viewport" content="width=device-width">
  5. <title>La Pop'ulaire - Le meilleur de la scène française et internationale</title>
  6. <link rel="stylesheet" href="style.css">
  7. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Prompt&amp;display=swap">
  8. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  9. <link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
  10. <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
  11. <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
  12. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  13. <link rel="manifest" href="site.webmanifest">
  14. <link rel="icon" type="image/x-icon" href="icons/favicon.ico">
  15. </head>
  16. <body>
  17. <header>
  18. <nav><img src="LaPopulaire-Landscape.png" width="25%">
  19. <ul class="menu">
  20. <li><a href="#" onclick="return loadMain();"><u>Accueil</u></a></li> •
  21. <li><a href="#" onclick="return loadHistorique();">&nbsp;Derniers titres diffusés</a></li> •
  22. <li><a href="#" onclick="return loadDemande();">&nbsp;A la demande</a></li>
  23. <!-- <li><a href="actu.php">Dernières actualités</a></li> -->
  24. <!--<li><a href="javascript:void(0);" onclick="ouvrirPopup('player.php');">Player externe</a></li> -->
  25. </ul>
  26. <a href="javascript:void(0);" class="icon" onclick="mob()"><i class="fa fa-bars"></i></a>
  27. <div class="mobile">
  28. <div id="hamburger">
  29. <a href="#" onclick="return loadMain();"><b>Accueil</b></a>
  30. <a href="#" onclick="return loadHistorique();">Derniers titres diffusés</a>
  31. <a href="#" onclick="return loadDemande();">Demande de chanson</a>
  32. <!-- <a href="actu.php">Dernières actualités</a> -->
  33. </div>
  34. </div>
  35. </nav>
  36. <br><br><br><iframe src="https://hyperion.lapopulai.re/public/lapopulaire/embed?theme=dark" frameborder="0" allowtransparency="true" style="width: 97%; min-height: 150px; border: 0;"></iframe>
  37. </header>
  38. <main id="main-content">
  39. <br>
  40. <h2>Bienvenue chez La Pop'ulaire !</h2>
  41. Ce site est en cours de reconstruction, mais vos menus restent accessibles.
  42. <br>À très bientôt !<br><br>&nbsp;
  43. </main>
  44. <footer>
  45. <p>Tous droits réservés © 2021-2024 La Pop'ulaire</p>
  46. <a rel="me" href="https://social.am-networks.fr/@lapopulaire"></a>
  47. </footer>
  48. <script>
  49. function mob() {
  50. var x = document.getElementById("hamburger");
  51. if (x.style.display === "block") {
  52. x.style.display = "none";
  53. } else {
  54. x.style.display = "block";
  55. }
  56. }
  57. function ouvrirPopup(url) {
  58. // Spécifiez les dimensions et les paramètres de la fenêtre popup
  59. var largeur = 600;
  60. var hauteur = 175;
  61. var parametres = "width=" + largeur + ",height=" + hauteur + ",resizable=yes,scrollbars=yes";
  62. // Ouvrir la fenêtre popup avec l'URL spécifié et les paramètres
  63. window.open(url, "_blank", parametres);
  64. }
  65. function loadHistorique() {
  66. // Charger le contenu de historique.php dans #main-content
  67. $("#main-content").load("historique.php #historique-content");
  68. return false; // Empêcher le lien de suivre son URL
  69. }
  70. function loadMain() {
  71. // Charger le contenu de historique.php dans #main-content
  72. $("#main-content").load("index.php #main-content");
  73. return false; // Empêcher le lien de suivre son URL
  74. }
  75. function loadDemande() {
  76. // Charger le contenu de historique.php dans #main-content
  77. $("#main-content").load("demande.php #demande-content");
  78. return false; // Empêcher le lien de suivre son URL
  79. }
  80. </script>
  81. </body></html>