Hugging Face's logo

Spaces:
deniztas
/
model
Running

App Files Community
deniztas commited on
Commit
eb935e1
·
verified ·
1 Parent(s): f1aaf2f

predictionsdaki yazıları mora çevir kaplan aslan kedi gibi tagleri - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +12 -6
index.html CHANGED
@@ -9,10 +9,16 @@
9
  <style>
10
  .prediction-bar {
11
  height: 24px;
12
- background: linear-gradient(90deg, #7e22ce 0%, #a855f7 100%);
13
  border-radius: 12px;
14
  transition: width 0.3s ease;
15
- box-shadow: 0 0 10px rgba(168, 85, 247, 0.5);
 
 
 
 
 
 
16
  }
17
  .webcam-feed {
18
  border-radius: 16px;
@@ -251,8 +257,8 @@
251
  predictionElement.className = 'prediction-item mb-4';
252
  predictionElement.innerHTML = `
253
  <div class="flex justify-between items-center mb-1">
254
- <span class="font-medium text-gray-700">${prediction[i].className}</span>
255
- <span class="text-sm font-semibold ${percentage > 70 ? 'text-green-600' : percentage > 40 ? 'text-yellow-600' : 'text-gray-600'}">
256
  ${percentage}%
257
  </span>
258
  </div>
@@ -275,8 +281,8 @@
275
  predictionElement.className = 'prediction-item mb-4';
276
  predictionElement.innerHTML = `
277
  <div class="flex justify-between items-center mb-1">
278
- <span class="font-medium text-gray-700">${prediction[i].className}</span>
279
- <span class="text-sm font-semibold ${percentage > 70 ? 'text-green-600' : percentage > 40 ? 'text-yellow-600' : 'text-gray-600'}">
280
  ${percentage}%
281
  </span>
282
  </div>
 
9
  <style>
10
  .prediction-bar {
11
  height: 24px;
12
+ background: linear-gradient(90deg, #5b21b6 0%, #7e22ce 100%);
13
  border-radius: 12px;
14
  transition: width 0.3s ease;
15
+ box-shadow: 0 0 10px rgba(124, 58, 237, 0.5);
16
+ }
17
+ .prediction-item {
18
+ background-color: rgba(76, 29, 149, 0.2);
19
+ padding: 12px;
20
+ border-radius: 8px;
21
+ border: 1px solid rgba(124, 58, 237, 0.3);
22
  }
23
  .webcam-feed {
24
  border-radius: 16px;
 
257
  predictionElement.className = 'prediction-item mb-4';
258
  predictionElement.innerHTML = `
259
  <div class="flex justify-between items-center mb-1">
260
+ <span class="font-medium text-purple-300">${prediction[i].className}</span>
261
+ <span class="text-sm font-semibold text-purple-200">
262
  ${percentage}%
263
  </span>
264
  </div>
 
281
  predictionElement.className = 'prediction-item mb-4';
282
  predictionElement.innerHTML = `
283
  <div class="flex justify-between items-center mb-1">
284
+ <span class="font-medium text-purple-300">${prediction[i].className}</span>
285
+ <span class="text-sm font-semibold text-purple-200">
286
  ${percentage}%
287
  </span>
288
  </div>