-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
105 lines (89 loc) · 3.53 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
98
99
100
101
102
103
104
105
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="/src/styles.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>TQ Launcher</title>
<script type="module" src="/src/main.ts" defer></script>
</head>
<body>
<div class="row">
<a href="https://github.com/MaxineHelsel/TerraQuest" target="_blank" style="margin: auto 1em">
<img src="/src/assets/github.png" width="30" alt="GitHub" />
</a>
<h1>TerraQuest Launcher</h1>
<a href="https://discord.gg/hF3mxYYST2" target="_blank" style="margin: auto 1em">
<img src="/src/assets/discord.png" width="30" alt="Discord" />
</a>
</div>
<div class="container" style="margin-top: 0; padding-top: 0">
<form class="row" id="newinst-form">
<input id="newinst-name" class="fancy-bg" placeholder="Instance Name" />
<select id="newinst-ver" class="fancy-bg" name="newinst-ver"></select>
<button type="submit" class="fancy-bg">Create</button>
</form>
<div id="edge-filter-div" class="row">
<label for="edge-filter-check">Show Edge</label>
<input type="checkbox" id="edge-filter-check" class="fancy-bg" />
</div>
</div>
<div id="instances" class="row"></div>
<div id="bottom-panel" class="container row fancy-bg" style="padding-top: 0">
<div id="tab-buttons" class="row">
<button id="btn-news-tab" class="fancy-bg tab-btn">News</button>
<button id="btn-settings-tab" class="fancy-bg tab-btn">Settings</button>
<button id="btn-edit-tab" class="fancy-bg tab-btn" style="display: none">
Edit
</button>
</div>
<div id="news-tab" class="tab">
<h2>TerraQuest News</h2>
<h3>News goes here</h3>
</div>
<div id="settings-tab" class="tab">
<h2>Launcher Settings</h2>
<form id="settings-form">
<label for="settings-flags">Global Default Flags: </label>
<input type="text" id="settings-flags" class="fancy-bg" />
<br />
<button type="submit" class="fancy-bg">Save</button>
</form>
</div>
<div id="edit-tab" class="tab">
<div id="edit-instance-titlebar" class="row">
<h2>Editing "<span id="editing-inst-name"></span>"...</h2>
</div>
<form id="edit-instance-form">
<input id="edit-inst-flags" class="fancy-bg" placeholder="Flags" />
<br />
<button id="btn-delete" class="fancy-bg">Delete</button>
<button type="submit" class="btn-save fancy-bg">Save</button>
</form>
</div>
</div>
</body>
<template id="cpanel-tmp"> </template>
<template id="instance-tmp">
<div class="instance-box fancy-bg">
<h2 class="instance-name"></h2>
<h3 class="instance-ver"></h3>
<button class="btn-play fancy-bg">Play</button>
<button class="btn-edit fancy-bg">Edit</button>
</div>
</template>
<template id="instance-tmp-none">
<div class="instance-box fancy-bg">
<h2 class="instance-name">No Instances Yet!</h2>
</div>
</template>
<template id="modal-tmp">
<div id="modal-bg">
<div id="modal-content">
<h1 id="modal-title">Title</h1>
<p id="modal-text">Text</p>
<div id="modal-buttons"></div>
</div>
</div>
</template>
</html>