Skip to content

Commit c5be6fc

Browse files
Albigaming98Albigaming98
authored
Add files via upload
1 parent a806b4d commit c5be6fc

5 files changed

Lines changed: 102 additions & 0 deletions

File tree

‎fxmanifest.lua‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
fx_version 'cerulean'
2+
game 'gta5'
3+
4+
description 'Simple loadingscreen'
5+
6+
files {
7+
'html/index.html',
8+
'html/style.css',
9+
'html/music/loading_music.mp3',
10+
'html/img/background.jpg'
11+
}
12+
13+
loadscreen 'html/index.html'

‎html/img/background.jpg‎

401 KB
Loading

‎html/index.html‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Test Server</title>
7+
<link rel="stylesheet" href="style.css">
8+
</head>
9+
<body>
10+
<div class="container">
11+
<img src="img/background.jpg" alt="Background" class="background">
12+
<div class="content">
13+
<h1>Test Server</h1>
14+
<div class="loader">
15+
<div class="loading-bar"></div>
16+
</div>
17+
<p>Server is loading...</p>
18+
</div>
19+
</div>
20+
<audio autoplay loop>
21+
<source src="music/loading_music.mp3" type="audio/mp3">
22+
</audio>
23+
<script src="script.js"></script>
24+
</body>
25+
</html>

‎html/music/loading_music.mp3‎

4.18 MB
Binary file not shown.

‎html/style.css‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
body, html {
2+
margin: 0;
3+
padding: 0;
4+
width: 100%;
5+
height: 100%;
6+
overflow: hidden;
7+
font-family: Arial, sans-serif;
8+
color: white;
9+
}
10+
11+
.container {
12+
position: relative;
13+
width: 100%;
14+
height: 100%;
15+
display: flex;
16+
justify-content: center;
17+
align-items: center;
18+
flex-direction: column;
19+
text-align: center;
20+
}
21+
22+
.background {
23+
position: absolute;
24+
width: 100%;
25+
height: 100%;
26+
object-fit: cover;
27+
z-index: -1;
28+
}
29+
30+
.content {
31+
z-index: 1;
32+
}
33+
34+
h1 {
35+
margin: 0;
36+
font-size: 3em;
37+
}
38+
39+
.loader {
40+
margin-top: 20px;
41+
width: 100%;
42+
height: 30px;
43+
background-color: rgba(255, 255, 255, 0.2);
44+
border-radius: 5px;
45+
overflow: hidden;
46+
position: relative;
47+
}
48+
49+
.loading-bar {
50+
width: 0;
51+
height: 100%;
52+
background-color: #E6B33D;
53+
animation: loading 5s linear infinite;
54+
}
55+
56+
@keyframes loading {
57+
0% { width: 0; }
58+
100% { width: 100%; }
59+
}
60+
61+
p {
62+
margin-top: 10px;
63+
font-size: 1.2em;
64+
}

0 commit comments

Comments
 (0)