43 lines
1.5 KiB
HTML
43 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Elm Workshop</title>
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
|
<link rel="manifest" href="/site.webmanifest">
|
|
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
|
|
<meta name="msapplication-TileColor" content="#da532c">
|
|
<meta name="theme-color" content="#ffffff">
|
|
|
|
|
|
<!-- Import Ionicon icons & Google Fonts our Bootstrap theme relies on -->
|
|
<link href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css">
|
|
<link href="/fonts.css" rel="stylesheet" type="text/css">
|
|
<!-- Import the custom Bootstrap 4 theme from our hosted CDN -->
|
|
<link rel="stylesheet" href="/main.css">
|
|
|
|
<script src="/elm.js"></script>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
var app = Elm.Main.init({flags: localStorage.session || null});
|
|
|
|
app.ports.storeSession.subscribe(function(session) {
|
|
localStorage.session = session;
|
|
|
|
// Report that the new session was stored succesfully.
|
|
setTimeout(function() { app.ports.onSessionChange.send(session); }, 0);
|
|
});
|
|
|
|
window.addEventListener("storage", function(event) {
|
|
if (event.storageArea === localStorage && event.key === "session") {
|
|
app.ports.onSessionChange.send(event.newValue);
|
|
}
|
|
}, false);
|
|
</script>
|
|
</body>
|
|
</html>
|