use instant.io as starting point

2016-01-02 16:23:30 +01:00
parent c584d23ddb
commit ab8b0a42c1
5 changed files with 371 additions and 28 deletions
--- a/index.html
+++ b/index.html
@@ -1,17 +1,33 @@
 <!doctype html>
-<html>
+<html lang="en">
 	<head>
 		<meta charset="utf-8">
-		<title>Electron boilerplate</title>
-		<link rel="stylesheet" href="index.css">
+		<title>WebTorrent</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<link rel="stylesheet" href="index.css" charset="utf-8">
 	</head>
 	<body>
-		<div class="container">
+		<main>
 			<header>
-				<h1>Electron boilerplate</h1>
+				<h1>WebTorrent</h1>
 			</header>
-			<section class="main"></section>
-			<footer></footer>
+			<h2 id="logHeading" style="display: none">Log</h2>
+			<div class="speed"></div>
+			<div class="log"></div>
+
+			<h2>Start seeding</h2>
+			<p>
+				Drag-and-drop a file (or files) to begin sharing. Or choose a file:
+			  <input type="file" name="upload" multiple>
+			</p>
+
+			<h2>Start downloading</h2>
+			<form>
+			  <label for="torrentId">Download from a magnet link or info hash</label>
+			  <input name="torrentId" placeholder="magnet:" required>
+			  <button type="submit">Download</button>
+			</form>
 		</div>
+		<script src="client/index.js"></script>
 	</body>
 </html>