Changed auto typed text

Author: Dmytro Trotsko

src/assets/js/alter_dashboard.js

@@ -620,7 +620,7 @@ function initPathogenTypingAnimation() {
     let currentPathogenIndex = 0;
     let currentText = '';
     let isDeleting = false;
-    let typingSpeed = 100; // milliseconds per character
+    let typingSpeed = 300; // milliseconds per character
     let deleteSpeed = 50;
     let pauseBeforeDelete = 2000; // pause before deleting
     let pauseAfterDelete = 500; // pause before typing next
@@ -741,7 +741,7 @@ function initGeographyTypingAnimation() {
     let currentGeographyIndex = 0;
     let currentText = '';
     let isDeleting = false;
-    let typingSpeed = 100; // milliseconds per character
+    let typingSpeed = 300; // milliseconds per character
     let deleteSpeed = 50;
     let pauseBeforeDelete = 2000; // pause before deleting
     let pauseAfterDelete = 500; // pause before typing next

src/templates/alternative_interface/alter_dashboard.html

@@ -87,7 +87,7 @@ <h1 class="hero-title">Respiratory Diseases Dashboard</h1>
                                 </option>
                             {% endfor %}
                         </select>
-                        <span id="pathogenTypingAnimation" class="pathogen-typing-animation" style="position: absolute; left: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 10; color: #6c757d; font-size: 0.875rem; white-space: nowrap; overflow: hidden; display: none;"></span>
+                        <span id="pathogenTypingAnimation" class="pathogen-typing-animation" style="position: absolute; left: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 10; color:rgb(72, 78, 83); font-size: 1rem; white-space: nowrap; overflow: hidden; display: none;"></span>
                     </div>
                     <span class="filter-label">in</span>
                     <div style="position: relative; display: inline-block; width: 100%;">
@@ -101,7 +101,7 @@ <h1 class="hero-title">Respiratory Diseases Dashboard</h1>
                                 </optgroup>
                             {% endfor %}
                         </select>
-                        <span id="geographyTypingAnimation" class="geography-typing-animation" style="position: absolute; left: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 10; color: #6c757d; font-size: 0.875rem; white-space: nowrap; overflow: hidden; display: none;"></span>
+                        <span id="geographyTypingAnimation" class="geography-typing-animation" style="position: absolute; left: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 10; color: rgb(72, 78, 83); font-size: 1rem; white-space: nowrap; overflow: hidden; display: none;"></span>
                     </div>
                 </form>
             </div>