[mirotalk] - add home btn

2026-02-03 00:39:08 +01:00
parent 13a332ced0
commit ebb78c2ffd
2 changed files with 41 additions and 0 deletions
@@ -55,6 +55,44 @@ body {
    position: relative;
 }

+.cr-home {
+    position: fixed;
+    top: 14px;
+    left: 14px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 8px;
+    border-radius: 14px;
+    border: 1px solid rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
+    backdrop-filter: blur(10px);
+    z-index: 10;
+    text-decoration: none;
+    transition:
+        background 160ms ease,
+        border-color 160ms ease,
+        transform 120ms ease;
+}
+
+.cr-home:hover {
+    background: rgba(255, 255, 255, 0.07);
+    border-color: rgba(255, 255, 255, 0.18);
+}
+
+.cr-home:active {
+    transform: translateY(1px);
+}
+
+.cr-home:focus-visible {
+    outline: 3px solid rgba(255, 255, 255, 0.25);
+    outline-offset: 2px;
+}
+
+.cr-home img {
+    display: block;
+}
+
 /* Subtle ambient overlay (kept separate so Dark Reader has less to "interpret") */
 body::before {
    content: '';
@@ -24,6 +24,9 @@
        <script src="https://cdn.jsdelivr.net/npm/xss/dist/xss.min.js"></script>
    </head>
    <body>
+        <a class="cr-home" href="/" aria-label="Back to home" title="Back to home">
+            <img src="../images/logo.svg" alt="MiroTalk P2P" width="32" height="32" />
+        </a>
        <main class="cr-page">
            <section class="cr-card" aria-label="Join a MiroTalk room">
                <h1 class="cr-title">Join a MiroTalk Room</h1>