Browse Source

Merge branch '1-menu-logo' of am/LaPopulaire-Website into master

Mise en production des modifications
Xan 7 tháng trước cách đây
mục cha
commit
469af2d2eb
2 tập tin đã thay đổi với 99 bổ sung87 xóa
  1. 88 84
      index.php
  2. 11 3
      style.css

+ 88 - 84
index.php

@@ -1,87 +1,91 @@
-<!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="40%">
-		<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="#" 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();">Demande de chanson</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>
-	<a href="javascript:void(0);" class="icon" onclick="mob()"><i class="fa fa-bars"></i></a>
-	<div class="mobile">
-	  <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();">Demande de chanson</a>
-    	    <!-- <a href="actu.php">Dernières actualités</a> -->
-	  </div>
-	</div>
-</nav>
-	<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 &copy; 2021-<?php echo date("Y") ?> La Pop'ulaire</p>
-		<a rel="me" href="https://social.am-networks.fr/@lapopulaire"></a>
-	</footer>
-	<script>
-		function mob() {
-		var x = document.getElementById("hamburger");
-		if (x.style.display === "block") {
-			x.style.display = "none";
-		} else {
-			x.style.display = "block";
-		}
-		}
-		function ouvrirPopup(url) {
-            // Spécifiez les dimensions et les paramètres de la fenêtre popup
-            var largeur = 600;
-            var hauteur = 175;
-            var parametres = "width=" + largeur + ",height=" + hauteur + ",resizable=yes,scrollbars=yes";
+    <!DOCTYPE html>
+    <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>
+    	<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">
+    	<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>
+    		<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="actu.php">Dernières actualités</a></li> -->
+    		<!--<li><a href="javascript:void(0);" onclick="ouvrirPopup('player.php');">Player externe</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="#" onclick="return loadMain();"><b>Accueil</b></a>
+        	    <a href="#" onclick="return loadHistorique();">Derniers titres diffusés</a>
+        	    <a href="#" onclick="return loadDemande();">Demande de chanson</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>
+    	</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>
+    	</footer>
+    	<script>
+    		function mob() {
+    		var x = document.getElementById("hamburger");
+    		if (x.style.display === "block") {
+    			x.style.display = "none";
+    		} else {
+    			x.style.display = "block";
+    		}
+    		}
+    		function ouvrirPopup(url) {
+                // Spécifiez les dimensions et les paramètres de la fenêtre popup
+                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);
+            }
+    				function loadHistorique() {
+                // Charger le contenu de historique.php dans #main-content
+                $("#main-content").load("historique.php #historique-content");
+                return false; // Empêcher le lien de suivre son URL
+            }
+    				function loadMain() {
+                // Charger le contenu de historique.php dans #main-content
+                $("#main-content").load("index.php #main-content");
+                return false; // Empêcher le lien de suivre son URL
+            }
+    				function loadDemande() {
+                // Charger le contenu de historique.php dans #main-content
+                $("#main-content").load("demande.php #demande-content");
+                return false; // Empêcher le lien de suivre son URL
+            }
+    	</script>
+    
+    
+
+</body></html>
 
-            // Ouvrir la fenêtre popup avec l'URL spécifié et les paramètres
-            window.open(url, "_blank", parametres);
-        }
-				function loadHistorique() {
-            // Charger le contenu de historique.php dans #main-content
-            $("#main-content").load("historique.php #historique-content");
-            return false; // Empêcher le lien de suivre son URL
-        }
-				function loadMain() {
-            // Charger le contenu de historique.php dans #main-content
-            $("#main-content").load("index.php #main-content");
-            return false; // Empêcher le lien de suivre son URL
-        }
-				function loadDemande() {
-            // Charger le contenu de historique.php dans #main-content
-            $("#main-content").load("demande.php #demande-content");
-            return false; // Empêcher le lien de suivre son URL
-        }
-	</script>
-</body>
-</html>

+ 11 - 3
style.css

@@ -35,12 +35,16 @@ nav {
   justify-content: space-between;
   align-items: center;
   height: 80px;
-  background-color: #000;
+  /*background-color: #000;*/
   color: #fff;
-  padding: 0 20px;
-  font-size: 20px;
+  padding: 0 15px;
+  font-size: 25px;
 }
 
+nav img {
+	width: 25%;  
+  }
+
 nav ul.menu {
   list-style-type: none;
   margin: 0;
@@ -76,6 +80,10 @@ nav .mobile {
     flex-direction: column;
     height: auto;
   }
+  
+  nav img {
+	width: 70%;  
+  }
 
   nav ul.menu {
     display: none;