update (#24)

Author: STICKnoLOGIC

assets/snl-styles.css

@@ -58,6 +58,13 @@ a{
     border-radius: 0.5rem;
     z-index: 100;
 }
+.snl-info{
+    align-self: center;
+    justify-self: center;
+    text-align: center;
+    background-color:#282c34;
+    z-index: 100;
+}
 .toggle-button {
     position: absolute;
     top: 32px;

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:#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>
+        <p class="snl-info">Interested in contributing? Kindly check out our <a href="docs/#/getting-started" target="_blank" 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>