<html>

<body bgcolor="#212127">

	<head>
		<title><%=dirname%></title>
		<meta charset="UTF-8">
		<style>
			body {
				font: normal 14px Verdana;
				color: #999999;
			}

			td {
				vertical-align: top
			}

			textarea {
				font: normal 14px Verdana;
				color: #999999;
				background-color: #212127;
				width: 100%;
				height: 700;
			}

			a {
				color: #9999ff;
			}
			.subtable {
				border-collapse: collapse;
				table-layout:fixed;
				width:100%
			}
			.maintable {
				border-collapse: collapse;
				table-layout:fixed;
				width:100%
				padding:0; margin:0;
				border: none !important;
			}
			tr {
				line-height: 29px;
				width:32%;
			}
			.butt {
				background-color: #212127;
				color: #999999;
				cursor: pointer;
				width: 100%;
				border: none;
				text-align: left;
				outline: none;
				font-size: 13px;
			}

			.active,
			.butt:hover {
				background-color: #555;
			}

		</style>
	</head>
	<center>
		<h1>
			<%=dirname%>
		</h1>
	</center>
	<a href=<%= "http://qmining.tk/stuff" + prevDir%> > Up one level </a>
	</p>

	<table class="maintable">
		<% for (var i = 0; i < folders.length; i++) { %>
			<tr>
				<td>
					<button class="butt"> 
						<table class="subtable">
							<td style='width:30%;'>
								<a href="<%= "http://qmining.tk/stuff" + folders[i].path%>"> <%=folders[i].name %> </a>
							</td>
							<td style='width:30%;'>
								<%=folders[i].path %>
							</td>
							<td style='width:20%;'>
								<%=folders[i].mtime %>
							</td>
							<td style='width:10%;'>
								<%=folders[i].size %> MB
							</td>
						</table>
					</button>
				</td>
			</tr>
		<% } %>
	</table>
</body>
</html>