Skip to content

Instantly share code, notes, and snippets.

@jchansen
Last active March 12, 2016 09:45
Show Gist options
  • Save jchansen/f5016e4aa266c7011fea to your computer and use it in GitHub Desktop.
Save jchansen/f5016e4aa266c7011fea to your computer and use it in GitHub Desktop.
<!--This is the HTML file that gets served to the browser. It contains text-->
<!--that says "Loading..." that will disappear as soon as `bundle.js` has been-->
<!--downloaded and `lore.summon()` has finished setting up your application.-->
<!--It also contains a DOM element to hang dialogs from so they don't conflict-->
<!--with any CSS or JavaScript behaviors in the application (styling overrides-->
<!--or event bubbling cancellation).-->
<html>
<head>
<title>Guessatron 5000</title>
<style>
.loading-text {
text-align: center;
line-height: 100vh;
font-size: 32px;
margin: 0;
font-weight: bold;
color: rgba(0,0,0,.54);
}
</style>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
</head>
<body>
<div id="root">
<h1 class="loading-text">
Loading...
</h1>
</div>
<div id="dialog"></div>
<script src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="dist/bundle.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment