Hugging Face's logo

Spaces:
2025Amplify
/
Amplify.com
Running

App Files Community
Fazbeeer commited on
Commit
0831afd
·
verified ·
1 Parent(s): 58bb932

bring the drop down menu for the translator to the forward

Browse files
Files changed (6) hide show
  1. about.html +17 -2
  2. currency.html +17 -2
  3. events.html +17 -2
  4. index.html +22 -12
  5. login.html +17 -2
  6. results.html +17 -2
about.html CHANGED
@@ -48,11 +48,26 @@
48
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
49
  </div>
50
  <div class="flex items-center space-x-4">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
51
  <a href="login.html" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-4 py-2 rounded-lg transition flex items-center">
52
- <i data-feather="user" class="mr-2"></i> Login
53
  </a>
 
54
  </div>
55
- </div>
56
  </div>
57
  </nav>
58
 
 
48
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
49
  </div>
50
  <div class="flex items-center space-x-4">
51
+ <!-- Language Selector -->
52
+ <div class="relative group" style="z-index: 1000;">
53
+ <button class="flex items-center space-x-1 bg-yellow-500 hover:bg-yellow-600 text-black px-3 py-2 rounded-lg border border-yellow-500 transition">
54
+ <i data-feather="globe" class="text-black"></i>
55
+ <span class="font-bold" id="current-language">EN</span>
56
+ <i data-feather="chevron-down" class="text-black w-4 h-4"></i>
57
+ </button>
58
+ <div class="absolute right-0 mt-2 w-48 bg-black border border-yellow-500 rounded-lg shadow-lg py-1 z-50 hidden group-hover:block">
59
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="en">English</a>
60
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="es">Español</a>
61
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="fr">Français</a>
62
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="de">Deutsch</a>
63
+ </div>
64
+ </div>
65
+
66
  <a href="login.html" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-4 py-2 rounded-lg transition flex items-center">
67
+ <i data-feather="user" class="mr-2"></i> <span data-i18n="login">Login</span>
68
  </a>
69
+ </div>
70
  </div>
 
71
  </div>
72
  </nav>
73
 
currency.html CHANGED
@@ -41,11 +41,26 @@
41
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
42
  </div>
43
  <div class="flex items-center space-x-4">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
44
  <a href="login.html" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-4 py-2 rounded-lg transition flex items-center">
45
- <i data-feather="user" class="mr-2"></i> Login
46
  </a>
 
47
  </div>
48
- </div>
49
  </div>
50
  </nav>
51
 
 
41
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
42
  </div>
43
  <div class="flex items-center space-x-4">
44
+ <!-- Language Selector -->
45
+ <div class="relative group" style="z-index: 1000;">
46
+ <button class="flex items-center space-x-1 bg-yellow-500 hover:bg-yellow-600 text-black px-3 py-2 rounded-lg border border-yellow-500 transition">
47
+ <i data-feather="globe" class="text-black"></i>
48
+ <span class="font-bold" id="current-language">EN</span>
49
+ <i data-feather="chevron-down" class="text-black w-4 h-4"></i>
50
+ </button>
51
+ <div class="absolute right-0 mt-2 w-48 bg-black border border-yellow-500 rounded-lg shadow-lg py-1 z-50 hidden group-hover:block">
52
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="en">English</a>
53
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="es">Español</a>
54
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="fr">Français</a>
55
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="de">Deutsch</a>
56
+ </div>
57
+ </div>
58
+
59
  <a href="login.html" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-4 py-2 rounded-lg transition flex items-center">
60
+ <i data-feather="user" class="mr-2"></i> <span data-i18n="login">Login</span>
61
  </a>
62
+ </div>
63
  </div>
 
64
  </div>
65
  </nav>
66
 
events.html CHANGED
@@ -45,11 +45,26 @@
45
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
46
  </div>
47
  <div class="flex items-center space-x-4">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
48
  <a href="login.html" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-4 py-2 rounded-lg transition flex items-center">
49
- <i data-feather="user" class="mr-2"></i> Login
50
  </a>
 
51
  </div>
52
- </div>
53
  </div>
54
  </nav>
55
 
 
45
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
46
  </div>
47
  <div class="flex items-center space-x-4">
48
+ <!-- Language Selector -->
49
+ <div class="relative group" style="z-index: 1000;">
50
+ <button class="flex items-center space-x-1 bg-yellow-500 hover:bg-yellow-600 text-black px-3 py-2 rounded-lg border border-yellow-500 transition">
51
+ <i data-feather="globe" class="text-black"></i>
52
+ <span class="font-bold" id="current-language">EN</span>
53
+ <i data-feather="chevron-down" class="text-black w-4 h-4"></i>
54
+ </button>
55
+ <div class="absolute right-0 mt-2 w-48 bg-black border border-yellow-500 rounded-lg shadow-lg py-1 z-50 hidden group-hover:block">
56
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="en">English</a>
57
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="es">Español</a>
58
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="fr">Français</a>
59
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="de">Deutsch</a>
60
+ </div>
61
+ </div>
62
+
63
  <a href="login.html" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-4 py-2 rounded-lg transition flex items-center">
64
+ <i data-feather="user" class="mr-2"></i> <span data-i18n="login">Login</span>
65
  </a>
66
+ </div>
67
  </div>
 
68
  </div>
69
  </nav>
70
 
index.html CHANGED
@@ -77,19 +77,29 @@
77
  <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
78
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
79
  </div>
80
- <div class="flex items-center space-x-4">
81
- <div class="relative">
82
- <button id="cart-button" class="flex items-center space-x-1 bg-black bg-opacity-50 px-3 py-2 rounded-lg border border-yellow-500 hover:bg-yellow-500 hover:text-black transition">
83
- <i data-feather="shopping-cart" class="text-yellow-500 hover:text-black"></i>
84
- <span id="cart-count" class="text-white">0</span>
85
- </button>
86
- </div>
87
- <div class="relative group">
88
- <button class="flex items-center space-x-1 bg-black bg-opacity-50 px-3 py-2 rounded-lg border border-yellow-500">
89
- <i data-feather="globe" class="text-yellow-500"></i>
90
- <span class="text-white" id="current-language">EN</span>
 
 
 
 
 
 
 
 
 
 
91
  </button>
92
- <div class="absolute right-0 mt-2 w-48 bg-black border border-yellow-500 rounded-lg shadow-lg py-1 z-50 hidden group-hover:block" style="z-index: 1000;">
93
  <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="en">English</a>
94
  <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="es">Español</a>
95
  <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="fr">Français</a>
 
77
  <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
78
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
79
  </div>
80
+ <div class="flex items-center space-x-4">
81
+ <!-- Language Selector Moved First -->
82
+ <div class="relative group" style="z-index: 1000;">
83
+ <button class="flex items-center space-x-1 bg-yellow-500 hover:bg-yellow-600 text-black px-3 py-2 rounded-lg border border-yellow-500 transition">
84
+ <i data-feather="globe" class="text-black"></i>
85
+ <span class="font-bold" id="current-language">EN</span>
86
+ <i data-feather="chevron-down" class="text-black w-4 h-4"></i>
87
+ </button>
88
+ <div class="absolute right-0 mt-2 w-48 bg-black border border-yellow-500 rounded-lg shadow-lg py-1 z-50 hidden group-hover:block">
89
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="en">English</a>
90
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="es">Español</a>
91
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="fr">Français</a>
92
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="de">Deutsch</a>
93
+ </div>
94
+ </div>
95
+
96
+ <!-- Cart Button -->
97
+ <div class="relative">
98
+ <button id="cart-button" class="flex items-center space-x-1 bg-black bg-opacity-50 px-3 py-2 rounded-lg border border-yellow-500 hover:bg-yellow-500 hover:text-black transition">
99
+ <i data-feather="shopping-cart" class="text-yellow-500 hover:text-black"></i>
100
+ <span id="cart-count" class="text-white">0</span>
101
  </button>
102
+ </div>
103
  <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="en">English</a>
104
  <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="es">Español</a>
105
  <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="fr">Français</a>
login.html CHANGED
@@ -43,11 +43,26 @@
43
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
44
  </div>
45
  <div class="flex items-center space-x-4">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46
  <a href="login.html" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-4 py-2 rounded-lg transition flex items-center">
47
- <i data-feather="user" class="mr-2"></i> Login
48
  </a>
49
  </div>
50
- </div>
51
  </div>
52
  </nav>
53
 
 
43
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
44
  </div>
45
  <div class="flex items-center space-x-4">
46
+ <!-- Language Selector -->
47
+ <div class="relative group" style="z-index: 1000;">
48
+ <button class="flex items-center space-x-1 bg-yellow-500 hover:bg-yellow-600 text-black px-3 py-2 rounded-lg border border-yellow-500 transition">
49
+ <i data-feather="globe" class="text-black"></i>
50
+ <span class="font-bold" id="current-language">EN</span>
51
+ <i data-feather="chevron-down" class="text-black w-4 h-4"></i>
52
+ </button>
53
+ <div class="absolute right-0 mt-2 w-48 bg-black border border-yellow-500 rounded-lg shadow-lg py-1 z-50 hidden group-hover:block">
54
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="en">English</a>
55
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="es">Español</a>
56
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="fr">Français</a>
57
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="de">Deutsch</a>
58
+ </div>
59
+ </div>
60
+
61
  <a href="login.html" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-4 py-2 rounded-lg transition flex items-center">
62
+ <i data-feather="user" class="mr-2"></i> <span data-i18n="login">Login</span>
63
  </a>
64
  </div>
65
+ </div>
66
  </div>
67
  </nav>
68
 
results.html CHANGED
@@ -47,11 +47,26 @@
47
  <a href="results.html" class="text-yellow-500 hover:text-yellow-400 transition">Results</a>
48
  </div>
49
  <div class="flex items-center space-x-4">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
50
  <a href="login.html" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-4 py-2 rounded-lg transition flex items-center">
51
- <i data-feather="user" class="mr-2"></i> Login
52
  </a>
 
53
  </div>
54
- </div>
55
  </div>
56
  </nav>
57
 
 
47
  <a href="results.html" class="text-yellow-500 hover:text-yellow-400 transition">Results</a>
48
  </div>
49
  <div class="flex items-center space-x-4">
50
+ <!-- Language Selector -->
51
+ <div class="relative group" style="z-index: 1000;">
52
+ <button class="flex items-center space-x-1 bg-yellow-500 hover:bg-yellow-600 text-black px-3 py-2 rounded-lg border border-yellow-500 transition">
53
+ <i data-feather="globe" class="text-black"></i>
54
+ <span class="font-bold" id="current-language">EN</span>
55
+ <i data-feather="chevron-down" class="text-black w-4 h-4"></i>
56
+ </button>
57
+ <div class="absolute right-0 mt-2 w-48 bg-black border border-yellow-500 rounded-lg shadow-lg py-1 z-50 hidden group-hover:block">
58
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="en">English</a>
59
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="es">Español</a>
60
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="fr">Français</a>
61
+ <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black transition" data-lang="de">Deutsch</a>
62
+ </div>
63
+ </div>
64
+
65
  <a href="login.html" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-4 py-2 rounded-lg transition flex items-center">
66
+ <i data-feather="user" class="mr-2"></i> <span data-i18n="login">Login</span>
67
  </a>
68
+ </div>
69
  </div>
 
70
  </div>
71
  </nav>
72