Hugging Face's logo

Spaces:
theWitcher
/
sagi-ai-tools
Running

App Files Community
theWitcher commited on
Commit
20b3de1
·
1 Parent(s): 07e7f0a

עדכון צבעים header ו footer

Browse files
Files changed (1) hide show
  1. index.html +39 -31
index.html CHANGED
@@ -185,7 +185,7 @@ https://chatgpt.com/c/67efa5ae-ab80-8005-a7d4-de3ced6ccec4
185
  </head>
186
  <body class="min-h-screen">
187
  <!-- Header -->
188
- <header class="bg-white shadow-sm sticky top-0 z-40">
189
  <div class="container mx-auto px-4 py-4">
190
  <div class="flex justify-between items-center">
191
  <div class="flex items-center">
@@ -202,29 +202,33 @@ https://chatgpt.com/c/67efa5ae-ab80-8005-a7d4-de3ced6ccec4
202
 
203
  <div class="hidden md:flex items-center space-x-4 space-x-reverse">
204
  <!-- /* --- Refresh Button - Still useful for resetting filters/sort --- */ -->
205
- <button id="refreshBtn" class="px-4 py-2 bg-blue-50 text-blue-600 rounded-lg hover:bg-blue-100 transition">
206
- <i class="fas fa-sync-alt ml-2"></i> אפס תצוגה
207
- </button>
 
208
 
209
  <!-- /* --- Admin Edit Button - Uncomment if needed --- */ -->
210
- <button id="editJsonBtn" class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition relative">
211
- <i class="fas fa-edit ml-2"></i> הציעו כלי חדש
212
- <span class="admin-badge">N</span>
213
- </button>
 
214
  </div>
215
  </div>
216
 
217
  <!-- /* --- Mobile menu --- */ -->
218
  <div id="mobileMenu" class="mobile-menu md:hidden mt-4">
219
  <div class="flex flex-col space-y-2 py-2">
220
- <button id="refreshBtnMobile" class="px-4 py-2 bg-blue-50 text-blue-600 rounded-lg hover:bg-blue-100 transition text-right">
221
- <i class="fas fa-sync-alt ml-2"></i> אפס תצוגה
222
- </button>
 
223
  <!-- /* --- Admin Edit Button (Mobile) - Uncomment if needed --- */ -->
224
- <button id="editJsonBtnMobile" class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition text-right relative">
225
- <i class="fas fa-edit ml-2"></i> הציעו כלי חדש
226
- <span class="admin-badge">N</span>
227
- </button>
 
228
  </div>
229
  </div>
230
  </div>
@@ -401,20 +405,24 @@ https://chatgpt.com/c/67efa5ae-ab80-8005-a7d4-de3ced6ccec4
401
  </div>
402
 
403
  <!-- /* --- Footer --- */ -->
404
- <footer class="bg-gray-100 border-t border-gray-200 py-6 mt-16">
405
- <!-- /* ... (content unchanged) ... */ -->
406
- <div class="container mx-auto px-4">
407
- <div class="flex flex-col md:flex-row justify-between items-center">
408
- <div class="text-gray-600 mb-4 md:mb-0">© 2025 ארגז הכלים שלי ל-AI. כל הזכויות שמורות לשגיא בר און.</div>
409
- <div class="flex space-x-4 space-x-reverse">
410
- <a href="https://www.youtube.com/@SAGIBARON" target="_blank" rel="noopener" class="text-gray-500 hover:text-red-600 transition"><i class="fab fa-youtube text-xl"></i></a>
411
- <a href="https://www.facebook.com/SAGI.BARON" target="_blank" rel="noopener" class="text-gray-500 hover:text-blue-800 transition"><i class="fab fa-facebook text-xl"></i></a>
412
- <a href="http://www.linkedin.com/in/sagi-bar-on" target="_blank" rel="noopener" class="text-gray-500 hover:text-blue-700 transition"><i class="fab fa-linkedin text-xl"></i></a>
413
- <a href="https://chat.whatsapp.com/GPFASYBEA9CFGUMCVZ5RXP" target="_blank" rel="noopener" class="text-gray-500 hover:text-green-600 transition"><i class="fab fa-whatsapp text-xl"></i></a>
414
- </div>
415
- </div>
416
- </div>
417
- </footer>
 
 
 
 
418
 
419
  <!-- /* --- Load Tailwind CSS via CDN --- */ -->
420
  <script src="https://cdn.tailwindcss.com"></script>
@@ -745,11 +753,11 @@ https://chatgpt.com/c/67efa5ae-ab80-8005-a7d4-de3ced6ccec4
745
  mobileMenu.classList.toggle('open');
746
  });
747
 
748
-
749
-
750
  // Uncomment if using admin buttons
751
  const editJsonBtn = document.getElementById('editJsonBtn');
752
  const editJsonBtnMobile = document.getElementById('editJsonBtnMobile');
 
 
753
  if (editJsonBtn) editJsonBtn.addEventListener('click', openEditorHandler);
754
  if (editJsonBtnMobile) editJsonBtnMobile.addEventListener('click', openEditorHandler);
755
 
 
185
  </head>
186
  <body class="min-h-screen">
187
  <!-- Header -->
188
+ <header class="sticky top-0 z-50 backdrop-blur-md bg-white/80 shadow-md border-b border-gray-200">
189
  <div class="container mx-auto px-4 py-4">
190
  <div class="flex justify-between items-center">
191
  <div class="flex items-center">
 
202
 
203
  <div class="hidden md:flex items-center space-x-4 space-x-reverse">
204
  <!-- /* --- Refresh Button - Still useful for resetting filters/sort --- */ -->
205
+ <button id="refreshBtn" class="px-5 py-2 rounded-xl bg-gradient-to-l from-blue-600 to-indigo-500 text-white shadow-md hover:shadow-lg hover:from-blue-700 hover:to-indigo-600 transition-all duration-300">
206
+ <i class="fas fa-sync-alt ml-2"></i> אפס תצוגה
207
+ </button>
208
+
209
 
210
  <!-- /* --- Admin Edit Button - Uncomment if needed --- */ -->
211
+ <button id="editJsonBtn" class="px-5 py-2 rounded-xl bg-gradient-to-l from-pink-500 to-purple-600 text-white shadow-md hover:shadow-lg hover:from-pink-600 hover:to-purple-700 transition-all duration-300 relative">
212
+ <i class="fas fa-edit ml-2"></i> הציעו כלי חדש
213
+ <span class="admin-badge">N</span>
214
+ </button>
215
+
216
  </div>
217
  </div>
218
 
219
  <!-- /* --- Mobile menu --- */ -->
220
  <div id="mobileMenu" class="mobile-menu md:hidden mt-4">
221
  <div class="flex flex-col space-y-2 py-2">
222
+ <button id="refreshBtn" class="px-5 py-2 rounded-xl bg-gradient-to-l from-blue-600 to-indigo-500 text-white shadow-md hover:shadow-lg hover:from-blue-700 hover:to-indigo-600 transition-all duration-300">
223
+ <i class="fas fa-sync-alt ml-2"></i> אפס תצוגה
224
+ </button>
225
+
226
  <!-- /* --- Admin Edit Button (Mobile) - Uncomment if needed --- */ -->
227
+ <button id="editJsonBtn" class="px-5 py-2 rounded-xl bg-gradient-to-l from-pink-500 to-purple-600 text-white shadow-md hover:shadow-lg hover:from-pink-600 hover:to-purple-700 transition-all duration-300 relative">
228
+ <i class="fas fa-edit ml-2"></i> הציעו כלי חדש
229
+ <span class="admin-badge">N</span>
230
+ </button>
231
+
232
  </div>
233
  </div>
234
  </div>
 
405
  </div>
406
 
407
  <!-- /* --- Footer --- */ -->
408
+ <footer class="fixed bottom-0 left-0 w-full z-50 backdrop-blur-md bg-white/80 shadow-xl border-t border-gray-200">
409
+
410
+ <div class="container mx-auto px-4 py-3 text-center space-y-2">
411
+ <div class="flex justify-center gap-4">
412
+ <!-- אייקונים -->
413
+ <a href="https://chat.whatsapp.com/GPFASYBEA9CFGUMCVZ5RXP" target="_blank" class="w-9 h-9 rounded-full bg-white shadow flex items-center justify-center text-green-500 hover:bg-green-500 hover:text-white transition"><i class="fab fa-whatsapp"></i></a>
414
+ <a href="http://www.linkedin.com/in/sagi-bar-on" target="_blank" class="w-9 h-9 rounded-full bg-white shadow flex items-center justify-center text-blue-500 hover:bg-blue-700 hover:text-white transition"><i class="fab fa-linkedin-in"></i></a>
415
+ <a href="https://www.facebook.com/SAGI.BARON" target="_blank" class="w-9 h-9 rounded-full bg-white shadow flex items-center justify-center text-blue-600 hover:bg-blue-800 hover:text-white transition"><i class="fab fa-facebook-f"></i></a>
416
+ <a href="https://www.youtube.com/@SAGIBARON" target="_blank" class="w-9 h-9 rounded-full bg-white shadow flex items-center justify-center text-red-500 hover:bg-red-700 hover:text-white transition"><i class="fab fa-youtube"></i></a>
417
+ </div>
418
+ <button onclick="openSuggestModal()"
419
+ class="px-4 py-2 rounded-xl bg-gradient-to-br from-pink-500 to-purple-600 text-white font-bold shadow hover:scale-105 transition">
420
+ <i class="fas fa-pen-to-square ml-2"></i> הציעו כלי חדש
421
+ </button>
422
+ <p class="text-gray-500 text-xs">© 2025 כל הזכויות שמורות לשגיא בר און</p>
423
+ </div>
424
+ </footer>
425
+
426
 
427
  <!-- /* --- Load Tailwind CSS via CDN --- */ -->
428
  <script src="https://cdn.tailwindcss.com"></script>
 
753
  mobileMenu.classList.toggle('open');
754
  });
755
 
 
 
756
  // Uncomment if using admin buttons
757
  const editJsonBtn = document.getElementById('editJsonBtn');
758
  const editJsonBtnMobile = document.getElementById('editJsonBtnMobile');
759
+ document.getElementById('editJsonBtnFooter')?.addEventListener('click', openEditorHandler);
760
+
761
  if (editJsonBtn) editJsonBtn.addEventListener('click', openEditorHandler);
762
  if (editJsonBtnMobile) editJsonBtnMobile.addEventListener('click', openEditorHandler);
763