v0.5.6

Author: ZAR0X

index.html

@@ -68,16 +68,13 @@
         }
       }
     </style>
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet"/>
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet"/>
     <script
       id="MathJax-script"
       async
       src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"
     ></script>
-
-    <link
-      href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css"
-      rel="stylesheet"
-    />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-python.min.js"></script>
   </head>
@@ -129,6 +126,12 @@
               <span class="slider round"></span>
             </label>
           </div>
+
+          <div class="socials">
+              <a href="https://github.com/ZAR0X/duck-gui" title="GitHub"><i class="fab fa-github"></i></a>
+              <a href="https://t.me/execal" title="Telegram"><i class="fab fa-telegram"></i></a>
+              <a href="mailto:qzarox@gmail.com" title="Email"><i class="fas fa-envelope"></i></a>
+          </div>
         </div>
       </div>
     </div>

scripts/script.js

@@ -17,7 +17,8 @@ marked.setOptions({
 
 // console.log(window.navigator.platform)
 
-const apiUrl = "https://duckgpt.iriszarox.workers.dev/chat/";
+const apiUrl = "https://duckgpt.iriszarox.workers.dev/chat/"; // Add your own url, get one from here https://github.com/vauth/duckgpt
+
 const chatBox = document.getElementById("chat-box");
 const chatInput = document.getElementById("chat-input");
 var query = false

styles/light.css

@@ -48,6 +48,9 @@ a {
     color: #e1e1e1 !important ;
 }
 
+.socials a {
+    color: #1e1e1e !important;
+}
 
 .message-card {
     background: rgba(0, 0, 0, 0.2) !important ;

styles/styles.css

@@ -15,8 +15,6 @@
     --lBlack: #1e1e1e;
 }
 
-
-
 ::-webkit-scrollbar {
     width: 5px;
     height: 5px;
@@ -150,6 +148,7 @@ canvas {
     display: flex;
     justify-content: space-between;
     position: fixed ;
+    gap: 1em;
     z-index: 6;
     top: 0;
 }
@@ -298,6 +297,22 @@ input:checked + .slider:before {
     transform: translateX(1rem);
 }
 
+
+.socials {
+    display: flex;
+    justify-content: center;
+    gap: 1em;
+}
+.socials a {
+    color: var(--lWhite);
+    font-size: 24px;
+    text-decoration: none;
+    transition: color 0.3s;
+}
+.socials a:hover {
+    color: #9BC6FF;
+}
+
 .chat-container {
     width: 100%;
     height: 100%;