fixes

syxanash · Jan 2, 2025 · 57be331 · 57be331
1 parent ceeddc6
commit 57be331
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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>