Fix Glitches (#22)

Author: STICKnoLOGIC

assets/snl-script.js

@@ -290,11 +290,11 @@ function closeAbout(){
 const aboutBody=document.getElementById('dial-about');
 
 function showAbout(){
-    aboutBody.scroll(0,0);
     if(about.classList.contains('hidden'))
-    {
-        about.classList.toggle('hidden');
-    }
+        {
+            about.classList.toggle('hidden');
+        }
+    aboutBody.scroll(0,0);
 }
 
 //readme.md or about

assets/snl-styles.css

@@ -126,7 +126,7 @@ body.light-mode .floating-text {
 }
 
 body.light-mode .snl-info{
-    background-color: rgba(255, 255, 255, 0.5) !important;
+    background-color: white !important;
 }
 
 .floating-text:hover{

docs/index.html

@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
    <!-- favicon -->
    <link rel="icon" type="image/x-icon" href="/fav.ico">
-   
+
   <!-- Google / Search Engine Tags -->
   <meta itemprop="name" content="Docs -First Accord" />
   <meta itemprop="description" content="Explore the comprehensive guide on how to contribute to First Accord. Learn about participation guidelines, contribution steps, and collaboration tools to make a meaningful impact" />
@@ -31,6 +31,8 @@
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <link rel="preload" as="style" href="/styles/habilight.css">
+  <link rel="preload" as="style" href="/styles/darcula.css">
   <script>
     var file = location.pathname.split( "/" ).pop();
 

index.html

@@ -53,7 +53,7 @@
         <a href="/docs" class="doc-b" target="_blank" alt="Documentation" style="color:#f0f0f0;text-decoration: none; position: absolute; top: 24px; right: 64px;"><i class="fa-solid fa-book fa-xl"></i> <span class="doc-text">Docs</span></a>
         <a alt="About" class="about-b" onclick="showAbout()" style="color:#f0f0f0;text-decoration: none; position: absolute; top: 24px; right: 158px;"><i class="fa-solid fa-circle-question fa-xl about-button"></i> <span class="doc-text">About</span></a>
     </div>
-        <p style="align-self: center; justify-self: center; text-align: center; background-color:#282c347a; z-index: 101;" class="snl-info">Interested in contributing? Kindly check out our <a href="docs/#/getting-started" style="color: orangered;">guide here</a> for details.</p>
+        <p style="align-self: center; justify-self: center; text-align: center; background-color:#282c34; z-index: 101;" class="snl-info">Interested in contributing? Kindly check out our <a href="docs/#/getting-started" style="color: orangered;">guide here</a> for details.</p>
         <div class="search-container">
             <input type="text" class="snl-search-bar" id="snl-search-bar" placeholder="Search Contributor...">
             <div class="snl-search-button" onclick="searchContributor()">Check</div>