|
|
@ -98,7 +98,7 @@ sections:
|
|||
- title: PiAlert
|
||||
description: Presence monitoring and ARP scanning
|
||||
icon: hl-alertmanager
|
||||
id: 5_1064_pialert
|
||||
id: 5_1064_pialert
|
||||
url: https://github.com/pucherot/Pi.Alert
|
||||
- title: Cockpit
|
||||
description: All-in-one control panel
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 827 B |
|
|
@ -6,11 +6,14 @@
|
|||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<!-- Favicon + App Icon -->
|
||||
<meta name="referrer" content="no-referrer">
|
||||
<!-- Favicon, App Icon -->
|
||||
<link rel="icon" type="image/png" sizes="64x64" href="<%= BASE_URL %>/web-icons/favicon-64x64.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="web-icons/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="web-icons/favicon-16x16.png">
|
||||
<link rel="icon" type="image/png" href="/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="/loading-screen.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/theme-fonts.css" media="print" onload="this.media='all'" />
|
||||
<!-- Default Page Title -->
|
||||
<title>Veltron Hacker Lab</title>
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
<!doctype html>
|
||||
<!-- Dashy: Licensed under MIT, (C) 2021 Alicia Sykes <https://aliciasykes.com> -->
|
||||
<!-- Dashy: Licensed under MIT, (C) 2024 Alicia Sykes <https://aliciasykes.com> -->
|
||||
<!-- This is the default page, displayed while the app is still building -->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Tsuka's Home Lab</title>
|
||||
<meta name="description" content="Welcome to the lab">
|
||||
<title>Dashy</title>
|
||||
<meta name="description" content="Welcome to Dashy">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
|
|
@ -28,8 +28,8 @@
|
|||
</path>
|
||||
</pattern>
|
||||
</defs>
|
||||
<text text-anchor="middle" x="50" y="15" font-size="17" fill="url(#wave)" fill-opacity="0.8">Loading</text>
|
||||
<text text-anchor="middle" x="50" y="15" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Loading</text>
|
||||
<text text-anchor="middle" x="50" y="15" font-size="17" fill="url(#wave)" fill-opacity="0.8">Dashy</text>
|
||||
<text text-anchor="middle" x="50" y="15" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Dashy</text>
|
||||
</svg>
|
||||
|
||||
<!-- Progress Bar -->
|
||||
|
|
@ -50,6 +50,14 @@
|
|||
|
||||
<p class="time-note" id="note">This may take a minute or two</p>
|
||||
|
||||
<div class="why-am-i-seeing-this">
|
||||
<h3>Why are you seeing this screen?</h3>
|
||||
<p>
|
||||
The app's built files aren't yet present in the /dist directory,
|
||||
so this page is displayed while we compile the source.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<style lang="css">
|
||||
/* Page Layout Styles */
|
||||
body,
|
||||
|
|
@ -60,7 +68,7 @@
|
|||
}
|
||||
|
||||
body {
|
||||
background: #141b33;
|
||||
background: #0d1220;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
|
|
@ -194,15 +202,34 @@
|
|||
}
|
||||
|
||||
.hide { display: none; }
|
||||
|
||||
.why-am-i-seeing-this {
|
||||
color: #808080a6;
|
||||
font-family: Tahoma, 'Trebuchet MS', sans-serif;
|
||||
max-width: 25rem;
|
||||
border: 2px solid #808080a6;
|
||||
border-radius: 6px;
|
||||
padding: 0.5rem;
|
||||
position: absolute;
|
||||
bottom: 1rem;
|
||||
background: #8080800d;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.why-am-i-seeing-this h3 {
|
||||
margin: 0 0 0.5rem 0;
|
||||
}
|
||||
.why-am-i-seeing-this p {
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
const refreshRate = 8000;
|
||||
// Refresh at interval
|
||||
// Refresh the page every 10 seconds
|
||||
const refreshRate = 10000;
|
||||
setTimeout(() => { location.reload(); }, refreshRate);
|
||||
|
||||
// Get current stage
|
||||
let initStage = parseInt(sessionStorage.getItem('initStage') || 0);
|
||||
// Get current stage
|
||||
let initStage = parseInt(sessionStorage.getItem('initStage') || 0);
|
||||
|
||||
// Check if stage in session storage is old, and if so, reset it
|
||||
const now = Math.round(Date.now()/1000);
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
/* Styles applied to index.html for the loading screen, prior to the app being injected */
|
||||
/* Dashy - Licensed under MIT, (C) Alicia Sykes 2022 */
|
||||
/* Dashy - Licensed under MIT, (C) Alicia Sykes 2024 */
|
||||
|
||||
body { margin: 0; }
|
||||
#app .loading-placeholder {
|
||||
|
|
|
|||
44
public/theme-fonts.css
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
/* Optional fonts for specific themes, served statically from public/ */
|
||||
|
||||
@font-face {
|
||||
font-family: 'Cutive Mono';
|
||||
src: url('/fonts/CutiveMono-Regular.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Francois One';
|
||||
src: url('/fonts/FrancoisOne-Regular.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Podkova';
|
||||
src: url('/fonts/Podkova-Medium.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('/fonts/Roboto-Light.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Sniglet';
|
||||
src: url('/fonts/Sniglet-Regular.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VT323';
|
||||
src: url('/fonts/VT323-Regular.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Audiowide';
|
||||
src: url('/fonts/Audiowide-Regular.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Shrikhand';
|
||||
src: url('/fonts/Shrikhand-Regular.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Digital';
|
||||
src: url('/fonts/Digital-Regular.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'OpenWeatherIcons';
|
||||
src: url('/widget-resources/WeatherIcons.woff2');
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
}
|
||||
BIN
public/web-icons/favicon-16x16.png
Normal file
|
After Width: | Height: | Size: 794 B |
|
Before Width: | Height: | Size: 2 KiB After Width: | Height: | Size: 2 KiB |
|
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 5.3 KiB |