Hugging Face's logo

Spaces:
gramota
/
ai
Running

App Files Community
ehristoforu commited on
Commit
df139f3
•
1 Parent(s): 71272e2

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +57 -18
index.html CHANGED
@@ -1,19 +1,58 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1">
6
+ <title>HelpingAI Search</title>
7
+ <link rel="icon" href="https://www.gstatic.com/favicon/favicon.ico" type="image/x-icon">
8
+ <link rel="preconnect" href="https://fonts.googleapis.com">
9
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
11
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
12
+ <link rel="stylesheet" href="styles.css">
13
+ </head>
14
+ <body>
15
+ <div class="main-content">
16
+ <div class="search-container">
17
+ <form id="search-form">
18
+ <div class="search-box">
19
+ <input type="text" id="search-query" placeholder="Search the web" autocomplete="off">
20
+ <button type="submit"></button>
21
+ </div>
22
+ <div id="suggestions"></div>
23
+ </form>
24
+ </div>
25
+ <div id="ai-response"></div>
26
+ <div id="results-info" style="text-align: center;"></div>
27
+ <div id="results"></div>
28
+ <div id="no-results">
29
+ <p>No results found. Try refining your search.</p>
30
+ </div>
31
+ <div id="loading-more">Loading more results...</div>
32
+ <div class="loading-overlay">
33
+ <div class="loading-spinner"></div>
34
+ </div>
35
+ </div>
36
+ <div id="summaryPopup" class="summary-popup" style="display: none;">
37
+ <span class="close">×</span>
38
+ <div class="content">
39
+ <div class="loading">
40
+ <div class="loading-spinner"></div>
41
+ <p class="loading-text">Loading...</p>
42
+ </div>
43
+ <div id="summaryContent"></div>
44
+ </div>
45
+ </div>
46
+ <div id="answerPopup" class="answer-popup" style="display: none;">
47
+ <span class="close">×</span>
48
+ <div class="content">
49
+ <div class="loading">
50
+ <div class="loading-spinner"></div>
51
+ <p class="loading-text">Loading...</p>
52
+ </div>
53
+ <div id="answerContent"></div>
54
+ </div>
55
+ </div>
56
+ <script src="scripts.js"></script>
57
+ </body>
58
  </html>