From 57be33117736cf73a5c796db09aa85c69adace13 Mon Sep 17 00:00:00 2001
From: syxanash <syxanash@gmail.com>
Date: Thu, 2 Jan 2025 19:02:04 +0000
Subject: [PATCH] fixes

---
 assets/css/style.css  |  6 +-----
 assets/js/bluerain.js | 11 ++++++++++-
 index.html            |  6 +++---
 3 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 110add5..5d8e9e6 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -99,7 +99,7 @@ canvas {
   justify-content: center;
   align-items: center;
   margin: auto;
-  text-align: center;
+  text-align: left;
   font-family: 'OcraStd';
   font-size: 1rem;
   text-shadow: 0px 0px 15px #0ae2ff;
@@ -110,10 +110,6 @@ canvas {
   animation-delay: 2.5s;
 }
 
-.welcome-text {
-  margin-right: 10px;
-}
-
 .corner-buttons {
   font-size: 1.2rem;
   position: absolute;
diff --git a/assets/js/bluerain.js b/assets/js/bluerain.js
index 4ef1021..3dec0f5 100644
--- a/assets/js/bluerain.js
+++ b/assets/js/bluerain.js
@@ -33,6 +33,7 @@ const firefoxShadowWarning = document.getElementById("firefoxShadowWarning")
 const fontDropdown = document.getElementById("fontDropdown");
 const colorDropdown = document.getElementById("colorDropdown");
 const toggleSoundButton = document.getElementById('toggleSound');
+const welcomeDots = document.getElementById('welcomeDots');
 
 const rainSound = new SoundControl('assets/sounds/rain.mp3', true);
 const pauseSound = new SoundControl('assets/sounds/paused.mp3');
@@ -51,9 +52,9 @@ const colors = [
   "#0ae2ff", // blue
   "#0aff0a", // green
   "#ff0a0a", // red
-  "#ff700a", // orange
   "#ff0ac6", // pink
   "#ffff0a", // yellow
+  "#ff700a", // orange
   "#ffffff", // white
 ];
 
@@ -592,6 +593,14 @@ skeetCloseButton.addEventListener("click", () => {
   skeetDialog.close();
 });
 
+const welcomeDotsInterval = setInterval(() => {
+  if (welcomeDots.innerText.length < 3) {
+    welcomeDots.innerText = welcomeDots.innerText + '.';
+  } else {
+    clearInterval(welcomeDotsInterval);
+  }
+}, 500);
+
 toggleNSFWButton.innerText = nsfwDisplayed ? "Hide NSFW Posts" : "Display NSFW Posts";
 toggleActiveButton(toggleNSFWButton, nsfwDisplayed);
 
diff --git a/index.html b/index.html
index d3cf06e..3c2b6a6 100644
--- a/index.html
+++ b/index.html
@@ -44,8 +44,8 @@
     <button id="pauseButton">Pause</button>
   </div>
   <div class="welcome-window">
-    <fieldset class="padding" style="background-color: black !important; padding: 10px;">
-      <span class="welcome-text">The Bluesky Firehose has you...</span>
+    <fieldset class="padding" style="background-color: black !important; padding: 10px; width: 380px; min-width: 380px;">
+      <div style="max-height: 18px;">The Bluesky Firehose has you<span id="welcomeDots"></span></div>
     </fieldset>
   </div>
   <dialog id="filter-dialog" class="dialog-style" style="background-color: #00000045 !important;">
@@ -136,9 +136,9 @@
                 <option>Blue</option>
                 <option>Green</option>
                 <option>Red</option>
-                <option>Orange</option>
                 <option>Pink</option>
                 <option>Yellow</option>
+                <option>Orange</option>
                 <option>White</option>
               </select>
             </div>