Hugging Face's logo

Spaces:
Advay-Singh
/
TaskBot-App
Sleeping

App Files Community
Advay-Singh commited on
Commit
d70ebac
·
verified ·
1 Parent(s): c979648

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +1 -32
templates/index.html CHANGED
@@ -4,7 +4,7 @@
4
  <head>
5
  <meta charset="UTF-8">
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <title>TaskBot v1+</title>
8
  <script src="https://kit.fontawesome.com/cda0e70b18.js" crossorigin="anonymous"></script>
9
  <link rel="Icon" href="TaskBot logo.png">
10
  <link rel="manifest" href="/static/manifest.json">
@@ -23,7 +23,6 @@
23
  background-attachment: fixed;
24
  background-position: center center;
25
  }
26
-
27
  nav {
28
  background-color: #444;
29
  padding: 5px;
@@ -32,45 +31,38 @@
32
  height: auto;
33
  top: 0;
34
  }
35
-
36
  .sticky {
37
  position: absolute;
38
  top: 20px;
39
  right: 20px;
40
  z-index: 1000;
41
  }
42
-
43
  .sticky2 {
44
  position: absolute;
45
  top: 20px;
46
  right: 80px;
47
  z-index: 1000;
48
  }
49
-
50
  .sticky3 {
51
  position: absolute;
52
  top: 20px;
53
  right: 140px;
54
  z-index: 1000;
55
  }
56
-
57
  /* Dropdown Styles */
58
  .dropdown {
59
  position: relative;
60
  display: inline-block;
61
  }
62
-
63
  .btn {
64
  background-color: transparent;
65
  color: white;
66
  border: none;
67
  cursor: pointer;
68
  }
69
-
70
  .btn:hover {
71
  background-color: #494949;
72
  }
73
-
74
  .dropdown-content {
75
  display: none;
76
  position: absolute;
@@ -83,13 +75,11 @@
83
  z-index: 1;
84
  text-align: center;
85
  }
86
-
87
  .dropdown-content h3 {
88
  margin: 5px 0;
89
  color: white;
90
  text-align: center;
91
  }
92
-
93
  .dropdown-content a {
94
  color: white;
95
  padding: 12px 16px;
@@ -97,15 +87,12 @@
97
  display: block;
98
  border-top: 1px solid transparent;
99
  }
100
-
101
  .dropdown-content a:hover {
102
  background-color: #bebebe;
103
  }
104
-
105
  .dropdown:hover .dropdown-content {
106
  display: block;
107
  }
108
-
109
  main {
110
  display: flex;
111
  flex-direction: column;
@@ -115,7 +102,6 @@
115
  /* adjust if header height changes */
116
  text-align: center;
117
  }
118
-
119
  /* Input and Button Styles */
120
  #question {
121
  padding: 10px;
@@ -124,7 +110,6 @@
124
  border: 1px solid #ccc;
125
  margin-right: 10px;
126
  }
127
-
128
  .user {
129
  background-color: #2f2f2f;
130
  backdrop-filter: blur(5px);
@@ -138,7 +123,6 @@
138
  width: 80%;
139
  color: rgb(227, 227, 227)
140
  }
141
-
142
  .ai {
143
  align-self: flex-start;
144
  color: rgb(227, 227, 227);
@@ -146,28 +130,24 @@
146
  white-space: pre-wrap;
147
  text-align: center;
148
  }
149
-
150
  .text1 {
151
  display: flex;
152
  justify-content: right;
153
  align-items: center;
154
  margin: 10px;
155
  }
156
-
157
  .text2 {
158
  display: flex;
159
  justify-content: center;
160
  align-items: center;
161
  margin: 10px;
162
  }
163
-
164
  .chat-input-container {
165
  display: flex;
166
  align-items: center;
167
  justify-content: center;
168
  margin-top: 20px;
169
  }
170
-
171
  #sendButton {
172
  margin-left: 10px;
173
  padding: 10px 20px;
@@ -177,11 +157,9 @@
177
  cursor: pointer;
178
  transition: background-color 0.3s;
179
  }
180
-
181
  #sendButton:hover {
182
  background-color: #e0e0e0;
183
  }
184
-
185
  .inputWrapper {
186
  flex-direction: column;
187
  align-items: center;
@@ -194,28 +172,23 @@
194
  gap: 10px;
195
  z-index: 1000;
196
  }
197
-
198
  .inputWrapper input {
199
  width: 100%;
200
  padding: 10px;
201
  }
202
-
203
  .tools button {
204
  font-size: 18px;
205
  padding: 10px 20px;
206
  border-radius: 50px;
207
  cursor: pointer;
208
  }
209
-
210
  #welcomeMessage {
211
  text-align: center;
212
  margin-top: 20%;
213
  }
214
-
215
  .tools-content {
216
  display: none;
217
  }
218
-
219
  .tools:hover {
220
  .tools-content {
221
  display: block
@@ -249,10 +222,6 @@
249
  style="color: greenyellow;background-color: black;">Summarize</button></a><br>
250
  <a href="/translate"><button
251
  style="color: greenyellow;background-color: black;">Translate</button></a><br>
252
- <a href="/imagine"><button
253
- style="color: greenyellow;background-color: black;">Imagine</button></a><br>
254
- <a href="/think"><button
255
- style="color: greenyellow;background-color: black;">Think</button></a><br>
256
  </div>
257
  <button style="background-color: #101010;">
258
  <i class="fa-solid fa-sliders fa-2xl" style="color: #63E6BE;"></i>
 
4
  <head>
5
  <meta charset="UTF-8">
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>TaskBot AI</title>
8
  <script src="https://kit.fontawesome.com/cda0e70b18.js" crossorigin="anonymous"></script>
9
  <link rel="Icon" href="TaskBot logo.png">
10
  <link rel="manifest" href="/static/manifest.json">
 
23
  background-attachment: fixed;
24
  background-position: center center;
25
  }
 
26
  nav {
27
  background-color: #444;
28
  padding: 5px;
 
31
  height: auto;
32
  top: 0;
33
  }
 
34
  .sticky {
35
  position: absolute;
36
  top: 20px;
37
  right: 20px;
38
  z-index: 1000;
39
  }
 
40
  .sticky2 {
41
  position: absolute;
42
  top: 20px;
43
  right: 80px;
44
  z-index: 1000;
45
  }
 
46
  .sticky3 {
47
  position: absolute;
48
  top: 20px;
49
  right: 140px;
50
  z-index: 1000;
51
  }
 
52
  /* Dropdown Styles */
53
  .dropdown {
54
  position: relative;
55
  display: inline-block;
56
  }
 
57
  .btn {
58
  background-color: transparent;
59
  color: white;
60
  border: none;
61
  cursor: pointer;
62
  }
 
63
  .btn:hover {
64
  background-color: #494949;
65
  }
 
66
  .dropdown-content {
67
  display: none;
68
  position: absolute;
 
75
  z-index: 1;
76
  text-align: center;
77
  }
 
78
  .dropdown-content h3 {
79
  margin: 5px 0;
80
  color: white;
81
  text-align: center;
82
  }
 
83
  .dropdown-content a {
84
  color: white;
85
  padding: 12px 16px;
 
87
  display: block;
88
  border-top: 1px solid transparent;
89
  }
 
90
  .dropdown-content a:hover {
91
  background-color: #bebebe;
92
  }
 
93
  .dropdown:hover .dropdown-content {
94
  display: block;
95
  }
 
96
  main {
97
  display: flex;
98
  flex-direction: column;
 
102
  /* adjust if header height changes */
103
  text-align: center;
104
  }
 
105
  /* Input and Button Styles */
106
  #question {
107
  padding: 10px;
 
110
  border: 1px solid #ccc;
111
  margin-right: 10px;
112
  }
 
113
  .user {
114
  background-color: #2f2f2f;
115
  backdrop-filter: blur(5px);
 
123
  width: 80%;
124
  color: rgb(227, 227, 227)
125
  }
 
126
  .ai {
127
  align-self: flex-start;
128
  color: rgb(227, 227, 227);
 
130
  white-space: pre-wrap;
131
  text-align: center;
132
  }
 
133
  .text1 {
134
  display: flex;
135
  justify-content: right;
136
  align-items: center;
137
  margin: 10px;
138
  }
 
139
  .text2 {
140
  display: flex;
141
  justify-content: center;
142
  align-items: center;
143
  margin: 10px;
144
  }
 
145
  .chat-input-container {
146
  display: flex;
147
  align-items: center;
148
  justify-content: center;
149
  margin-top: 20px;
150
  }
 
151
  #sendButton {
152
  margin-left: 10px;
153
  padding: 10px 20px;
 
157
  cursor: pointer;
158
  transition: background-color 0.3s;
159
  }
 
160
  #sendButton:hover {
161
  background-color: #e0e0e0;
162
  }
 
163
  .inputWrapper {
164
  flex-direction: column;
165
  align-items: center;
 
172
  gap: 10px;
173
  z-index: 1000;
174
  }
 
175
  .inputWrapper input {
176
  width: 100%;
177
  padding: 10px;
178
  }
 
179
  .tools button {
180
  font-size: 18px;
181
  padding: 10px 20px;
182
  border-radius: 50px;
183
  cursor: pointer;
184
  }
 
185
  #welcomeMessage {
186
  text-align: center;
187
  margin-top: 20%;
188
  }
 
189
  .tools-content {
190
  display: none;
191
  }
 
192
  .tools:hover {
193
  .tools-content {
194
  display: block
 
222
  style="color: greenyellow;background-color: black;">Summarize</button></a><br>
223
  <a href="/translate"><button
224
  style="color: greenyellow;background-color: black;">Translate</button></a><br>
 
 
 
 
225
  </div>
226
  <button style="background-color: #101010;">
227
  <i class="fa-solid fa-sliders fa-2xl" style="color: #63E6BE;"></i>