">Name</a>
						</th>
						<th>
							<a href="?sort=size&order=asc">Size</a>
						</th>
						<th class="hideable">
							<a href="?sort=time&order=asc">Modified</a>
						</th>
						<th class="hideable"></th>
					</tr>
					</thead>
					<tbody>
					<tr>
						<td></td>
						<td>
							<a href="..">
								<span class="goup">Go up</span>
							</a>
						</td>
						<td>&mdash;</td>
						<td class="hideable">&mdash;</td>
						<td class="hideable"></td>
					</tr>
					<tr class="file">
						<td></td>
						<td>
							<a href="./ad111567-78d5-4965-886a-541f13795f39.png">
								<svg width="1.5em" height="1em" version="1.1" viewBox="0 0 265 323"><use xlink:href="#file"></use></svg>
								<span class="name">ad111567-78d5-4965-886a-541f13795f39.png</span>
							</a>
						</td>
						<td data-order="23647">23 KiB</td>
						<td class="hideable"><time datetime="2023-07-26T12:08:10Z">07/26/2023 12:08:10 PM &#43;00:00</time></td>
						<td class="hideable"></td>
					</tr>
					<tr class="file">
						<td></td>
						<td>
							<a href="./adcaae1b-8780-4489-a28c-d40c44be2d48.png">
								<svg width="1.5em" height="1em" version="1.1" viewBox="0 0 265 323"><use xlink:href="#file"></use></svg>
								<span class="name">adcaae1b-8780-4489-a28c-d40c44be2d48.png</span>
							</a>
						</td>
						<td data-order="8837">8.6 KiB</td>
						<td class="hideable"><time datetime="2023-07-26T12:08:10Z">07/26/2023 12:08:10 PM &#43;00:00</time></td>
						<td class="hideable"></td>
					</tr>
					<tr class="file">
						<td></td>
						<td>
							<a href="./adcc98a4-96c8-4f7e-bf17-37be9d71db46.mp3">
								<svg width="1.5em" height="1em" version="1.1" viewBox="0 0 265 323"><use xlink:href="#file"></use></svg>
								<span class="name">adcc98a4-96c8-4f7e-bf17-37be9d71db46.mp3</span>
							</a>
						</td>
						<td data-order="24025">24 KiB</td>
						<td class="hideable"><time datetime="2023-07-26T12:08:10Z">07/26/2023 12:08:10 PM &#43;00:00</time></td>
						<td class="hideable"></td>
					</tr>
					</tbody>
				</table>
			</div>
		</main>
		<footer>
			Served with <a rel="noopener noreferrer" href="https://caddyserver.com">Caddy</a>
		</footer>
		<script>
			var filterEl = document.getElementById('filter');
			filterEl.focus();

			function initFilter() {
				if (!filterEl.value) {
					var filterParam = new URL(window.location.href).searchParams.get('filter');
					if (filterParam) {
						filterEl.value = filterParam;
					}
				}
				filter();
			}

			function filter() {
				var q = filterEl.value.trim().toLowerCase();
				var elems = document.querySelectorAll('tr.file');
				elems.forEach(function(el) {
					if (!q) {
						el.style.display = '';
						return;
					}
					var nameEl = el.querySelector('.name');
					var nameVal = nameEl.textContent.trim().toLowerCase();
					if (nameVal.indexOf(q) !== -1) {
						el.style.display = '';
					} else {
						el.style.display = 'none';
					}
				});
			}

			function localizeDatetime(e, index, ar) {
				if (e.textContent === undefined) {
					return;
				}
				var d = new Date(e.getAttribute('datetime'));
				if (isNaN(d)) {
					d = new Date(e.textContent);
					if (isNaN(d)) {
						return;
					}
				}
				e.textContent = d.toLocaleString([], {day: "2-digit", month: "2-digit", year: "numeric", hour: "2-digit", minute: "2-digit", second: "2-digit"});
			}
			var timeList = Array.prototype.slice.call(document.getElementsByTagName("time"));
			timeList.forEach(localizeDatetime);
		</script>
	</body>
</html>