TwitchMultiView/index.html at master · LethalMaus/TwitchMultiView · GitHub

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
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>TwitchMultiView</title>
		<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
		<link rel="stylesheet" href="css/style.css" type="text/css">
		<script src= "https://embed.twitch.tv/embed/v1.js"></script>
		<script type="text/javascript" src="js/logic.js" defer></script>
	</head>
	<body onresize="resizePlayers()">
		<div id="main">
			<img id="logo" src="img/logo.png" alt="Twitch Multi View">
			<h1>Twitch Multi View</h1>
			<input type="text" id="channel1" class="textInput" placeholder="Enter a Twitch Streamer name..." onkeypress="setFocus(event, 'channel2')">
			<input type="text" id="channel2" class="textInput" placeholder="Enter a Twitch Streamer name..." onkeypress="setFocus(event, 'channel3')">
			<input type="text" id="channel3" class="textInput" placeholder="Enter a Twitch Streamer name..." onkeypress="setFocus(event, 'channel4')">
			<input type="text" id="channel4" class="textInput" placeholder="Enter a Twitch Streamer name..." onkeypress="setFocus(event, 'start')">
			<input type="image" id="start" src="img/start.png" alt="Start" onclick="startPlayers()">
		</div>
		<div id="player1"></div>
		<div id="player2"></div>
		<div id="player3"></div>
		<div id="player4"></div>
	</body>
</html>