added script.js and web manifest for pwa

also made div for top nav and added a css id for topbarTitle currnetly empty
This commit is contained in:
2023-05-22 19:24:46 +01:00
parent 5c832e822a
commit 7b054569a7
4 changed files with 25 additions and 4 deletions

16
app.webmanifest Normal file
View File

@@ -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"
}

View File

@@ -9,7 +9,9 @@
</head> </head>
<script type="text/javascript" src="./script.js"></script> <script type="text/javascript" src="./script.js"></script>
<body> <body>
<h1 class="topbar">neon443</h1> <div id=topbar>
<h1 id="topbarTitle">neon443</h1>
</div>
<div style="height: 60px;"></div><br> <div style="height: 60px;"></div><br>
<p> <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/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/eagle-craft/">EagleCraft</a><br>
<b>└─</b> <a href="https://neon443.github.io/webpage-testing/">Webpage Testing</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="https://neon443.github.io/webpage-testing/anyshare/"></a>AnyShare<br>
<b>&emsp;&emsp;└─</b> <a href=""></a><br> <b>&emsp;&emsp;└─</b> <a href="https://neon443.github.io/webpage-testing/sidenav/"></a>Sidenav<br>
</p><br> </p><br>
<h3><b>Tips:</b></h3> <h3><b>Tips:</b></h3>

0
script.js Normal file
View File

View File

@@ -8,7 +8,7 @@ b {
a { a {
color: #007AFF color: #007AFF
} }
.topbar { #topbar {
position: fixed; position: fixed;
top: 0px; top: 0px;
backdrop-filter: blur(2.5px); backdrop-filter: blur(2.5px);
@@ -16,6 +16,9 @@ a {
box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.4); 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); -webkit-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.4);
width: 100%; width: 100%;
}
#topbarTitle {
} }
body { body {
background-color: #f2f2f2; background-color: #f2f2f2;