-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
67 lines (67 loc) · 2.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TrackMC</title>
<script src="https://www.gstatic.com/firebasejs/5.10.0/firebase.js"></script>
<script>
// Initialize Firebase
var config = {
apiKey: "AIzaSyBsIppg1liZ1jNsZSlB20H1hQbqOwko_B8",
authDomain: "redtech-trackmc.firebaseapp.com",
databaseURL: "https://redtech-trackmc.firebaseio.com",
projectId: "redtech-trackmc",
storageBucket: "redtech-trackmc.appspot.com",
messagingSenderId: "975356223767"
};
firebase.initializeApp(config);
</script>
<link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet">
<script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
<style>
.card {
margin: 5px;
padding: 10px;
display: flex;
}
.center {
text-align: center;
}
.title {
font-size: 30px;
}
body {
background-color: #f1f1f1;
}
</style>
</head>
<body>
<div class="mdc-card card" style="display: block; width: fit-content;">
<h1 class="mdc-typography--subtitle1 center title">Track MC</h1>
<body class="mdc-typography--body1">Add the IP address of servers to track their status. Updates every 30 seconds.<br></br></body>
<div class="mdc-text-field mdc-text-field--outlined" data-mdc-auto-init="MDCTextField">
<input type="text" id="ipField" class="mdc-text-field__input">
<div class="mdc-notched-outline">
<div class="mdc-notched-outline__leading"></div>
<div class="mdc-notched-outline__notch">
<label for="ipField" class="mdc-floating-label">IP Address</label>
</div>
<div class="mdc-notched-outline__trailing"></div>
</div>
</div>
<button class="mdc-button mdc-button--raised" onclick="addIP()">
<span class="mdc-button__label">Add</span>
</button>
</div>
<div id="card-list" style="display: inline-grid;">
<div id="card" class="mdc-card card mdc-typography" style="display: none">
<div id="ip"><b>IP: </b></div>
<div id="motd"><b>MOTD: </b>loading</div>
<div id="playersonline"><b>Players Online: </b>loading</div>
<div id="players"><b>Players: </b>loading</div>
<div id="version"><b>Version: </b>loading</div>
</div>
</div>
</body>
<script src="script.js"></script>
</html>