index.html

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>Solid FTP</title>
	<link rel="stylesheet" href="css/app.css">
</head>
<body>
	<h1>Solid FTP</h1>
	<h3>Upload/download files to/from your Solid pod</h3>
	<div id="logged-out-content">
		<p>Log in to view files</p>
		<button id="login">Log in</button>
	</div>
	<div id="logged-in-content">
		<p>You are logged in as <span id="user"></span>.</p>
		<button id="logout">Log out</button><br>

		<label for="url">Current directory:</label><input type="url"
id="url">
		<button id="view">View directory</button>
		<table id="dir">
			<thead>
				<tr>
					<th></th>
					<th>Name</th>
					<th>Type</th>
					<th>Modified</th>
					<th>Size (B)</th>
				</tr>
			</thead>
			<tbody>
				<tr class="node" style="display: none;">
					<td class="node-check"><input type="checkbox"></td>
					<td class="node-name">example</td>
					<td class="node-type"></td>
					<td class="node-modified"></td>
					<td class="node-size"></td>
				</tr>
			</tbody>
		</table>
		<label for="files">Select files:</label><input type="file" id="files">

		<button id="upload">Upload files</button>
		<button id="download">Download selected</button>
		<button id="delete">Delete selected</button>

		<div id="response">Response: <p></p></div>
	</div>
	<script src="js/solid-auth-client.bundle.js"></script>
	<script src="js/rdflib.min.js"></script>
	<script src="js/app.js"></script>
</body>
</html>