<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{{ name }}</title>
<meta name="description" content="{{ description }}">
<meta name="author" content="{{ author }}">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
{{!-- Specifies the splash screen color on app load --}}
<meta name="theme-color" content="#1A1A1A">
{{!-- Disable pinch to zoom by setting user-scalable="no" --}}
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=no">
{{!-- Specifies this is Mobile Safari PWA capable --}}
<meta name="apple-mobile-web-app-capable" content="yes">
{{!--
Sets the iOS status bar style to be translucent i.e match the background color.
Unfortunately, the text color is always white so this will look bad if the app
background is a light color due to the low contrast.
--}}
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
{{!-- iOS specific splashscreens and icons --}}
<link rel="apple-touch-startup-image" href="./img/splashscreens/iphone5.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" />
<link rel="apple-touch-startup-image" href="./img/splashscreens/iphone6.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" />
<link rel="apple-touch-startup-image" href="./img/splashscreens/iphoneplus.png" media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)" />
<link rel="apple-touch-startup-image" href="./img/splashscreens/iphonex.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" />
<link rel="apple-touch-startup-image" href="./img/splashscreens/iphonexr.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" />
<link rel="apple-touch-startup-image" href="./img/splashscreens/iphonexsmax.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" />
<link rel="apple-touch-startup-image" href="./img/splashscreens/ipad.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" />
<link rel="apple-touch-startup-image" href="./img/splashscreens/ipadpro1.png" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" />
<link rel="apple-touch-startup-image" href="./img/splashscreens/ipadpro3.png" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" />
<link rel="apple-touch-startup-image" href="./img/splashscreens/ipadpro2.png" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" />
<link rel="apple-touch-icon" type="image/png" href="./img/icons/homescreen_152x152.png">
<link rel="apple-touch-icon" type="image/png" sizes="152x152" href="./img/icons/homescreen_152x152.png">
<link rel="apple-touch-icon" type="image/png" sizes="167x167" href="./img/icons/homescreen_167x167.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="./img/icons/homescreen_180x180.png">
<link rel="manifest" href="{{ manifest_path }}">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="article">
<meta property="og:title" content="{{ name }}">
<meta property="og:description" content="{{ description }}">
<meta property="og:url" content="{{ url }}">
<meta property="og:site_name" content="{{ name }}">
<meta property="og:image" content="./img/icons/homescreen_192x192.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:description" content="{{ description }}">
<meta name="twitter:title" content="{{ name }}">
<meta name="twitter:site" content="{{ url }}">
<meta name="twitter:image" content="./img/icons/homescreen_192x192.png">
<meta name="twitter:creator" content="@alexkehayias">
<script src="{{ app_js_path }}"></script>
<style>
{{!-- Disable text selecting in app --}}
body {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
</style>
</head>
{{!-- Enable tap effects on buttons and links --}}
<body ontouchstart="">
<main id="app"></main>
<script>
wasm_bindgen('{{ wasm_path }}')
.then(wasm_bindgen.render)
.catch(console.error);
if('serviceWorker' in navigator) {
navigator.serviceWorker.register('{{ sw_js_path }}');
};
</script>
</body>
</html>