Hugging Face's logo

Spaces:
Djacon
/
text2feature
Running

App Files Community
Djacon commited on
Commit
fd95b97
·
1 Parent(s): 5673d7a

Convert indigo to gold

Browse files
Files changed (5) hide show
  1. static/404.html +8 -4
  2. static/css/main.css +10 -10
  3. static/emotion_detection.html +9 -5
  4. static/index.html +11 -7
  5. static/text_summarizer.html +8 -4
static/404.html CHANGED
@@ -131,10 +131,14 @@
131
  </svg>
132
  </span>
133
 
134
- <input x-model="search" type="text"
135
- class="w-64 h-10 py-2 pl-10 pr-4 text-gray-700 placeholder-gray-400 transition-all duration-150 bg-white border border-gray-200 rounded-md focus:w-80 sm:w-64 sm:focus:w-80 focus:outline-none focus:ring focus:ring-gray-400 focus:ring-opacity-40"
136
- onfocus="this.style.border='1px solid #ffa116';"
137
- onblur="this.style.border='1px solid #E5E7EB';"
 
 
 
 
138
  placeholder="Find anything...">
139
  </div>
140
 
 
131
  </svg>
132
  </span>
133
 
134
+ <style>
135
+ #search:focus {
136
+ border: 1px solid #ffa116;
137
+ }
138
+ </style>
139
+
140
+ <input id="search" x-model="search" type="text"
141
+ class="w-64 h-10 py-2 pl-10 pr-4 text-gray-700 placeholder-gray-400 transition-all duration-150 bg-white border border-gray-200 rounded-md focus:w-80 sm:w-64 sm:focus:w-80 focus:outline-none focus:ring focus:ring-indigo-300 focus:ring-opacity-40"
142
  placeholder="Find anything...">
143
  </div>
144
 
static/css/main.css CHANGED
@@ -1175,7 +1175,7 @@ select {
1175
 
1176
  .border-indigo-500 {
1177
  --tw-border-opacity: 1;
1178
- border-color: rgb(99 102 241/var(--tw-border-opacity))
1179
  }
1180
 
1181
  .border-gray-300 {
@@ -1576,7 +1576,7 @@ select {
1576
 
1577
  .text-indigo-500 {
1578
  --tw-text-opacity: 1;
1579
- color: rgb(99 102 241/var(--tw-text-opacity))
1580
  }
1581
 
1582
  .text-blue-500 {
@@ -1591,7 +1591,7 @@ select {
1591
 
1592
  .text-indigo-700 {
1593
  --tw-text-opacity: 1;
1594
- color: rgb(67 56 202/var(--tw-text-opacity))
1595
  }
1596
 
1597
  .text-red-600 {
@@ -1601,7 +1601,7 @@ select {
1601
 
1602
  .text-indigo-600 {
1603
  --tw-text-opacity: 1;
1604
- color: rgb(79 70 229/var(--tw-text-opacity))
1605
  }
1606
 
1607
  .placeholder-gray-400::-moz-placeholder {
@@ -1691,7 +1691,7 @@ select {
1691
 
1692
  .ring-indigo-500 {
1693
  --tw-ring-opacity: 1;
1694
- --tw-ring-color: rgb(99 102 241/var(--tw-ring-opacity))
1695
  }
1696
 
1697
  .transition-colors {
@@ -1790,7 +1790,7 @@ select {
1790
 
1791
  .hover\:bg-indigo-400:hover {
1792
  --tw-bg-opacity: 1;
1793
- background-color: rgb(129 140 248/var(--tw-bg-opacity))
1794
  }
1795
 
1796
  .hover\:bg-indigo-600:hover {
@@ -1880,7 +1880,7 @@ select {
1880
 
1881
  .hover\:text-indigo-500:hover {
1882
  --tw-text-opacity: 1;
1883
- color: rgb(99 102 241/var(--tw-text-opacity))
1884
  }
1885
 
1886
  .hover\:text-blue-500:hover {
@@ -1899,7 +1899,7 @@ select {
1899
 
1900
  .focus\:border-indigo-400:focus {
1901
  --tw-border-opacity: 1;
1902
- border-color: rgb(129 140 248/var(--tw-border-opacity))
1903
  }
1904
 
1905
  .focus\:border-green-400:focus {
@@ -1914,7 +1914,7 @@ select {
1914
 
1915
  .focus\:bg-indigo-500:focus {
1916
  --tw-bg-opacity: 1;
1917
- background-color: rgb(99 102 241/var(--tw-bg-opacity))
1918
  }
1919
 
1920
  .focus\:bg-green-500:focus {
@@ -1973,7 +1973,7 @@ select {
1973
 
1974
  .focus\:ring-indigo-300:focus {
1975
  --tw-ring-opacity: 1;
1976
- --tw-ring-color: rgb(165 180 252/var(--tw-ring-opacity))
1977
  }
1978
 
1979
  .focus\:ring-green-300:focus {
 
1175
 
1176
  .border-indigo-500 {
1177
  --tw-border-opacity: 1;
1178
+ border-color: #ffa116;
1179
  }
1180
 
1181
  .border-gray-300 {
 
1576
 
1577
  .text-indigo-500 {
1578
  --tw-text-opacity: 1;
1579
+ color: #ffa116;
1580
  }
1581
 
1582
  .text-blue-500 {
 
1591
 
1592
  .text-indigo-700 {
1593
  --tw-text-opacity: 1;
1594
+ color: #ffa116;
1595
  }
1596
 
1597
  .text-red-600 {
 
1601
 
1602
  .text-indigo-600 {
1603
  --tw-text-opacity: 1;
1604
+ color: #ffa116;
1605
  }
1606
 
1607
  .placeholder-gray-400::-moz-placeholder {
 
1691
 
1692
  .ring-indigo-500 {
1693
  --tw-ring-opacity: 1;
1694
+ --tw-ring-color: #ffa116;
1695
  }
1696
 
1697
  .transition-colors {
 
1790
 
1791
  .hover\:bg-indigo-400:hover {
1792
  --tw-bg-opacity: 1;
1793
+ background-color: #ffa116;
1794
  }
1795
 
1796
  .hover\:bg-indigo-600:hover {
 
1880
 
1881
  .hover\:text-indigo-500:hover {
1882
  --tw-text-opacity: 1;
1883
+ color: #ffa116;
1884
  }
1885
 
1886
  .hover\:text-blue-500:hover {
 
1899
 
1900
  .focus\:border-indigo-400:focus {
1901
  --tw-border-opacity: 1;
1902
+ border-color: #ffa116;
1903
  }
1904
 
1905
  .focus\:border-green-400:focus {
 
1914
 
1915
  .focus\:bg-indigo-500:focus {
1916
  --tw-bg-opacity: 1;
1917
+ background-color: rgb(255, 161, 22/var(--tw-border-opacity));
1918
  }
1919
 
1920
  .focus\:bg-green-500:focus {
 
1973
 
1974
  .focus\:ring-indigo-300:focus {
1975
  --tw-ring-opacity: 1;
1976
+ --tw-ring-color: #fac678;
1977
  }
1978
 
1979
  .focus\:ring-green-300:focus {
static/emotion_detection.html CHANGED
@@ -130,10 +130,14 @@
130
  </svg>
131
  </span>
132
 
133
- <input x-model="search" type="text"
134
- class="w-64 h-10 py-2 pl-10 pr-4 text-gray-700 placeholder-gray-400 transition-all duration-150 bg-white border border-gray-200 rounded-md focus:w-80 sm:w-64 sm:focus:w-80 focus:outline-none focus:ring focus:ring-gray-400 focus:ring-opacity-40"
135
- onfocus="this.style.border='1px solid #ffa116';"
136
- onblur="this.style.border='1px solid #E5E7EB';"
 
 
 
 
137
  placeholder="Find anything...">
138
  </div>
139
 
@@ -211,7 +215,7 @@
211
  <div class="hidden mt-3 overflow-y-auto text-sm lg:items-center lg:flex whitespace-nowrap">
212
  <a class="text-gray-600">Pages</a>
213
  <span class="mx-1 text-gray-500">/</span>
214
- <a href="" class="text-indigo-600 hover:underline">Emotion_Detection</a>
215
  </div>
216
  </div>
217
 
 
130
  </svg>
131
  </span>
132
 
133
+ <style>
134
+ #search:focus {
135
+ border: 1px solid #ffa116;
136
+ }
137
+ </style>
138
+
139
+ <input id="search" x-model="search" type="text"
140
+ class="w-64 h-10 py-2 pl-10 pr-4 text-gray-700 placeholder-gray-400 transition-all duration-150 bg-white border border-gray-200 rounded-md focus:w-80 sm:w-64 sm:focus:w-80 focus:outline-none focus:ring focus:ring-indigo-300 focus:ring-opacity-40"
141
  placeholder="Find anything...">
142
  </div>
143
 
 
215
  <div class="hidden mt-3 overflow-y-auto text-sm lg:items-center lg:flex whitespace-nowrap">
216
  <a class="text-gray-600">Pages</a>
217
  <span class="mx-1 text-gray-500">/</span>
218
+ <a href="" class="hover:underline" style="color: #ffa116">Emotion_Detection</a>
219
  </div>
220
  </div>
221
 
static/index.html CHANGED
@@ -130,10 +130,14 @@
130
  </svg>
131
  </span>
132
 
133
- <input x-model="search" type="text"
134
- class="w-64 h-10 py-2 pl-10 pr-4 text-gray-700 placeholder-gray-400 transition-all duration-150 bg-white border border-gray-200 rounded-md focus:w-80 sm:w-64 sm:focus:w-80 focus:outline-none focus:ring focus:ring-gray-400 focus:ring-opacity-40"
135
- onfocus="this.style.border='1px solid #ffa116';"
136
- onblur="this.style.border='1px solid #E5E7EB';"
 
 
 
 
137
  placeholder="Find anything...">
138
  </div>
139
 
@@ -223,8 +227,8 @@
223
 
224
  <div class="flex items-end">
225
  <h2 class="mt-1 text-2xl font-medium text-gray-800">23</h2>
226
- <span class="mx-2" style="color: #ffa116">
227
- +55%
228
  </span>
229
  </div>
230
  </div>
@@ -244,7 +248,7 @@
244
 
245
  <div class="flex items-end">
246
  <h2 class="mt-1 text-2xl font-medium text-gray-800">54</h2>
247
- <span class="mx-2" style="color: #ffa116">
248
  +5%
249
  </span>
250
  </div>
 
130
  </svg>
131
  </span>
132
 
133
+ <style>
134
+ #search:focus {
135
+ border: 1px solid #ffa116;
136
+ }
137
+ </style>
138
+
139
+ <input id="search" x-model="search" type="text"
140
+ class="w-64 h-10 py-2 pl-10 pr-4 text-gray-700 placeholder-gray-400 transition-all duration-150 bg-white border border-gray-200 rounded-md focus:w-80 sm:w-64 sm:focus:w-80 focus:outline-none focus:ring focus:ring-indigo-300 focus:ring-opacity-40"
141
  placeholder="Find anything...">
142
  </div>
143
 
 
227
 
228
  <div class="flex items-end">
229
  <h2 class="mt-1 text-2xl font-medium text-gray-800">23</h2>
230
+ <span class="mx-2 text-red-500">
231
+ -15%
232
  </span>
233
  </div>
234
  </div>
 
248
 
249
  <div class="flex items-end">
250
  <h2 class="mt-1 text-2xl font-medium text-gray-800">54</h2>
251
+ <span class="mx-2 text-green-500">
252
  +5%
253
  </span>
254
  </div>
static/text_summarizer.html CHANGED
@@ -130,10 +130,14 @@
130
  </svg>
131
  </span>
132
 
133
- <input x-model="search" type="text"
134
- class="w-64 h-10 py-2 pl-10 pr-4 text-gray-700 placeholder-gray-400 transition-all duration-150 bg-white border border-gray-200 rounded-md focus:w-80 sm:w-64 sm:focus:w-80 focus:outline-none focus:ring focus:ring-gray-400 focus:ring-opacity-40"
135
- onfocus="this.style.border='1px solid #ffa116';"
136
- onblur="this.style.border='1px solid #E5E7EB';"
 
 
 
 
137
  placeholder="Find anything...">
138
  </div>
139
 
 
130
  </svg>
131
  </span>
132
 
133
+ <style>
134
+ #search:focus {
135
+ border: 1px solid #ffa116;
136
+ }
137
+ </style>
138
+
139
+ <input id="search" x-model="search" type="text"
140
+ class="w-64 h-10 py-2 pl-10 pr-4 text-gray-700 placeholder-gray-400 transition-all duration-150 bg-white border border-gray-200 rounded-md focus:w-80 sm:w-64 sm:focus:w-80 focus:outline-none focus:ring focus:ring-indigo-300 focus:ring-opacity-40"
141
  placeholder="Find anything...">
142
  </div>
143