feature: bili-toy cloud fallback local

apps/web/src/Game.css

@@ -40,6 +40,13 @@
         width: 100%;
         > button { flex: 1 0; }
     }
+    &.loading {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        > * { width: auto; }
+        animation: pulse 1.8s ease-in-out infinite;
+    }
 }
 .saving {
     position: fixed;
@@ -47,9 +54,11 @@
     left: 0;
     opacity: 0;
     user-select: none;
-    transition: opacity 0.3s;
     &.active {
-        opacity: 1;
-        transition: opacity 0.1s;
+        animation: pulse 1.8s ease-in-out infinite;
     }
+}
+@keyframes pulse {
+  0%, 100% { opacity: 0.5; }
+  50% { opacity: 1; }
 }

apps/web/src/components/Github.tsx

@@ -1,10 +1,13 @@
+import { toastMsg } from '@/toast'
 import './Github.css'
+const repo = 'https://github.com/VickScarlet/remake'
 export function Github() {
+    const handleClick = () => {
+        if (import.meta.env.VITE_CHANNEL === 'bili') toastMsg(repo, 'github')
+        else window.open(repo)
+    }
     return (
-        <button
-            className="github-btn"
-            onClick={() => window.open('https://github.com/VickScarlet/remake')}
-        >
+        <button className="github-btn" onClick={handleClick}>
             <svg
                 fill="currentColor"
                 width="800px"

apps/web/src/containers/Summary.tsx

@@ -62,7 +62,6 @@ export default function Summary() {
     const handleEnd = () => {
         const achievements = end()
         toastAchvs(achievements)
-        console.log('Achievements', achievements)
     }
     return (
         <div className="screen summary">