Firmware-HUB/edge-service
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fake fullscreen 404 screen

Browse Source 
Signed-off-by: Peter Siegmund <developer@mars3142.org>
This commit is contained in:
Peter Siegmund
2024-10-27 23:46:38 +01:00
parent 358b06b323
commit 1a9f9999af
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/main/resources/static/error/404.html
View File

@@ -7,17 +7,23 @@
<title>404</title> <title>404</title>
<link href="/css/404.css" rel="stylesheet"/> <link href="/css/404.css" rel="stylesheet"/>
</head> </head>
<body> <body style="background-color: #EB3A60;">
<div style="text-align: center"> <div style="text-align: center">
<canvas id="rive-canvas" style="width: 100%; height: 100%; margin: auto; display: block;"></canvas> <canvas id="rive-canvas" style="width: 100%; height: 100%; margin: auto; display: block;"></canvas>
</div> </div>
<script src="https://unpkg.com/@rive-app/canvas"></script> <script src="https://unpkg.com/@rive-app/canvas@2.20.0"></script>
<script> <script>
const r = new rive.Rive({ const r = new rive.Rive({
src: "https://cdn.rive.app/animations/vehicles.riv", src: "https://cdn.rive.app/animations/vehicles.riv",
// OR the path to a discoverable and public Rive asset
// src: '/public/example.riv',
canvas: document.getElementById("rive-canvas"), canvas: document.getElementById("rive-canvas"),
autoplay: true, autoplay: true,
fit: rive.Fit.Cover // artboard: "Arboard", // Optional. If not supplied the default is selected
stateMachines: "bumpy",
onLoad: () => {
r.resizeDrawingSurfaceToCanvas();
},
}); });
</script> </script>
</body> </body>