STICKnoLOGIC · STICKnoLOGIC · Apr 9, 2025 · Apr 7, 2025 · Apr 8, 2025 · Apr 8, 2025
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>404 Error - Page Not Found</title>
+    <style>
+        body {
+            background-color: #1e1e1e;
+            color: #d4d4d4;
+            font-family: "Courier New", Courier, monospace;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            margin: 0;
+        }
+        .container {
+            text-align: center;
+        }
+        .error-code {
+            font-size: 3rem;
+            color: #ce9178;
+        }
+        .error-message {
+            font-size: 1.5rem;
+            color: #dcdcaa;
+        }
+        .hint {
+            margin-top: 20px;
+            font-size: 1rem;
+            color: #569cd6;
+        }
+        a {
+            text-decoration: none;
+            color: #4ec9b0;
+        }
+        a:hover {
+            text-decoration: underline;
+        }
+        .terminal {
+            background-color: #252526;
+            padding: 20px;
+            border-radius: 5px;
+            margin-top: 20px;
+            color: #d4d4d4;
+            font-size: 1rem;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="error-code">Error 404</div>
+        <div class="error-message">Oops! The page you're looking for is not found.</div>
+        <div class="hint">
+            Try debugging by <a href="/">returning home</a>.
+        </div>
+        <div class="terminal">
+            > _ PageNotFoundException: The requested resource could not be located. <br>
+            > _ StatusCode: 404 <br>
+            > _ Hint: Check the URL for typos or contact the admin. <br>
+        </div>
+    </div>
+</body>
+</html>
@@ -293,6 +293,7 @@ async function searchContributor() {
     const result = await fetchContributor(fileName);
 
     if (result) {
+        document.activeElement.blur();
         searchedUser=fileName;
         showDial(result);
     } else {
@@ -303,7 +304,7 @@ async function searchContributor() {
 
 function share(link){
     let url='';
-    let current_url=window.location.href+(window.location.href.includes('?c=')?"":'?c='+search.value);
+    let current_url=`https://First-Accord.js.org?c=${searchedUser}`;
     let message="Don't miss out—join First Accord and make your very first contribution to GitHub and Open Source!";
     switch(link){
         case 0:
@@ -313,10 +314,10 @@ function share(link){
             url=`https://x.com/intent/post?url=${current_url}&via=STICKnoLOGIC&hashtags=FirstAccord&text=${message}`;
             break;
         case 2:
-            url=`https://bsky.app/intent/compose?text=${message} ${current_url}\n via @sticknologic.bsky.social`;
+            url=`https://bsky.app/intent/compose?text=${message}%0A${current_url}%0Avia @STICKnoLOGIC.is-a.dev`;
             break;
         case 3:
-            url=`https://wa.me/?text=${message}  :: ${current_url}`;
+            url=`https://wa.me/?text=${message}%0A${current_url}`;
             break;
         case 4:
             url=`https://t.me/share/url?url=${current_url}&text=${message}`;

@@ -165,6 +165,7 @@ body.light-mode .snl-info{
     max-width: 600px;
     height: 400px;
     min-width: 400px;
+    width: 600px;
     border-radius: 1rem;
     position: relative;
     overflow: hidden;
@@ -248,6 +249,7 @@ body.light-mode .dial-card{
     justify-content:space-between;
     width: 100%;
     align-items: center;
+    z-index: 2001 ;
 }
 
 .dial-close{
@@ -277,6 +279,21 @@ body.light-mode .dial-card{
     z-index: 200;
 }
 
+@media (pointer: coarse) {
+    .dial-close:hover{
+        font-weight: inherit;
+    }
+    .dial-share:hover{
+        color: inherit;
+        transform: none;
+    }
+    .floating-text:hover{
+        animation-play-state:inherit;
+        cursor: inherit;
+    }
+
+  }
+
 @media (max-width: 480px) {
     .doc-text{
         display: none;
@@ -296,7 +313,8 @@ body.light-mode .dial-card{
     .dial-card{
         margin: 0 8px;
         max-width: 100%;
-        min-width: auto;
+        min-width: 300px;
+        width: calc(100% - 16px);
     }
     .search-container{
         flex-direction: column;

@@ -55,9 +55,9 @@
   <div id="app"></div>
   <script>
     window.$docsify = {
-      homepage: 'readme.md',
+      homepage: 'Home.md',
       name: 'Docs - First Accord',
-      repo: 'https://github.com/STICKnoLOGIC/First-Accord-Docs',
+      repo: 'https://github.com/STICKnoLOGIC/First-Accord',
       loadSidebar:true,
       subMaxLevel: 3,
       alias: {
@@ -69,7 +69,7 @@
     },
     auto2top: true,
     search:'auto',
-    basePath: 'https://raw.githubusercontent.com/sticknologic/first-accord-docs/main/',
+    basePath: 'https://raw.githubusercontent.com/sticknologic/first-accord-docs/main/', //Comment This LINE to test the Docs Locally
     }
   </script>
   <!-- Docsify v4 -->

@@ -65,7 +65,7 @@ <h2 style="margin-left: 1rem;">About:</h2>
             <div id="dial-about" class="dial-body" style="height: 280px; padding: 0 8px; padding-top: 0; padding-bottom: 16px; overflow: auto; width: 100%;">
             </div>
             <div style="width: 100%; position: absolute; right: 0; bottom: 0; display: flex; justify-content: center;">
-                <label><input type="checkbox" id="show-about" style="margin-left: 1rem;" /> Don't show this Next time</label>
+                <label><input type="checkbox" id="show-about" style="margin-left: 1rem;" /> Don't Show Again</label>
                 <div class="dial-close" style="width: fit-content; margin-left: auto; margin-bottom: 8px;" onclick="closeAbout()">Close</div>
             </div>
         </div>