-
Notifications
You must be signed in to change notification settings - Fork 12
/
index.html
97 lines (92 loc) · 4.66 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>osu! Private Server Listing</title>
<link rel="stylesheet" href="https:////fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" href="dist/style.css">
<link rel="stylesheet" href="src/custom.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/list.js/1.5.0/list.min.js"></script>
<link rel="icon" href="https://osu.ppy.sh/images/favicon/favicon-32x32.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Data server -->
<script src="src/data.js"></script>
<script src="src/endpointData.js"></script>
<!-- Triangles effect -->
<script src="src/Triangles.js"></script>
<!-- Primary Meta Tags -->
<meta name="title" content="Osu! Private Server Listing">
<meta name="description" content="Welcome to a simple osu! private server listing! Here, you can find any server you want. You can also join their discord for more information about the server.">
<meta name="keywords" content="osu, private, server, list, osu!server, private server, ripple, osu private server, osu private server github, osu private server tutorial, best osu private server, osu private server reddit, how to make osu private server, osu lazer private server, osu relax private server, osu mania private server">
<!-- Open Graph / Facebook / Discord -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://list.troke.id/">
<meta property="og:title" content="osu! Private Server Listing">
<meta property="og:description" content="Welcome to a simple osu! private server listing! Here, you can find any server you want. You can also join their discord for more information about the server.">
<meta property="og:image" content="https://cdn.discordapp.com/attachments/874251888357441537/938105355056074812/osu_ps_small.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://list.troke.id">
<meta property="twitter:title" content="osu! Private Server Listing">
<meta property="twitter:description" content="Welcome to a simple osu! private server listing! Here, you can find any server you want. You can also join their discord for more information about the server.">
<meta property="twitter:image" content="https://cdn.discordapp.com/attachments/874251888357441537/938105355056074812/osu_ps_small.png">
</head>
<body class="text-white bg-gray-800" style="font-family: 'Source Sans Pro', sans-serif">
<div class="py-20 bg-triangle">
<div class="container text-center mx-auto px-6">
<h2 class="text-4xl font-bold mb-2 text-white">
osu! Private Server Listing
</h2>
<h3 class="text-2xl mb-8 text-gray-200">
Find your best server here or add yours!
</h3>
<!--<a href="https://discord.gg/YJs9qkStGB">
<button class="bg-white text-gray-700 font-bold rounded-full py-4 px-8 shadow-lg uppercase tracking-wider">
Join Discord!
</button>
</a>-->
</div>
</div>
<section class="container max-w-full mx-auto px-6 p-10 text-white bg-gray-800">
<h2 class="text-4xl font-bold text-center text-white mb-8">
Server List
</h2>
<div class="static max-w-5xl mx-auto overflow-x-auto shadow-md" id="list-container">
<table id="app" class="w-full text-sm text-left text-white">
<thead class="text-xs bg-purple-900 text-white">
<tr>
<th scope="col" class="px-6 py-3">
SERVER NAME
</th>
<th scope="col" class="py-3">
OWNER
</th>
<th scope="col" class="px-6 py-3">
LOCATION
</th>
<th scope="col" class="px-6 py-3">
ONLINE
</th>
<th scope="col" class="pl-14 py-3">
DISCORD
</th>
</tr>
</thead>
<tbody class="list">
</tbody>
</table>
</div>
</section>
<footer class="text-white" style="background: linear-gradient(90deg, #110f13 0%, #764ba2 100%)">
<div class="container mx-auto px-6 pt-10 pb-6">
<div class="flex flex-wrap">
<div class="w-full text-center">
<h5 class="uppercase mb-6 font-bold" >Made with ♥ by <a href="https://github.com/troke12/osu-server-list">troke</a></h5>
</div>
</div>
</div>
</footer>
</body>
<script src="src/Trianglesconfig.js"></script>
</html>