gunship999 commited on
Commit
c1f4c28
โ€ข
1 Parent(s): 7b3d86d

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +27 -34
index.html CHANGED
@@ -17,16 +17,34 @@
17
  top: 50%;
18
  left: 50%;
19
  transform: translate(-50%, -50%);
20
- color: #0f0;
21
- font-size: 24px;
22
- z-index: 2000;
23
  background: rgba(0,0,0,0.8);
24
  padding: 20px;
25
  border-radius: 10px;
26
- border: 1px solid #0f0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
27
  }
28
 
29
- /* ๊ธฐ์กด ์Šคํƒ€์ผ ์œ ์ง€ */
30
  #cockpit-frame {
31
  position: fixed;
32
  top: 0;
@@ -64,19 +82,6 @@
64
  user-select: none;
65
  }
66
 
67
- #timer {
68
- position: absolute;
69
- top: 10px;
70
- right: 10px;
71
- color: #0f0;
72
- background: rgba(0,20,0,0.7);
73
- padding: 10px;
74
- font-size: 20px;
75
- z-index: 1001;
76
- border: 1px solid #0f0;
77
- border-radius: 5px;
78
- }
79
-
80
  #crosshair {
81
  position: fixed;
82
  top: 50%;
@@ -225,23 +230,13 @@
225
  border-radius: 10px;
226
  display: none;
227
  }
228
-
229
- #gameTimer {
230
- position: absolute;
231
- top: 60px;
232
- right: 10px;
233
- color: #0f0;
234
- background: rgba(0,20,0,0.7);
235
- padding: 10px;
236
- font-size: 20px;
237
- z-index: 1001;
238
- border: 1px solid #0f0;
239
- border-radius: 5px;
240
- }
241
  </style>
242
  </head>
243
  <body>
244
- <div id="loading">Loading game assets...</div>
 
 
 
245
  <div id="cockpit-frame"></div>
246
  <div id="cockpit-overlay"></div>
247
  <div id="info">
@@ -251,8 +246,6 @@
251
  Left Click - Shoot<br>
252
  R - Reload
253
  </div>
254
- <div id="timer">Safe Time: 10s</div>
255
- <div id="gameTimer">Time: 3:00</div>
256
  <div id="crosshair"></div>
257
  <div id="healthBar"><div id="health"></div></div>
258
  <div id="ammo">Ammo: 30/30</div>
 
17
  top: 50%;
18
  left: 50%;
19
  transform: translate(-50%, -50%);
 
 
 
20
  background: rgba(0,0,0,0.8);
21
  padding: 20px;
22
  border-radius: 10px;
23
+ z-index: 2000;
24
+ text-align: center;
25
+ }
26
+
27
+ .loading-spinner {
28
+ width: 50px;
29
+ height: 50px;
30
+ border: 5px solid #0f0;
31
+ border-top: 5px solid transparent;
32
+ border-radius: 50%;
33
+ animation: spin 1s linear infinite;
34
+ margin: 0 auto 20px;
35
+ }
36
+
37
+ @keyframes spin {
38
+ 0% { transform: rotate(0deg); }
39
+ 100% { transform: rotate(360deg); }
40
+ }
41
+
42
+ .loading-text {
43
+ color: #0f0;
44
+ font-size: 24px;
45
+ text-align: center;
46
  }
47
 
 
48
  #cockpit-frame {
49
  position: fixed;
50
  top: 0;
 
82
  user-select: none;
83
  }
84
 
 
 
 
 
 
 
 
 
 
 
 
 
 
85
  #crosshair {
86
  position: fixed;
87
  top: 50%;
 
230
  border-radius: 10px;
231
  display: none;
232
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
233
  </style>
234
  </head>
235
  <body>
236
+ <div id="loading">
237
+ <div class="loading-spinner"></div>
238
+ <div class="loading-text">Loading game assets...</div>
239
+ </div>
240
  <div id="cockpit-frame"></div>
241
  <div id="cockpit-overlay"></div>
242
  <div id="info">
 
246
  Left Click - Shoot<br>
247
  R - Reload
248
  </div>
 
 
249
  <div id="crosshair"></div>
250
  <div id="healthBar"><div id="health"></div></div>
251
  <div id="ammo">Ammo: 30/30</div>