feat: add twinkling star background with CSS animation and JS generation

Add a new sandbox.css stylesheet defining absolute-positioned star elements with a twinkle keyframe animation, and a sandbox.html template that generates 200 randomized stars (position, size, animation duration/delay) via JavaScript. Include both files in app.html via link and include directive.
2025-05-17 15:46:59 +00:00
parent 7f0aea4afd
commit 262f5e0461
3 changed files with 61 additions and 0 deletions
@@ -19,6 +19,7 @@
  <script src="/user-list.js"></script>
  <script src="/message-list.js" type="module"></script>
  <script src="/chat-input.js" type="module"></script>
+  <link rel="stylesheet" href="/sandbox.css">
  <link rel="stylesheet" href="/user-list.css">

  <link rel="stylesheet" href="/base.css">
@@ -78,5 +79,6 @@ let installPrompt = null
    
        ;
    </script>
+    {% include "sandbox.html" %}
 </body>
 </html>