Hugging Face's logo

Spaces:
Joykoeur75
/
cod-manager-test
Running

App Files Community
Joykoeur75 commited on
Commit
5da9fba
·
verified ·
1 Parent(s): edf0f5b

le bouton pour deplacer Recent Results n'est pas bien place il faudais qu'il soit en face de celui de gauche sur la page - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +29 -14
index.html CHANGED
@@ -7,6 +7,14 @@
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
 
 
 
 
 
 
 
 
10
  @keyframes pulse {
11
  0%, 100% { opacity: 1; }
12
  50% { opacity: 0.5; }
@@ -62,13 +70,13 @@
62
  </head>
63
  <body class="bg-gray-900 text-white font-sans">
64
  <!-- Header -->
65
- <header class="bg-black py-4 px-6 border-b border-gray-800 sticky top-0 z-50">
66
  <div class="container mx-auto flex justify-between items-center">
67
  <div class="flex items-center space-x-4">
68
- <div class="bg-red-600 w-10 h-10 rounded-full flex items-center justify-center">
69
- <i class="fas fa-crosshairs text-white text-xl"></i>
70
  </div>
71
- <h1 class="text-2xl font-bold bg-gradient-to-r from-red-600 to-yellow-500 bg-clip-text text-transparent">CALL OF DUTY MANAGER</h1>
72
  </div>
73
  <div class="flex items-center space-x-6">
74
  <div class="hidden md:flex items-center space-x-2 bg-gray-800 px-4 py-2 rounded-lg">
@@ -88,13 +96,15 @@
88
  </div>
89
  </div>
90
  </div>
91
- <button class="absolute right-0 top-1/2 -translate-y-1/2 z-10 bg-gray-800 hover:bg-gray-700 w-8 h-8 rounded-full flex items-center justify-center text-xl">
92
- <i class="fas fa-chevron-right"></i>
93
- </button>
94
  </div>
95
  </div>
96
  </header>
97
 
 
 
 
 
 
98
  <!-- Main Content -->
99
  <main class="container mx-auto px-4 py-6">
100
  <!-- Team Overview -->
@@ -151,7 +161,7 @@
151
 
152
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
153
  <!-- Player 1 -->
154
- <div class="player-card bg-gray-800 rounded-xl overflow-hidden border-l-4 border-red-600">
155
  <div class="p-4">
156
  <div class="flex justify-between items-start mb-3">
157
  <div>
@@ -410,7 +420,7 @@
410
  <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
411
  <div class="bg-gray-700 p-4 rounded-lg">
412
  <h4 class="font-bold mb-2 flex items-center">
413
- <i class="fas fa-map-marked-alt mr-2 text-red-500"></i> Map Strategy
414
  </h4>
415
  <select class="w-full bg-gray-800 border border-gray-600 rounded px-3 py-2 mb-3">
416
  <option>Select Map</option>
@@ -463,7 +473,7 @@
463
  <div class="w-full bg-gray-800 h-3 rounded-full mb-4">
464
  <div class="bg-blue-600 h-3 rounded-full" style="width: 58%"></div>
465
  </div>
466
- <button class="w-full bg-red-600 hover:bg-red-700 py-2 rounded-lg font-bold flex items-center justify-center">
467
  <i class="fas fa-play mr-2"></i> Simulate Match
468
  </button>
469
  </div>
@@ -476,13 +486,18 @@
476
  <h2 class="text-xl font-bold mb-4">RECENT RESULTS</h2>
477
 
478
  <div class="relative">
479
- <button class="absolute left-0 top-1/2 -translate-y-1/2 z-10 bg-gray-800 hover:bg-gray-700 w-8 h-8 rounded-full flex items-center justify-center text-xl">
480
- <i class="fas fa-chevron-left"></i>
481
- </button>
 
 
 
 
 
482
  <div class="overflow-x-auto scrollbar-hide scroll-smooth" id="resultsContainer">
483
  <div class="flex space-x-4" style="min-width: max-content;">
484
  <!-- Match 1 -->
485
- <div class="bg-gray-800 rounded-xl p-4 min-w-64">
486
  <div class="flex justify-between items-center mb-3">
487
  <div class="flex items-center">
488
  <div class="w-8 h-8 rounded-full bg-red-600 flex items-center justify-center mr-2">
 
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
10
+ @font-face {
11
+ font-family: 'Military';
12
+ src: url('https://fonts.cdnfonts.com/css/agency-fb') format('woff2');
13
+ }
14
+ .font-military {
15
+ font-family: 'Military', sans-serif;
16
+ letter-spacing: 1px;
17
+ }
18
  @keyframes pulse {
19
  0%, 100% { opacity: 1; }
20
  50% { opacity: 0.5; }
 
70
  </head>
71
  <body class="bg-gray-900 text-white font-sans">
72
  <!-- Header -->
73
+ <header class="bg-black py-4 px-6 border-b border-gray-800 sticky top-0 z-50 bg-opacity-90 bg-[url('https://www.transparenttextures.com/patterns/black-paper.png')]">
74
  <div class="container mx-auto flex justify-between items-center">
75
  <div class="flex items-center space-x-4">
76
+ <div class="bg-black w-10 h-10 rounded flex items-center justify-center border border-gray-600">
77
+ <i class="fas fa-skull text-yellow-500 text-xl"></i>
78
  </div>
79
+ <h1 class="text-2xl font-bold bg-gradient-to-r from-yellow-500 to-gray-300 bg-clip-text text-transparent font-military tracking-wider">CALL OF DUTY TEAM COMMANDER</h1>
80
  </div>
81
  <div class="flex items-center space-x-6">
82
  <div class="hidden md:flex items-center space-x-2 bg-gray-800 px-4 py-2 rounded-lg">
 
96
  </div>
97
  </div>
98
  </div>
 
 
 
99
  </div>
100
  </div>
101
  </header>
102
 
103
+ <!-- Main Content -->
104
+ <main class="container mx-auto px-4 py-6">
105
+ <!-- Team Overview -->
106
+ =======
107
+
108
  <!-- Main Content -->
109
  <main class="container mx-auto px-4 py-6">
110
  <!-- Team Overview -->
 
161
 
162
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
163
  <!-- Player 1 -->
164
+ <div class="player-card bg-gray-800 rounded-sm overflow-hidden border-l-4 border-yellow-500 bg-opacity-90 bg-[url('https://www.transparenttextures.com/patterns/camo.png')]">
165
  <div class="p-4">
166
  <div class="flex justify-between items-start mb-3">
167
  <div>
 
420
  <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
421
  <div class="bg-gray-700 p-4 rounded-lg">
422
  <h4 class="font-bold mb-2 flex items-center">
423
+ <i class="fas fa-map-marked-alt mr-2 text-yellow-500"></i> <span class="font-military">MAP STRATEGY</span>
424
  </h4>
425
  <select class="w-full bg-gray-800 border border-gray-600 rounded px-3 py-2 mb-3">
426
  <option>Select Map</option>
 
473
  <div class="w-full bg-gray-800 h-3 rounded-full mb-4">
474
  <div class="bg-blue-600 h-3 rounded-full" style="width: 58%"></div>
475
  </div>
476
+ <button class="w-full bg-black hover:bg-gray-900 py-2 rounded-sm font-bold flex items-center justify-center border border-yellow-500 text-yellow-500 font-military tracking-wider">
477
  <i class="fas fa-play mr-2"></i> Simulate Match
478
  </button>
479
  </div>
 
486
  <h2 class="text-xl font-bold mb-4">RECENT RESULTS</h2>
487
 
488
  <div class="relative">
489
+ <div class="flex items-center">
490
+ <button class="absolute left-0 top-1/2 -translate-y-1/2 z-10 bg-gray-800 hover:bg-gray-700 w-8 h-8 rounded-full flex items-center justify-center text-xl">
491
+ <i class="fas fa-chevron-left"></i>
492
+ </button>
493
+ <button class="absolute right-0 top-1/2 -translate-y-1/2 z-10 bg-gray-800 hover:bg-gray-700 w-8 h-8 rounded-full flex items-center justify-center text-xl">
494
+ <i class="fas fa-chevron-right"></i>
495
+ </button>
496
+ </div>
497
  <div class="overflow-x-auto scrollbar-hide scroll-smooth" id="resultsContainer">
498
  <div class="flex space-x-4" style="min-width: max-content;">
499
  <!-- Match 1 -->
500
+ <div class="bg-gray-800 rounded-sm p-4 min-w-64 border border-gray-700 bg-opacity-90 bg-[url('https://www.transparenttextures.com/patterns/black-paper.png')]">
501
  <div class="flex justify-between items-center mb-3">
502
  <div class="flex items-center">
503
  <div class="w-8 h-8 rounded-full bg-red-600 flex items-center justify-center mr-2">