46 lines
1.5 KiB
HTML
46 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html class="tachyon ma0 pa0 h-100">
|
|
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css" />
|
|
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css" />
|
|
<style type="text/css" media="screen">
|
|
#loading {
|
|
-webkit-animation: rotation 2s infinite linear;
|
|
}
|
|
|
|
@-webkit-keyframes rotation {
|
|
from {
|
|
-webkit-transform: rotate(0deg);
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: rotate(359deg);
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="ma0 pa0 h-100">
|
|
<div id="app" class="ma0 pa0 h-100">
|
|
<section id="startup" class="h-100">
|
|
<noscript>
|
|
You need to enable JavaScript to run this app.
|
|
</noscript>
|
|
<div class="h-100 w-100 flex justify-around items-center v-mid">
|
|
<div class="v-mid tc">
|
|
<p class="f2 button is-warning is-loading">Initiating Blog</p>
|
|
<i id="loading" class="f-6 fas fa-circle-notch"></i>
|
|
<p>Application is loading, if nothing happens ensure javascript is enabled.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<script src="/js/base.js" type="text/javascript"></script>
|
|
<script src="/js/app.js" type="text/javascript"></script>
|
|
</body>
|
|
|
|
</html>
|