7 ay önce · 26405c069a
--- a/DesignEvo-Transparent.png
+++ b/DesignEvo-Transparent.png
--- a/LaPopulaire-Landscape.png
+++ b/LaPopulaire-Landscape.png
--- a/LaPopulaire.png
+++ b/LaPopulaire.png
--- a/LaPopulaire2024.png
+++ b/LaPopulaire2024.png
--- a/README.md
+++ b/README.md
@@ -1,2 +1 @@
 
				-# LaPopulaire-Website
			
 
				-
			
 
				+# LaPopulaire-Website
			
--- a/actu.php
+++ b/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>
			
--- a/android/android-launchericon-144-144.png
+++ b/android/android-launchericon-144-144.png
--- a/android/android-launchericon-192-192.png
+++ b/android/android-launchericon-192-192.png
--- a/android/android-launchericon-48-48.png
+++ b/android/android-launchericon-48-48.png
--- a/android/android-launchericon-512-512.png
+++ b/android/android-launchericon-512-512.png
--- a/android/android-launchericon-72-72.png
+++ b/android/android-launchericon-72-72.png
--- a/android/android-launchericon-96-96.png
+++ b/android/android-launchericon-96-96.png
--- a/demande.php
+++ b/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>
			
--- a/historique.php
+++ b/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>
			
--- a/icons/android-chrome-192x192.png
+++ b/icons/android-chrome-192x192.png
--- a/icons/android-chrome-512x512.png
+++ b/icons/android-chrome-512x512.png
--- a/icons/apple-touch-icon.png
+++ b/icons/apple-touch-icon.png
--- a/icons/favicon-16x16.png
+++ b/icons/favicon-16x16.png
--- a/icons/favicon-32x32.png
+++ b/icons/favicon-32x32.png
--- a/icons/favicon.ico
+++ b/icons/favicon.ico
--- a/index.php
+++ b/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>
			
--- a/ios/100.png
+++ b/ios/100.png
--- a/ios/1024.png
+++ b/ios/1024.png
--- a/ios/114.png
+++ b/ios/114.png
--- a/ios/120.png
+++ b/ios/120.png
--- a/ios/128.png
+++ b/ios/128.png
--- a/ios/144.png
+++ b/ios/144.png
--- a/ios/152.png
+++ b/ios/152.png
--- a/ios/16.png
+++ b/ios/16.png
--- a/ios/167.png
+++ b/ios/167.png
--- a/ios/180.png
+++ b/ios/180.png
--- a/ios/192.png
+++ b/ios/192.png
--- a/ios/20.png
+++ b/ios/20.png
--- a/ios/256.png
+++ b/ios/256.png
--- a/ios/29.png
+++ b/ios/29.png
--- a/ios/32.png
+++ b/ios/32.png
--- a/ios/40.png
+++ b/ios/40.png
--- a/ios/50.png
+++ b/ios/50.png
--- a/ios/512.png
+++ b/ios/512.png
--- a/ios/57.png
+++ b/ios/57.png
--- a/ios/58.png
+++ b/ios/58.png
--- a/ios/60.png
+++ b/ios/60.png
--- a/ios/64.png
+++ b/ios/64.png
--- a/ios/72.png
+++ b/ios/72.png
--- a/ios/76.png
+++ b/ios/76.png
--- a/ios/80.png
+++ b/ios/80.png
--- a/ios/87.png
+++ b/ios/87.png
--- a/logo-mastodon.svg
+++ b/logo-mastodon.svg
--- a/manifest.json
+++ b/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"
			
 
				+}
			
--- a/player.php
+++ b/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>
			
--- a/site.webmanifest
+++ b/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"}
			
--- a/style.css
+++ b/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;
			
 
				+}
			
--- a/windows11/LargeTile.scale-100.png
+++ b/windows11/LargeTile.scale-100.png
--- a/windows11/LargeTile.scale-125.png
+++ b/windows11/LargeTile.scale-125.png
--- a/windows11/LargeTile.scale-150.png
+++ b/windows11/LargeTile.scale-150.png
--- a/windows11/LargeTile.scale-200.png
+++ b/windows11/LargeTile.scale-200.png
--- a/windows11/LargeTile.scale-400.png
+++ b/windows11/LargeTile.scale-400.png
--- a/windows11/SmallTile.scale-100.png
+++ b/windows11/SmallTile.scale-100.png
--- a/windows11/SmallTile.scale-125.png
+++ b/windows11/SmallTile.scale-125.png
--- a/windows11/SmallTile.scale-150.png
+++ b/windows11/SmallTile.scale-150.png
--- a/windows11/SmallTile.scale-200.png
+++ b/windows11/SmallTile.scale-200.png
--- a/windows11/SmallTile.scale-400.png
+++ b/windows11/SmallTile.scale-400.png
--- a/windows11/SplashScreen.scale-100.png
+++ b/windows11/SplashScreen.scale-100.png
--- a/windows11/SplashScreen.scale-125.png
+++ b/windows11/SplashScreen.scale-125.png
--- a/windows11/SplashScreen.scale-150.png
+++ b/windows11/SplashScreen.scale-150.png
--- a/windows11/SplashScreen.scale-200.png
+++ b/windows11/SplashScreen.scale-200.png
--- a/windows11/SplashScreen.scale-400.png
+++ b/windows11/SplashScreen.scale-400.png
--- a/windows11/Square150x150Logo.scale-100.png
+++ b/windows11/Square150x150Logo.scale-100.png
--- a/windows11/Square150x150Logo.scale-125.png
+++ b/windows11/Square150x150Logo.scale-125.png
--- a/windows11/Square150x150Logo.scale-150.png
+++ b/windows11/Square150x150Logo.scale-150.png
--- a/windows11/Square150x150Logo.scale-200.png
+++ b/windows11/Square150x150Logo.scale-200.png
--- a/windows11/Square150x150Logo.scale-400.png
+++ b/windows11/Square150x150Logo.scale-400.png
--- a/windows11/Square44x44Logo.altform-lightunplated_targetsize-16.png
+++ b/windows11/Square44x44Logo.altform-lightunplated_targetsize-16.png
--- a/windows11/Square44x44Logo.altform-lightunplated_targetsize-20.png
+++ b/windows11/Square44x44Logo.altform-lightunplated_targetsize-20.png
--- a/windows11/Square44x44Logo.altform-lightunplated_targetsize-24.png
+++ b/windows11/Square44x44Logo.altform-lightunplated_targetsize-24.png
--- a/windows11/Square44x44Logo.altform-lightunplated_targetsize-256.png
+++ b/windows11/Square44x44Logo.altform-lightunplated_targetsize-256.png
--- a/windows11/Square44x44Logo.altform-lightunplated_targetsize-30.png
+++ b/windows11/Square44x44Logo.altform-lightunplated_targetsize-30.png
--- a/windows11/Square44x44Logo.altform-lightunplated_targetsize-32.png
+++ b/windows11/Square44x44Logo.altform-lightunplated_targetsize-32.png
--- a/windows11/Square44x44Logo.altform-lightunplated_targetsize-36.png
+++ b/windows11/Square44x44Logo.altform-lightunplated_targetsize-36.png
--- a/windows11/Square44x44Logo.altform-lightunplated_targetsize-40.png
+++ b/windows11/Square44x44Logo.altform-lightunplated_targetsize-40.png
--- a/windows11/Square44x44Logo.altform-lightunplated_targetsize-44.png
+++ b/windows11/Square44x44Logo.altform-lightunplated_targetsize-44.png
--- a/windows11/Square44x44Logo.altform-lightunplated_targetsize-48.png
+++ b/windows11/Square44x44Logo.altform-lightunplated_targetsize-48.png
--- a/windows11/Square44x44Logo.altform-lightunplated_targetsize-60.png
+++ b/windows11/Square44x44Logo.altform-lightunplated_targetsize-60.png
--- a/windows11/Square44x44Logo.altform-lightunplated_targetsize-64.png
+++ b/windows11/Square44x44Logo.altform-lightunplated_targetsize-64.png
--- a/windows11/Square44x44Logo.altform-lightunplated_targetsize-72.png
+++ b/windows11/Square44x44Logo.altform-lightunplated_targetsize-72.png
--- a/windows11/Square44x44Logo.altform-lightunplated_targetsize-80.png
+++ b/windows11/Square44x44Logo.altform-lightunplated_targetsize-80.png
--- a/windows11/Square44x44Logo.altform-lightunplated_targetsize-96.png
+++ b/windows11/Square44x44Logo.altform-lightunplated_targetsize-96.png
--- a/windows11/Square44x44Logo.altform-unplated_targetsize-16.png
+++ b/windows11/Square44x44Logo.altform-unplated_targetsize-16.png
--- a/windows11/Square44x44Logo.altform-unplated_targetsize-20.png
+++ b/windows11/Square44x44Logo.altform-unplated_targetsize-20.png
--- a/windows11/Square44x44Logo.altform-unplated_targetsize-24.png
+++ b/windows11/Square44x44Logo.altform-unplated_targetsize-24.png
--- a/windows11/Square44x44Logo.altform-unplated_targetsize-256.png
+++ b/windows11/Square44x44Logo.altform-unplated_targetsize-256.png
--- a/windows11/Square44x44Logo.altform-unplated_targetsize-30.png
+++ b/windows11/Square44x44Logo.altform-unplated_targetsize-30.png
--- a/windows11/Square44x44Logo.altform-unplated_targetsize-32.png
+++ b/windows11/Square44x44Logo.altform-unplated_targetsize-32.png
--- a/windows11/Square44x44Logo.altform-unplated_targetsize-36.png
+++ b/windows11/Square44x44Logo.altform-unplated_targetsize-36.png
--- a/windows11/Square44x44Logo.altform-unplated_targetsize-40.png
+++ b/windows11/Square44x44Logo.altform-unplated_targetsize-40.png
--- a/windows11/Square44x44Logo.altform-unplated_targetsize-44.png
+++ b/windows11/Square44x44Logo.altform-unplated_targetsize-44.png
--- a/windows11/Square44x44Logo.altform-unplated_targetsize-48.png
+++ b/windows11/Square44x44Logo.altform-unplated_targetsize-48.png
--- a/windows11/Square44x44Logo.altform-unplated_targetsize-60.png
+++ b/windows11/Square44x44Logo.altform-unplated_targetsize-60.png
--- a/windows11/Square44x44Logo.altform-unplated_targetsize-64.png
+++ b/windows11/Square44x44Logo.altform-unplated_targetsize-64.png
--- a/windows11/Square44x44Logo.altform-unplated_targetsize-72.png
+++ b/windows11/Square44x44Logo.altform-unplated_targetsize-72.png