Pārlūkot izejas kodu

Updates

Updates
Xan 7 mēneši atpakaļ
vecāks
revīzija
1b41c99c61
4 mainītis faili ar 141 papildinājumiem un 137 dzēšanām
  1. 63 60
      demande.php
  2. 63 61
      historique.php
  3. 12 13
      index.php
  4. 3 3
      style.css

+ 63 - 60
demande.php

@@ -1,60 +1,63 @@
-<!DOCTYPE html>
-<html lang="fr">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width">
-	<title>La Pop'ulaire - Le meilleur de la scène française et internationale</title>
-	<link rel="stylesheet" href="style.css">
-	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Prompt&display=swap">
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-	<link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
-	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-	<link rel="manifest" href="site.webmanifest">
-	<link rel="icon" type="image/x-icon" href="icons/favicon.ico">
-</head>
-<body>
-	<header>
-		<img src="LaPopulaire-Landscape.png" width="58%">
-	</header>
-
-	<nav>
-  <ul class="menu">
-    <li><a href="index.php">Accueil</a></li>
-    <li><a href="historique.php">Derniers titres diffusés</a></li>
-    <li><a href="demande.php"><u>Demande de chanson</u></a></li>
-    <li><a href="actu.php">Dernières actualités</a></li>
-  </ul>
-  <a href="javascript:void(0);" class="icon" onclick="mob()"><i class="fa fa-bars"></i></a>
-	<div class="mobile">
-	  <div id="hamburger">
-			<a href="index.php">Accueil</a>
-	    <a href="historique.php">Derniers titres diffusés</a>
-	    <a href="demande.php"><b>Demande de chanson</b></a>
-	    <a href="actu.php">Dernières actualités</a>
-	  </div>
-	</div>
-</nav>
-
-	<div id="demande-content">
-		<br>
-		<iframe src="https://hyperion.lapopulai.re/public/lapopulaire/embed-requests?theme=dark" frameborder="0" allowtransparency="true" style="width: 97%; min-height: 2500px; border: 0;"></iframe>
-	</div>
-
-	<footer>
-		<p>Tous droits réservés &copy; 2021-<?php echo date("Y") ?> La Pop'ulaire</p>
-	</footer>
-	<script>
-		function mob() {
-		var x = document.getElementById("hamburger");
-		if (x.style.display === "block") {
-			x.style.display = "none";
-		} else {
-			x.style.display = "block";
-		}
-		}
-</script>
-	</script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width">
+	<title>La Pop'ulaire - Le meilleur de la scène française et internationale</title>
+	<link rel="stylesheet" href="style.css">
+	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Prompt&display=swap">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+	<link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
+	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+	<link rel="manifest" href="site.webmanifest">
+	<link rel="icon" type="image/x-icon" href="icons/favicon.ico">
+</head>
+<body>
+	<header>
+		<img src="LaPopulaire-Landscape.png" width="58%">
+	</header>
+
+	<nav>
+  <ul class="menu">
+    <li><a href="index.php">Accueil</a></li>
+    <li><a href="historique.php">Derniers titres diffusés</a></li>
+    <li><a href="demande.php"><u>Demande de chanson</u></a></li>
+    <li><a href="actu.php">Dernières actualités</a></li>
+  </ul>
+  <a href="javascript:void(0);" class="icon" onclick="mob()"><i class="fa fa-bars"></i></a>
+	<div class="mobile">
+	  <div id="hamburger">
+			<a href="index.php">Accueil</a>
+	    <a href="historique.php">Derniers titres diffusés</a>
+	    <a href="demande.php"><b>Demande de chanson</b></a>
+	    <a href="actu.php">Dernières actualités</a>
+	  </div>
+	</div>
+</nav>
+
+	<div id="demande-content">
+		<br>
+		<h1>À la demande</h1>
+		C'est vous le DJ ! Faites votre demande et appréciez d'entendre votre choix sur nos ondes !<br>
+		Délai moyen : 10 minutes<br><br>
+		<iframe src="https://hyperion.lapopulai.re/public/lapopulaire/embed-requests?theme=dark" frameborder="0" allowtransparency="true" style="width: 97%; min-height: 2000px; border: 0;"></iframe>
+	</div>
+
+	<footer>
+		<p>Tous droits réservés &copy; 2021-<?php echo date("Y") ?> La Pop'ulaire</p>
+	</footer>
+	<script>
+		function mob() {
+		var x = document.getElementById("hamburger");
+		if (x.style.display === "block") {
+			x.style.display = "none";
+		} else {
+			x.style.display = "block";
+		}
+		}
+</script>
+	</script>
+</body>
+</html>

+ 63 - 61
historique.php

@@ -1,61 +1,63 @@
-<!DOCTYPE html>
-<html lang="fr">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width">
-	<title>La Pop'ulaire - Le meilleur de la scène française et internationale</title>
-	<link rel="stylesheet" href="style.css">
-	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Prompt&display=swap">
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-	<link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
-	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-	<link rel="manifest" href="site.webmanifest">
-	<link rel="icon" type="image/x-icon" href="icons/favicon.ico">
-</head>
-<body>
-	<header>
-		<img src="LaPopulaire-Landscape.png" width="58%">
-		<iframe src="https://hyperion.lapopulai.re/public/lapopulaire/embed?theme=dark" frameborder="0" allowtransparency="true" style="width: 97%; min-height: 150px; border: 0;"></iframe>
-	</header>
-
-	<nav>
-  <ul class="menu">
-    <li><a href="index.php">Accueil</a></li>
-    <li><a href="historique.php"><u>Derniers titres diffusés</u></a></li>
-    <li><a href="demande.php">Demande de chanson</a></li>
-    <li><a href="actu.php">Dernières actualités</a></li>
-  </ul>
-  <a href="javascript:void(0);" class="icon" onclick="mob()"><i class="fa fa-bars"></i></a>
-	<div class="mobile">
-	  <div id="hamburger">
-			<a href="index.php">Accueil</a>
-	    <a href="historique.php"><b>Derniers titres diffusés</b></a>
-	    <a href="demande.php">Demande de chanson</a>
-	    <a href="actu.php">Dernières actualités</a>
-	  </div>
-	</div>
-</nav>
-
-	<div id="historique-content">
-		<br>
-		<iframe src="https://hyperion.lapopulai.re/public/lapopulaire/history?theme=dark" frameborder="0" allowtransparency="true" style="width: 97%; min-height: 1300px; border: 0;"></iframe>
-	</div>
-
-	<footer>
-		<p>Tous droits réservés &copy; 2021-<?php echo date("Y") ?> La Pop'ulaire</p>
-	</footer>
-	<script>
-		function mob() {
-		var x = document.getElementById("hamburger");
-		if (x.style.display === "block") {
-			x.style.display = "none";
-		} else {
-			x.style.display = "block";
-		}
-		}
-</script>
-	</script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width">
+	<title>La Pop'ulaire - Le meilleur de la scène française et internationale</title>
+	<link rel="stylesheet" href="style.css">
+	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Prompt&display=swap">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+	<link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
+	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+	<link rel="manifest" href="site.webmanifest">
+	<link rel="icon" type="image/x-icon" href="icons/favicon.ico">
+</head>
+<body>
+	<header>
+		<img src="LaPopulaire-Landscape.png" width="58%">
+		<iframe src="https://hyperion.lapopulai.re/public/lapopulaire/embed?theme=dark" frameborder="0" allowtransparency="true" style="width: 97%; min-height: 150px; border: 0;"></iframe>
+	</header>
+
+	<nav>
+  <ul class="menu">
+    <li><a href="index.php">Accueil</a></li>
+    <li><a href="historique.php"><u>Derniers titres diffusés</u></a></li>
+    <li><a href="demande.php">Demande de chanson</a></li>
+    <li><a href="actu.php">Dernières actualités</a></li>
+  </ul>
+  <a href="javascript:void(0);" class="icon" onclick="mob()"><i class="fa fa-bars"></i></a>
+	<div class="mobile">
+	  <div id="hamburger">
+			<a href="index.php">Accueil</a>
+	    <a href="historique.php"><b>Derniers titres diffusés</b></a>
+	    <a href="demande.php">Demande de chanson</a>
+	    <a href="actu.php">Dernières actualités</a>
+	  </div>
+	</div>
+</nav>
+
+	<div id="historique-content">
+		<br>
+		<h1>Derniers titres diffusés</h1>
+		Les derniers titres diffusés sur La Pop'ulaire.<br><br>
+		<iframe src="https://hyperion.lapopulai.re/public/lapopulaire/history?theme=dark" frameborder="0" allowtransparency="true" style="width: 97%; min-height: 870px; border: 0;"></iframe>
+	</div>
+
+	<footer>
+		<p>Tous droits réservés &copy; 2021-<?php echo date("Y") ?> La Pop'ulaire</p>
+	</footer>
+	<script>
+		function mob() {
+		var x = document.getElementById("hamburger");
+		if (x.style.display === "block") {
+			x.style.display = "none";
+		} else {
+			x.style.display = "block";
+		}
+		}
+</script>
+	</script>
+</body>
+</html>

+ 12 - 13
index.php

@@ -4,7 +4,7 @@
     <html lang="fr" data-lt-installed="true"><head>
     	<meta charset="UTF-8">
     	<meta name="viewport" content="width=device-width">
-    	<title>La Pop'ulaire - Le meilleur de la scène française et internationale</title>
+    	<title>La Pop'ulaire</title>
     	<link rel="stylesheet" href="style.css">
     	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Prompt&amp;display=swap">
     	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
@@ -19,9 +19,9 @@
     	<header>
     		<nav><img src="LaPopulaire-Landscape.png" width="25%">
       <ul class="menu">
-        <li><a href="#" onclick="return loadMain();"><u>Accueil</u></a></li>
-        <li><a href="#" onclick="return loadHistorique();">&nbsp;Derniers titres diffusés</a></li>
-        <li><a href="#" onclick="return loadDemande();">&nbsp;A la demande</a></li>
+        <li><a href="#" onclick="return loadMain();"><u>Accueil</u></a></li>
+        <li><a href="#" onclick="return loadHistorique();">Derniers titres diffusés</a></li>
+        <li><a href="#" onclick="return loadDemande();">À la demande</a></li>
         <!-- <li><a href="actu.php">Dernières actualités</a></li> -->
     		<!--<li><a href="javascript:void(0);" onclick="ouvrirPopup('player.php');">Player externe</a></li> -->
       </ul>
@@ -30,22 +30,22 @@
     	  <div id="hamburger">
     			<a href="#" onclick="return loadMain();"><b>Accueil</b></a>
         	    <a href="#" onclick="return loadHistorique();">Derniers titres diffusés</a>
-        	    <a href="#" onclick="return loadDemande();">A la demande</a>
+        	    <a href="#" onclick="return loadDemande();">À la demande</a>
         	    <!-- <a href="actu.php">Dernières actualités</a> -->
     	  </div>
     	</div>
     </nav>
-    		<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>
+    		<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>
     	</header>
-     
-    	
+
+
     	<main id="main-content">
     		<br>
     		<h2>Bienvenue chez La Pop'ulaire !</h2>
     		Ce site est en cours de reconstruction, mais vos menus restent accessibles.
     		<br>À très bientôt !<br><br>&nbsp;
     	</main>
-     
+
     	<footer>
     		<p>Tous droits réservés © 2021-2024 La Pop'ulaire</p>
     		<a rel="me" href="https://social.am-networks.fr/@lapopulaire"></a>
@@ -64,7 +64,7 @@
                 var largeur = 600;
                 var hauteur = 175;
                 var parametres = "width=" + largeur + ",height=" + hauteur + ",resizable=yes,scrollbars=yes";
-     
+
                 // Ouvrir la fenêtre popup avec l'URL spécifié et les paramètres
                 window.open(url, "_blank", parametres);
             }
@@ -84,8 +84,7 @@
                 return false; // Empêcher le lien de suivre son URL
             }
     	</script>
-    
-    
 
-</body></html>
 
+
+</body></html>

+ 3 - 3
style.css

@@ -38,7 +38,7 @@ nav {
   /*background-color: #000;*/
   color: #fff;
   padding: 0 15px;
-  font-size: 25px;
+  font-size: 18px;
 }
 
 nav img {
@@ -82,7 +82,7 @@ nav .mobile {
   }
   
   nav img {
-	width: 70%;  
+	width: 85%;  
   }
 
   nav ul.menu {
@@ -99,7 +99,7 @@ nav .mobile {
 
   nav .mobile {
 		overflow: hidden;
-	  background-color: #333;
+/*	  background-color: #333; */
 	  position: relative;
 		display: block;
   }