Alexandre MOTTIER 7 bulan lalu
induk
melakukan
26405c069a
100 mengubah file dengan 457 tambahan dan 2 penghapusan
  1. TEMPAT SAMPAH
      DesignEvo-Transparent.png
  2. TEMPAT SAMPAH
      LaPopulaire-Landscape.png
  3. TEMPAT SAMPAH
      LaPopulaire.png
  4. TEMPAT SAMPAH
      LaPopulaire2024.png
  5. 1 2
      README.md
  6. 59 0
      actu.php
  7. TEMPAT SAMPAH
      android/android-launchericon-144-144.png
  8. TEMPAT SAMPAH
      android/android-launchericon-192-192.png
  9. TEMPAT SAMPAH
      android/android-launchericon-48-48.png
  10. TEMPAT SAMPAH
      android/android-launchericon-512-512.png
  11. TEMPAT SAMPAH
      android/android-launchericon-72-72.png
  12. TEMPAT SAMPAH
      android/android-launchericon-96-96.png
  13. 60 0
      demande.php
  14. 61 0
      historique.php
  15. TEMPAT SAMPAH
      icons/android-chrome-192x192.png
  16. TEMPAT SAMPAH
      icons/android-chrome-512x512.png
  17. TEMPAT SAMPAH
      icons/apple-touch-icon.png
  18. TEMPAT SAMPAH
      icons/favicon-16x16.png
  19. TEMPAT SAMPAH
      icons/favicon-32x32.png
  20. TEMPAT SAMPAH
      icons/favicon.ico
  21. 87 0
      index.php
  22. TEMPAT SAMPAH
      ios/100.png
  23. TEMPAT SAMPAH
      ios/1024.png
  24. TEMPAT SAMPAH
      ios/114.png
  25. TEMPAT SAMPAH
      ios/120.png
  26. TEMPAT SAMPAH
      ios/128.png
  27. TEMPAT SAMPAH
      ios/144.png
  28. TEMPAT SAMPAH
      ios/152.png
  29. TEMPAT SAMPAH
      ios/16.png
  30. TEMPAT SAMPAH
      ios/167.png
  31. TEMPAT SAMPAH
      ios/180.png
  32. TEMPAT SAMPAH
      ios/192.png
  33. TEMPAT SAMPAH
      ios/20.png
  34. TEMPAT SAMPAH
      ios/256.png
  35. TEMPAT SAMPAH
      ios/29.png
  36. TEMPAT SAMPAH
      ios/32.png
  37. TEMPAT SAMPAH
      ios/40.png
  38. TEMPAT SAMPAH
      ios/50.png
  39. TEMPAT SAMPAH
      ios/512.png
  40. TEMPAT SAMPAH
      ios/57.png
  41. TEMPAT SAMPAH
      ios/58.png
  42. TEMPAT SAMPAH
      ios/60.png
  43. TEMPAT SAMPAH
      ios/64.png
  44. TEMPAT SAMPAH
      ios/72.png
  45. TEMPAT SAMPAH
      ios/76.png
  46. TEMPAT SAMPAH
      ios/80.png
  47. TEMPAT SAMPAH
      ios/87.png
  48. 1 0
      logo-mastodon.svg
  49. 37 0
      manifest.json
  50. 24 0
      player.php
  51. 1 0
      site.webmanifest
  52. 126 0
      style.css
  53. TEMPAT SAMPAH
      windows11/LargeTile.scale-100.png
  54. TEMPAT SAMPAH
      windows11/LargeTile.scale-125.png
  55. TEMPAT SAMPAH
      windows11/LargeTile.scale-150.png
  56. TEMPAT SAMPAH
      windows11/LargeTile.scale-200.png
  57. TEMPAT SAMPAH
      windows11/LargeTile.scale-400.png
  58. TEMPAT SAMPAH
      windows11/SmallTile.scale-100.png
  59. TEMPAT SAMPAH
      windows11/SmallTile.scale-125.png
  60. TEMPAT SAMPAH
      windows11/SmallTile.scale-150.png
  61. TEMPAT SAMPAH
      windows11/SmallTile.scale-200.png
  62. TEMPAT SAMPAH
      windows11/SmallTile.scale-400.png
  63. TEMPAT SAMPAH
      windows11/SplashScreen.scale-100.png
  64. TEMPAT SAMPAH
      windows11/SplashScreen.scale-125.png
  65. TEMPAT SAMPAH
      windows11/SplashScreen.scale-150.png
  66. TEMPAT SAMPAH
      windows11/SplashScreen.scale-200.png
  67. TEMPAT SAMPAH
      windows11/SplashScreen.scale-400.png
  68. TEMPAT SAMPAH
      windows11/Square150x150Logo.scale-100.png
  69. TEMPAT SAMPAH
      windows11/Square150x150Logo.scale-125.png
  70. TEMPAT SAMPAH
      windows11/Square150x150Logo.scale-150.png
  71. TEMPAT SAMPAH
      windows11/Square150x150Logo.scale-200.png
  72. TEMPAT SAMPAH
      windows11/Square150x150Logo.scale-400.png
  73. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-lightunplated_targetsize-16.png
  74. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-lightunplated_targetsize-20.png
  75. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-lightunplated_targetsize-24.png
  76. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-lightunplated_targetsize-256.png
  77. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-lightunplated_targetsize-30.png
  78. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-lightunplated_targetsize-32.png
  79. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-lightunplated_targetsize-36.png
  80. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-lightunplated_targetsize-40.png
  81. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-lightunplated_targetsize-44.png
  82. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-lightunplated_targetsize-48.png
  83. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-lightunplated_targetsize-60.png
  84. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-lightunplated_targetsize-64.png
  85. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-lightunplated_targetsize-72.png
  86. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-lightunplated_targetsize-80.png
  87. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-lightunplated_targetsize-96.png
  88. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-unplated_targetsize-16.png
  89. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-unplated_targetsize-20.png
  90. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-unplated_targetsize-24.png
  91. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-unplated_targetsize-256.png
  92. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-unplated_targetsize-30.png
  93. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-unplated_targetsize-32.png
  94. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-unplated_targetsize-36.png
  95. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-unplated_targetsize-40.png
  96. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-unplated_targetsize-44.png
  97. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-unplated_targetsize-48.png
  98. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-unplated_targetsize-60.png
  99. TEMPAT SAMPAH
      windows11/Square44x44Logo.altform-unplated_targetsize-64.png
  100. 0 0
      windows11/Square44x44Logo.altform-unplated_targetsize-72.png

TEMPAT SAMPAH
DesignEvo-Transparent.png


TEMPAT SAMPAH
LaPopulaire-Landscape.png


TEMPAT SAMPAH
LaPopulaire.png


TEMPAT SAMPAH
LaPopulaire2024.png


+ 1 - 2
README.md

@@ -1,2 +1 @@
-# LaPopulaire-Website
-
+# LaPopulaire-Website

+ 59 - 0
actu.php

@@ -0,0 +1,59 @@
+<!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">Demande de chanson</a></li>
+    <li><a href="actu.php"><u>Dernières actualités</u></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">Demande de chanson</a>
+	    <a href="actu.php"><b>Dernières actualités</b></a>
+	  </div>
+	</div>
+</nav>
+
+	<main>
+        <?php include('https://news.lapopulai.re/') ?>
+	</main>
+
+	<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>

TEMPAT SAMPAH
android/android-launchericon-144-144.png


TEMPAT SAMPAH
android/android-launchericon-192-192.png


TEMPAT SAMPAH
android/android-launchericon-48-48.png


TEMPAT SAMPAH
android/android-launchericon-512-512.png


TEMPAT SAMPAH
android/android-launchericon-72-72.png


TEMPAT SAMPAH
android/android-launchericon-96-96.png


+ 60 - 0
demande.php

@@ -0,0 +1,60 @@
+<!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>

+ 61 - 0
historique.php

@@ -0,0 +1,61 @@
+<!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>

TEMPAT SAMPAH
icons/android-chrome-192x192.png


TEMPAT SAMPAH
icons/android-chrome-512x512.png


TEMPAT SAMPAH
icons/apple-touch-icon.png


TEMPAT SAMPAH
icons/favicon-16x16.png


TEMPAT SAMPAH
icons/favicon-32x32.png


TEMPAT SAMPAH
icons/favicon.ico


+ 87 - 0
index.php

@@ -0,0 +1,87 @@
+<!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";
+
+            // 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>

TEMPAT SAMPAH
ios/100.png


TEMPAT SAMPAH
ios/1024.png


TEMPAT SAMPAH
ios/114.png


TEMPAT SAMPAH
ios/120.png


TEMPAT SAMPAH
ios/128.png


TEMPAT SAMPAH
ios/144.png


TEMPAT SAMPAH
ios/152.png


TEMPAT SAMPAH
ios/16.png


TEMPAT SAMPAH
ios/167.png


TEMPAT SAMPAH
ios/180.png


TEMPAT SAMPAH
ios/192.png


TEMPAT SAMPAH
ios/20.png


TEMPAT SAMPAH
ios/256.png


TEMPAT SAMPAH
ios/29.png


TEMPAT SAMPAH
ios/32.png


TEMPAT SAMPAH
ios/40.png


TEMPAT SAMPAH
ios/50.png


TEMPAT SAMPAH
ios/512.png


TEMPAT SAMPAH
ios/57.png


TEMPAT SAMPAH
ios/58.png


TEMPAT SAMPAH
ios/60.png


TEMPAT SAMPAH
ios/64.png


TEMPAT SAMPAH
ios/72.png


TEMPAT SAMPAH
ios/76.png


TEMPAT SAMPAH
ios/80.png


TEMPAT SAMPAH
ios/87.png


File diff ditekan karena terlalu besar
+ 1 - 0
logo-mastodon.svg


+ 37 - 0
manifest.json

@@ -0,0 +1,37 @@
+{
+  "background_color": "#230a3b",
+  "description": "Application de la webradio La Pop'ulaire",
+  "dir": "ltr",
+  "display": "standalone",
+  "name": "La Pop'ulaire",
+  "orientation": "any",
+  "scope": "/",
+  "short_name": "La Pop'ulaire",
+  "start_url": "https://lapopulai.re",
+  "theme_color": "#230a3b",
+  "categories": [],
+  "icons": [
+    {
+      "src": "icons/android-chrome-192x192.png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "icons/android-chrome-512x512.png",
+      "sizes": "512x512"
+    },
+    {
+      "src": "icons/apple-touch-icon.png",
+      "sizes": "180x180"
+    },
+    {
+      "src": "icons/favicon-16x16.png",
+      "sizes": "16x16"
+    },
+    {
+      "src": "icons/favicon-32x32.png",
+      "sizes": "32x32"
+    },
+    
+  ],
+  "lang": "fr"
+}

+ 24 - 0
player.php

@@ -0,0 +1,24 @@
+<!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>
+	<main>
+		<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>
+    <!-- <iframe frameborder="0" width="280" height="216" src="https://libretime.docker.am-networks.fr/embed/player?stream=auto&title=Now Playing"></iframe> -->
+	</main>
+</body>
+</html>

+ 1 - 0
site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"icons/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"icons/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

+ 126 - 0
style.css

@@ -0,0 +1,126 @@
+/* base styles */
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+body {
+	background-color: #230a3b;
+  margin: 0;
+	color: #fff;
+	font-family: 'Prompt', sans-serif;
+	text-align: center;
+}
+
+/* header */
+header {
+  background-color: #230a3b;
+  color: #ffffff;
+  padding: 20px 30px;
+}
+
+header h1 {
+  margin: 0;
+  font-size: 32px;
+  line-height: 1.2;
+  font-weight: bold;
+}
+
+/* navigation */
+@media (min-width: 769px) {
+nav {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 80px;
+  background-color: #000;
+  color: #fff;
+  padding: 0 20px;
+  font-size: 20px;
+}
+
+nav ul.menu {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+}
+
+nav ul.menu li {
+  margin-right: 20px;
+}
+
+nav ul.menu li:last-child {
+  margin-right: 0;
+}
+
+nav ul.menu li a {
+  color: #fff;
+  text-decoration: none;
+/*  font-weight: bold; */
+}
+
+nav a.icon {
+		display: none;
+	}
+
+nav .mobile {
+  display: none;
+}
+}
+
+@media (max-width: 768px) {
+  nav {
+    flex-direction: column;
+    height: auto;
+  }
+
+  nav ul.menu {
+    display: none;
+  }
+
+	nav a {
+	  color: white;
+	  padding: 14px 16px;
+	  text-decoration: none;
+	  font-size: 17px;
+	  display: block;
+	}
+
+  nav .mobile {
+		overflow: hidden;
+	  background-color: #333;
+	  position: relative;
+		display: block;
+  }
+
+  nav .mobile #hamburger {
+		display: none;
+  }
+
+	nav .mobile a {
+		color: white;
+	  padding: 14px 16px;
+	  text-decoration: none;
+	  font-size: 17px;
+	  display: block;
+	}
+
+	nav .mobile a.icon {
+		background: black;
+	  display: block;
+	  position: absolute;
+	  right: 0;
+	  top: 0;
+	}
+
+}
+
+footer {
+	background-color: #000;
+	color: #fff;
+	padding: 10px;
+	text-align: center;
+}

TEMPAT SAMPAH
windows11/LargeTile.scale-100.png


TEMPAT SAMPAH
windows11/LargeTile.scale-125.png


TEMPAT SAMPAH
windows11/LargeTile.scale-150.png


TEMPAT SAMPAH
windows11/LargeTile.scale-200.png


TEMPAT SAMPAH
windows11/LargeTile.scale-400.png


TEMPAT SAMPAH
windows11/SmallTile.scale-100.png


TEMPAT SAMPAH
windows11/SmallTile.scale-125.png


TEMPAT SAMPAH
windows11/SmallTile.scale-150.png


TEMPAT SAMPAH
windows11/SmallTile.scale-200.png


TEMPAT SAMPAH
windows11/SmallTile.scale-400.png


TEMPAT SAMPAH
windows11/SplashScreen.scale-100.png


TEMPAT SAMPAH
windows11/SplashScreen.scale-125.png


TEMPAT SAMPAH
windows11/SplashScreen.scale-150.png


TEMPAT SAMPAH
windows11/SplashScreen.scale-200.png


TEMPAT SAMPAH
windows11/SplashScreen.scale-400.png


TEMPAT SAMPAH
windows11/Square150x150Logo.scale-100.png


TEMPAT SAMPAH
windows11/Square150x150Logo.scale-125.png


TEMPAT SAMPAH
windows11/Square150x150Logo.scale-150.png


TEMPAT SAMPAH
windows11/Square150x150Logo.scale-200.png


TEMPAT SAMPAH
windows11/Square150x150Logo.scale-400.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-lightunplated_targetsize-16.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-lightunplated_targetsize-20.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-lightunplated_targetsize-24.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-lightunplated_targetsize-256.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-lightunplated_targetsize-30.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-lightunplated_targetsize-32.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-lightunplated_targetsize-36.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-lightunplated_targetsize-40.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-lightunplated_targetsize-44.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-lightunplated_targetsize-48.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-lightunplated_targetsize-60.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-lightunplated_targetsize-64.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-lightunplated_targetsize-72.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-lightunplated_targetsize-80.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-lightunplated_targetsize-96.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-unplated_targetsize-16.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-unplated_targetsize-20.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-unplated_targetsize-24.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-unplated_targetsize-256.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-unplated_targetsize-30.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-unplated_targetsize-32.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-unplated_targetsize-36.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-unplated_targetsize-40.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-unplated_targetsize-44.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-unplated_targetsize-48.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-unplated_targetsize-60.png


TEMPAT SAMPAH
windows11/Square44x44Logo.altform-unplated_targetsize-64.png


+ 0 - 0
windows11/Square44x44Logo.altform-unplated_targetsize-72.png


Beberapa file tidak ditampilkan karena terlalu banyak file yang berubah dalam diff ini