added script.js and web manifest for pwa

also made div for top nav and added a css id for topbarTitle currnetly empty
2026-03-11 07:09:12 +00:00 · 2023-05-22 19:24:46 +01:00
parent 5c832e822a
commit 7b054569a7
4 changed files with 25 additions and 4 deletions
--- a/app.webmanifest
+++ b/app.webmanifest
@@ -0,0 +1,16 @@
+{
+  "name": "neon443 Progressive Web App",
+  "short_name": "neon443",
+  "description": ".",
+  "icons": [
+    {
+      "src": "./images/app-icon.png",
+      "sizes": "512×512",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "https://neon443.github.io/",
+  "display": "fullscreen",
+  "theme_color": "#000",
+  "background_color": "#000"
+}
--- a/index.html
+++ b/index.html
@@ -9,7 +9,9 @@
 	</head>
 	<script type="text/javascript" src="./script.js"></script>
 	<body>
-		<h1 class="topbar">neon443</h1>	
+		<div id=topbar>
+			<h1 id="topbarTitle">neon443</h1>
+		</div>
 		<div style="height: 60px;"></div><br>
 		
 		<p>
@@ -17,8 +19,8 @@
 				<b>├─</b>	<a href="https://neon443.github.io/Musics-info/">Musics info</a><br>
 				<b>├─</b>	<a href="https://neon443.github.io/eagle-craft/">EagleCraft</a><br>
 				<b>└─</b>	<a href="https://neon443.github.io/webpage-testing/">Webpage Testing</a><br>
-		<b>&emsp;&emsp;├─</b>	<a href=""></a><br>
-		<b>&emsp;&emsp;└─</b>	<a href=""></a><br>
+		<b>&emsp;&emsp;├─</b>	<a href="https://neon443.github.io/webpage-testing/anyshare/"></a>AnyShare<br>
+		<b>&emsp;&emsp;└─</b>	<a href="https://neon443.github.io/webpage-testing/sidenav/"></a>Sidenav<br>
 		</p><br>
 		
 		<h3><b>Tips:</b></h3>
--- a/script.js
+++ b/script.js
--- a/style.css
+++ b/style.css
@@ -8,7 +8,7 @@ b {
 a {
 	color: #007AFF
 }
-.topbar {
+#topbar {
 	position: fixed;
 	top: 0px;
 	backdrop-filter: blur(2.5px);
@@ -16,6 +16,9 @@ a {
 	box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.4);
 	-webkit-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.4);
 	width: 100%;
+}
+#topbarTitle {
+	
 }
 body {
 	background-color: #f2f2f2;