fake fullscreen 404 screen

Signed-off-by: Peter Siegmund <developer@mars3142.org>
2024-10-27 23:46:38 +01:00
parent 358b06b323
commit 1a9f9999af
1 changed files with 9 additions and 3 deletions
--- a/src/main/resources/static/error/404.html
+++ b/src/main/resources/static/error/404.html
@@ -7,17 +7,23 @@
  <title>404</title>
  <link href="/css/404.css" rel="stylesheet"/>
 </head>
-<body>
+<body style="background-color: #EB3A60;">
 <div style="text-align: center">
  <canvas id="rive-canvas" style="width: 100%; height: 100%; margin: auto; display: block;"></canvas>
 </div>
-<script src="https://unpkg.com/@rive-app/canvas"></script>
+<script src="https://unpkg.com/@rive-app/canvas@2.20.0"></script>
 <script>
  const r = new rive.Rive({
    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"),
    autoplay: true,
-    fit: rive.Fit.Cover
+    // artboard: "Arboard", // Optional. If not supplied the default is selected
+    stateMachines: "bumpy",
+    onLoad: () => {
+      r.resizeDrawingSurfaceToCanvas();
+    },
  });
 </script>
 </body>