Hugging Face's logo

Spaces:
triton7777
/
earthview
Running

App Files Community
triton7777 commited on
Commit
03ec0e6
·
verified ·
1 Parent(s): 54fdc6d

roll back it to earth view as it was - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +10 -10
index.html CHANGED
@@ -66,16 +66,16 @@
66
  to { opacity: 1; transform: translateY(0); }
67
  }
68
  body {
69
- background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
70
  }
71
  .hero-section {
72
- background: linear-gradient(135deg, rgba(93,93,255,0.1) 0%, rgba(93,93,255,0.05) 100%);
73
  }
74
  </style>
75
  </head>
76
  <body class="text-white font-sans">
77
  <!-- Navigation Bar -->
78
- <nav class="bg-[#1a1a1a] border-b border-[#2d2d2d] sticky top-0 z-50">
79
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
80
  <div class="flex justify-between h-16">
81
  <div class="flex items-center">
@@ -100,7 +100,7 @@
100
  <input type="text" placeholder="Search projects..." class="w-full px-4 py-2 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500">
101
  </div>
102
  </div>
103
- <button class="ml-4 px-4 py-2 bg-indigo-600 text-white rounded-md text-sm font-medium hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500">
104
  Upload Project
105
  </button>
106
  <div class="ml-4 relative">
@@ -137,7 +137,7 @@
137
  <div class="mb-8">
138
  <h2 class="text-xl font-semibold mb-4">Categories</h2>
139
  <div class="flex flex-wrap gap-4">
140
- <a href="#" class="category-chip px-4 py-2 bg-gradient-to-r from-indigo-500 to-purple-600 rounded-full text-white text-sm font-medium hover:from-indigo-600 hover:to-purple-700">
141
  <i class="fas fa-robot mr-2"></i> AI Assistants
142
  </a>
143
  <a href="#" class="category-chip px-4 py-2 bg-white/10 backdrop-blur-sm rounded-full border border-white/20 text-sm font-medium hover:bg-white/20 transition-all">
@@ -172,7 +172,7 @@
172
  </div>
173
  <div class="flex items-center">
174
  <span class="text-sm font-medium mr-2">View:</span>
175
- <div class="flex space-x-1 bg-[#2d2d2d] border border-[#3d3d3d] p-1 rounded-md">
176
  <button class="density-btn p-2 rounded hover:bg-white transition-colors" data-density="compact" title="Compact view">
177
  <i class="fas fa-grip-lines text-sm"></i>
178
  </button>
@@ -483,7 +483,7 @@
483
  <button class="px-3 py-1 rounded border border-gray-300 text-gray-700 hover:bg-gray-100">
484
  <i class="fas fa-chevron-left"></i>
485
  </button>
486
- <button class="px-3 py-1 rounded bg-[#5d5dff] text-white">1</button>
487
  <button class="px-3 py-1 rounded border border-gray-300 text-gray-700 hover:bg-gray-100">2</button>
488
  <button class="px-3 py-1 rounded border border-gray-300 text-gray-700 hover:bg-gray-100">3</button>
489
  <span class="px-2">...</span>
@@ -496,7 +496,7 @@
496
  </div>
497
 
498
  <!-- Footer -->
499
- <footer class="bg-[#1a1a1a] border-t border-[#2d2d2d] mt-16">
500
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
501
  <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
502
  <div>
@@ -560,9 +560,9 @@
560
 
561
  // Update active state
562
  document.querySelectorAll('.density-btn').forEach(b => {
563
- b.classList.remove('bg-indigo-100', 'text-indigo-700');
564
  });
565
- this.classList.add('bg-indigo-100', 'text-indigo-700');
566
  });
567
  });
568
 
 
66
  to { opacity: 1; transform: translateY(0); }
67
  }
68
  body {
69
+ background: linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%);
70
  }
71
  .hero-section {
72
+ background: linear-gradient(135deg, rgba(34,139,34,0.1) 0%, rgba(34,139,34,0.05) 100%);
73
  }
74
  </style>
75
  </head>
76
  <body class="text-white font-sans">
77
  <!-- Navigation Bar -->
78
+ <nav class="bg-green-800 border-b border-green-900 sticky top-0 z-50">
79
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
80
  <div class="flex justify-between h-16">
81
  <div class="flex items-center">
 
100
  <input type="text" placeholder="Search projects..." class="w-full px-4 py-2 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500">
101
  </div>
102
  </div>
103
+ <button class="ml-4 px-4 py-2 bg-green-700 text-white rounded-md text-sm font-medium hover:bg-green-800 focus:outline-none focus:ring-2 focus:ring-green-500">
104
  Upload Project
105
  </button>
106
  <div class="ml-4 relative">
 
137
  <div class="mb-8">
138
  <h2 class="text-xl font-semibold mb-4">Categories</h2>
139
  <div class="flex flex-wrap gap-4">
140
+ <a href="#" class="category-chip px-4 py-2 bg-gradient-to-r from-green-600 to-blue-600 rounded-full text-white text-sm font-medium hover:from-green-700 hover:to-blue-700">
141
  <i class="fas fa-robot mr-2"></i> AI Assistants
142
  </a>
143
  <a href="#" class="category-chip px-4 py-2 bg-white/10 backdrop-blur-sm rounded-full border border-white/20 text-sm font-medium hover:bg-white/20 transition-all">
 
172
  </div>
173
  <div class="flex items-center">
174
  <span class="text-sm font-medium mr-2">View:</span>
175
+ <div class="flex space-x-1 bg-gray-100 border border-gray-200 p-1 rounded-md">
176
  <button class="density-btn p-2 rounded hover:bg-white transition-colors" data-density="compact" title="Compact view">
177
  <i class="fas fa-grip-lines text-sm"></i>
178
  </button>
 
483
  <button class="px-3 py-1 rounded border border-gray-300 text-gray-700 hover:bg-gray-100">
484
  <i class="fas fa-chevron-left"></i>
485
  </button>
486
+ <button class="px-3 py-1 rounded bg-green-700 text-white">1</button>
487
  <button class="px-3 py-1 rounded border border-gray-300 text-gray-700 hover:bg-gray-100">2</button>
488
  <button class="px-3 py-1 rounded border border-gray-300 text-gray-700 hover:bg-gray-100">3</button>
489
  <span class="px-2">...</span>
 
496
  </div>
497
 
498
  <!-- Footer -->
499
+ <footer class="bg-green-800 border-t border-green-900 mt-16">
500
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
501
  <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
502
  <div>
 
560
 
561
  // Update active state
562
  document.querySelectorAll('.density-btn').forEach(b => {
563
+ b.classList.remove('bg-green-100', 'text-green-700');
564
  });
565
+ this.classList.add('bg-green-100', 'text-green-700');
566
  });
567
  });
568