Spaces:

BikoRiko
/

anycoder-4e4382ca

Running

App Files Files Community

BikoRiko commited on Feb 15

Commit

06abf02

verified ·

1 Parent(s): 63fe6df

Upload index.html with huggingface_hub

Browse files

Files changed (1) hide show

index.html +11 -8

index.html CHANGED Viewed

@@ -3,9 +3,11 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>DuckDuckGo AI Chatbot</title>
     <link rel="stylesheet" href="style.css">
     <link rel="preconnect" href="https://cdn.jsdelivr.net">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 </head>
 <body>
@@ -24,7 +26,7 @@
                             </linearGradient>
                         </defs>
                     </svg>
-                    <h1>DuckAI Chat</h1>
                 </div>
                 <div class="header-links">
                     <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank" class="anycoder-link">
@@ -37,7 +39,7 @@
         <!-- Status Bar -->
         <div class="status-bar" id="statusBar">
             <div class="status-indicator"></div>
-            <span id="statusText">Ready to chat</span>
         </div>
         <!-- Chat Container -->
@@ -53,14 +55,15 @@
                         </svg>
                     </div>
                     <div class="message-content">
-                        <p>👋 Hello! I'm your AI assistant powered by DuckDuckGo's Instant Answer API.</p>
-                        <p>Ask me anything - I can search the web in real-time to get you accurate answers, definitions, and information on any topic!</p>
                         <div class="example-queries">
                             <p><strong>Try asking:</strong></p>
                             <ul>
                                 <li>"What is quantum computing?"</li>
                                 <li>"Who is the president of France?"</li>
                                 <li>"What is the capital of Japan?"</li>
                             </ul>
                         </div>
                     </div>
@@ -81,8 +84,8 @@
                     >
                     <button type="submit" id="sendButton">
                         <svg width="20" height="20" viewBox="0 0 24 24" fill="none">
-                            <path d="M22 2L11 13" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
-                            <path d="M22 2L15 22L11 13L2 9L22 2Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
                         </svg>
                     </button>
                 </div>
@@ -112,7 +115,7 @@
                     <span></span>
                     <span></span>
                 </div>
-                <span class="loading-text">Searching DuckDuckGo...</span>
             </div>
         </div>
     </template>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI Web Search Assistant</title>
     <link rel="stylesheet" href="style.css">
     <link rel="preconnect" href="https://cdn.jsdelivr.net">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 </head>
 <body>
                             </linearGradient>
                         </defs>
                     </svg>
+                    <h1>AI Web Search</h1>
                 </div>
                 <div class="header-links">
                     <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank" class="anycoder-link">
         <!-- Status Bar -->
         <div class="status-bar" id="statusBar">
             <div class="status-indicator"></div>
+            <span id="statusText">Ready to search</span>
         </div>
         <!-- Chat Container -->
                         </svg>
                     </div>
                     <div class="message-content">
+                        <p>🔍 <strong>AI Web Search Assistant</strong></p>
+                        <p>Ask me anything! I'll search the web to find you accurate answers, definitions, and information on any topic.</p>
                         <div class="example-queries">
                             <p><strong>Try asking:</strong></p>
                             <ul>
                                 <li>"What is quantum computing?"</li>
                                 <li>"Who is the president of France?"</li>
                                 <li>"What is the capital of Japan?"</li>
+                                <li>"Define artificial intelligence"</li>
                             </ul>
                         </div>
                     </div>
                     >
                     <button type="submit" id="sendButton">
                         <svg width="20" height="20" viewBox="0 0 24 24" fill="none">
+                            <circle cx="11" cy="11" r="8" stroke="currentColor" stroke-width="2"/>
+                            <path d="M21 21L16.65 16.65" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
                         </svg>
                     </button>
                 </div>
                     <span></span>
                     <span></span>
                 </div>
+                <span class="loading-text">Searching the web...</span>
             </div>
         </div>
     </template>