fix: update maintenance page refresh interval to 5 seconds for improved user experience
This commit is contained in:
@@ -1,4 +1,5 @@
|
|||||||
<x-proxmox::layout :server="$server" view="firewall" :status="$status" :status-polling="true" :status-polling-interval="'2s'">
|
<x-proxmox::layout :server="$server" view="firewall" :status="$status" :status-polling="true" :status-polling-interval="'2s'">
|
||||||
|
<div class="flex flex-col gap-6">
|
||||||
{{-- Page Header --}}
|
{{-- Page Header --}}
|
||||||
<div class="mb-6">
|
<div class="mb-6">
|
||||||
<h1 class="text-2xl font-bold">Firewall Management</h1>
|
<h1 class="text-2xl font-bold">Firewall Management</h1>
|
||||||
|
|||||||
@@ -1,154 +1,96 @@
|
|||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
|
||||||
<link href="https://fonts.googleapis.com/css?family=Montserrat:700,800" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Montserrat:700,800" rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Quattrocento+Sans" rel="stylesheet">
|
||||||
|
|
||||||
<link href="https://fonts.googleapis.com/css?family=Quattrocento+Sans" rel="stylesheet">
|
<!-- Refresh page every 5 seconds -->
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
setTimeout(function() {
|
setInterval(function () {
|
||||||
location.reload();
|
window.location.reload(true); // true forces full reload from server
|
||||||
}, 10000);
|
}, 5000);
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
text-align: center;
|
||||||
|
padding: 10%;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
text-align: center;
|
#wrapper {
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
padding: 10%;
|
h1 {
|
||||||
|
font-size: 30px;
|
||||||
|
color: #488ECE;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: 'Montserrat', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
color: #333;
|
p {
|
||||||
|
font-family: 'Quattrocento Sans', Arial;
|
||||||
|
line-height: 15px;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #7a7a7b;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
a {
|
||||||
|
color: #F49426;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
#wrapper {
|
a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
margin: 0 auto;
|
@media only screen and (max-width : 480px) {
|
||||||
|
h1 { font-size: 20px; }
|
||||||
|
p { font-size: 15px; }
|
||||||
|
}
|
||||||
|
|
||||||
}
|
#logo {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#logo img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 650px) {
|
||||||
h1 {
|
#logo {
|
||||||
|
height: 75px;
|
||||||
font-size: 30px;
|
}
|
||||||
|
}
|
||||||
color: #488ECE;
|
</style>
|
||||||
|
|
||||||
font-weight: bold;
|
|
||||||
|
|
||||||
font-family: 'Montserrat', sans-serif;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
p {
|
|
||||||
|
|
||||||
font-family: 'Quattrocento Sans', Arial;
|
|
||||||
|
|
||||||
line-height: 15px;
|
|
||||||
|
|
||||||
font-size: 20px;
|
|
||||||
|
|
||||||
color: #7a7a7b;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
a {
|
|
||||||
|
|
||||||
color: #F49426;
|
|
||||||
|
|
||||||
text-decoration: underline;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
|
|
||||||
text-decoration: none;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width : 480px)
|
|
||||||
|
|
||||||
{
|
|
||||||
|
|
||||||
h1 { font-size: 20px; }
|
|
||||||
|
|
||||||
p { font-size: 15px; }
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#logo {
|
|
||||||
|
|
||||||
margin-bottom: 40px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#logo img {
|
|
||||||
|
|
||||||
max-width: 100%;
|
|
||||||
|
|
||||||
height: auto !important;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@media only screen and (max-width: 650px) {
|
|
||||||
|
|
||||||
#logo {
|
|
||||||
|
|
||||||
height: 75px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<title>Virtnet.bond is Down for Maintenance</title>
|
<title>Virtnet.bond is Down for Maintenance</title>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div id="wrapper">
|
<div id="wrapper">
|
||||||
|
|
||||||
<div id="logo">
|
<div id="logo">
|
||||||
|
<a href="https://virtnet.bond" title="Virtnet.bond">
|
||||||
|
<img src="https://billing.virtnet.bond/assets/images/logo.png"
|
||||||
|
alt="Smarter Websites"
|
||||||
|
title="Virtnet.bond"
|
||||||
|
width="500rem" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<a href=https://virtnet.bond title="Virtnet.bond"><img src="https://billing.virtnet.bond/assets/images/logo.png" alt="Smarter Websites" title="Virtnet.bond" width="500rem" /></a>
|
<h1>Virtnet.bond is currently down for maintenance.</h1>
|
||||||
|
<p>We expect to be back very shortly. Thanks for your patience.</p>
|
||||||
|
<p>Feel free to <a href="mailto:admin@virtnet.bond">contact us</a> if you need immediate assistance.</p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h1>Virtnet.bond is currently down for maintenance.</h1>
|
|
||||||
|
|
||||||
<p>We expect to be back very shortly. Thanks for your patience.</p>
|
|
||||||
|
|
||||||
<p>Feel free to <a href="mailto:admin@virtnet.bond">contact us</a> if you need immediate assistance.</p>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user