aboutsummaryrefslogtreecommitdiff
path: root/src/app/index.html
blob: fe383a021c95db5db7557e31fc521935c3fb3fdc (plain)
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
106
107
<html>
	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<link rel="stylesheet" href="fonts/import.css">
		<link rel="stylesheet" href="main.css">
		<meta charset="utf-8">
	</head>
	<body>
		<div id="bgHolder"></div>

		<div id="winbtns">
			<div id="minimize" onclick="ipcRenderer.send('minimize')"></div>
			<div id="close" onclick="ipcRenderer.send('exit')"></div>
		</div>
		
		<nav class="gamesContainer">
			<button id="vpBtn" onclick="page(0)"></button>
			<button id="nsBtn" onclick="page(1)"></button>
			<button id="tfBtn" onclick="page(2)"></button>
		</nav>

		<div class="mainContainer">
			<div id="vpContent" class="contentContainer">
				<ul class="contentMenu">
					<li id="vpMainBtn" active onclick="showVpSection('main')">%%viper.menu.main%%</li>
					<li id="vpReleaseBtn" onclick="showVpSection('release')">%%viper.menu.release%%</li>
					<li id="vpInfoBtn" onclick="showVpSection('info')">%%viper.menu.info%%</li>
				</ul>
				<div class="contentBody">
					<div id="vpMain" class="section">
						<img src="icons/viper.png"/>
						<div class="inline" style="margin-top: 20px;">
							<div id="vpversion"></div> |
							<a id="setpath" href="#" onclick="setpath()">%%gui.setpath%%</a>
						</div>
					</div>
					<div id="vpReleaseNotes" class="hidden section"></div>
					<div id="vpInfo" class="hidden section">
						<h2>%%viper.menu.info.links%%</h2>
						<ul>
							<li>%%viper.info.discord%% <a href="https://northstar.tf/discord">northstar.tf/discord</a></li>
							<li>%%viper.info.issues%% <a href="https://github.com/0neGal/viper/issues">github.com/0neGal/viper/issues</a></li>
						</ul>
						<h2>%%viper.menu.info.credits%%</h2>
						<ul>
							<li>Viper Logo: Imply#9781</li>
							<li>Viper Background: <a href="https://www.reddit.com/r/titanfall/comments/fwuh2x/take_to_the_skies">Uber Panzerhund</a></li>
							<li>Titanfall+Northstar Logo: <a href="https://www.steamgriddb.com/logo/47851">Aftonstjarma</a></li>
						</ul>
					</div>
				</div>
			</div>

			<div id="nsContent" class="contentContainer">
				<ul class="contentMenu">
					<li id="nsMainBtn" active onclick="showNsSection('main')">%%ns.menu.main%%</li>
					<li id="nsModsBtn" onclick="showNsSection('mods')">%%ns.menu.mods%%</li>
					<li id="nsReleaseBtn" onclick="showNsSection('release')">%%ns.menu.release%%</li>
				</ul>
				<div class="contentBody">
					<div id="nsMain" class="section">
						<div class="img"><img src="../assets/ns.png"></div>
						<div class="playBtnContainer">
							<button id="playNsBtn" class="playBtn" onclick="launch()">%%gui.launch%%</button>
							<div class="inline">
								<div id="nsversion"></div>
								<a id="update" href="#" onclick="update()">(%%gui.update.check%%)</a>
							</div>
						</div>
					</div>
					<div id="nsMods" class="hidden section">
						<div id="modsdiv">
						</div>
						<div class="line">
							<div class="text" id="modcount">%%gui.mods%%</div>
							<div class="buttons modbtns">
								<button id="removemod" onclick="selected().remove()">%%gui.mods.remove%%</button>
								<button id="removeall" onclick="selected(true).remove()">%%gui.mods.removeall%%</button>
								<button id="togglemod" onclick="selected().toggle()">%%gui.mods.toggle%%</button>
								<button id="toggleall" onclick="selected(true).toggle(true)">%%gui.mods.toggleall%%</button>
								<button id="installmod" onclick="installmod()">%%gui.mods.install%%</button>
							</div>
						</div>
					</div>
					<div id="nsRelease" class="hidden section"></div>
				</div>
			</div>

			<div id="tfContent" class="contentContainer">
				<ul class="contentMenu"><li style="opacity:0.0">filler</li></ul>
				<div class="contentBody">
					<div class="section">
						<div class="img"><img src="../assets/vanilla.png"></div>
						<div class="playBtnContainer">
							<button class="playBtn" onclick="launchVanilla()">%%gui.launch%%</button>
							<div id="tf2Version"></div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script src="lang.js"></script>
		<script src="main.js"></script>
		<script src="launcher.js"></script>
	</body>
</html>