startup.html

<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" href = "assets/css/bootstrap.min.css">
	<link rel="stylesheet" href="assets/css/font-awesome.min.css">
	<link rel = "stylesheet" href = "css/startup.css">
	<script src = "assets/js/jquery.js" onload = "window.$ = window.jQuery = module.exports;"></script>
	<script src = "assets/js/bootstrap.js"></script>
	<script src = "assets/js/vue.js"></script>
	<script src = "js/startup.js" defer></script>
	<title>Editor</title>
</head>
<body>
	<div id = "main">
		<div class = "fa-container">
			<i v-if = "!updateAvailable" class = "fa fa-spinner fa-5x fa-pulse"></i>
			<i v-else class = "fa fa-question fa-5x"></i>
		</div>
		<p>{{status}}</p>
		<a v-if = "failed" v-on:click = "reload" class = "btn btn-default btn-lg">
		<i class = "fa fa-refresh"></i>	Try Again
		</a>
		<div v-if = "updateAvailable" class = "container-fluid">
			<p>An update is available. You can choose to update now or later. Note that updating now may result in you losing any local changes (i.e. anything that hasn't been made live yet). However, if you do not update now you may overwrite any changes someone else has made to the website. <b>It is recommended to update now.</b></p>
			<a v-on:click = "prepareForNextPage" class = "btn btn-danger btn-lg">Update Later</a>
			<a v-on:click = "updateNow" class = "btn btn-success btn-lg">Update Now</a>
		</div>
	</div>
</body>
</html>