<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Loading</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<style type="text/css">
html, body {
	font-family: sans-serif;
	margin:0;
	width:100%;
	height:100%;
}
#padder {
	height:100%;
	position:relative;
}
#surrogate-area {
    position:absolute;
    top:10px;
    bottom:10px;
    left:10px;
    right:10px;
}
button.again {
	margin-top:2em;
}
/* hide close button */
.contented-close {
    display: none;
}
		</style>
	</head>
	<body>
		<div id="padder">
			<div id="surrogate-area">
				Loading...
			</div>
		</div>
        
        <script type="text/javascript" src="/jquery-3.7.0.min.js"></script>
		<script type="text/javascript" src="/sdk.js"></script>
        <script type="text/javascript">
"use strict";

// Handle errors
window.addEventListener('error', function(message) {
    alert(message);
    window.location.href = window.location.href;
})

// Set page title
$.get("/about", function(ret) {
    $("title").text(ret.AppTitle);
});

// Load upload widget
contented.init("#surrogate-area", function(items) {
    window.location.href = contented.getMultiPreviewURL(items);
});
		</script>
	</body>
</html>