⬆️ Upgrade to support the latest version Hydrogen Project standard

2024-06-22 18:05:41 +08:00
parent fa50baf927
commit 9366f6e56e
55 changed files with 603 additions and 385 deletions
--- a/pkg/internal/views/favicon.png
+++ b/pkg/internal/views/favicon.png
--- a/pkg/internal/views/index.gohtml
+++ b/pkg/internal/views/index.gohtml
@ -0,0 +1,28 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+
+    <link rel="icon" type="image/png" href="favicon.png">
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">
+
+    <title>Hydrogen.Interactive</title>
+
+    <style>
+        html, body {
+            padding: 0;
+            margin: 0;
+            font-family: Roboto Mono, monospace;
+        }
+    </style>
+</head>
+<body>
+{{embed}}
+</body>
+</html>
--- a/pkg/internal/views/open.gohtml
+++ b/pkg/internal/views/open.gohtml
@ -0,0 +1,60 @@
+<div class="container">
+    <div>
+        <img src="/favicon.png" width="128" height="128" alt="Icon"/>
+
+        <p class="caption text-blinking">Launching Solian... 🚀</p>
+        <p class="description">
+            Hold on a second... <br/>
+            We are redirecting you to our application...
+        </p>
+    </div>
+</div>
+
+<script>
+    function redirect() {
+        window.location.href = {{ .frontend }}
+    }
+
+    setTimeout(() => redirect(), 1850)
+</script>
+
+<style>
+    .container {
+        width: 100vw;
+        height: 100vh;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        text-align: center;
+    }
+
+    .caption {
+        margin-top: 4px;
+        font-weight: 600;
+    }
+
+    .text-blinking {
+        animation: text-blinking ease-in-out infinite 1.5s;
+    }
+
+    .description {
+        margin-top: 4px;
+        font-size: 0.85rem;
+    }
+
+    p {
+        margin: 0;
+    }
+
+    @keyframes text-blinking {
+        0% {
+            opacity: 100%;
+        }
+        50% {
+            opacity: 10%;
+        }
+        100% {
+            opacity: 100%;
+        }
+    }
+</style>