-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
105 lines (97 loc) · 6.61 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Prime Machine</title>
<link rel="icon" type="image/png" sizes="32x32" href="<%= htmlWebpackPlugin.files.publicPath %>static/img/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="<%= htmlWebpackPlugin.files.publicPath %>static/img/icons/favicon-16x16.png">
<!--[if IE]><link rel="shortcut icon" href="/static/img/icons/favicon.ico"><![endif]-->
<!-- Add to home screen for Android and modern mobile browsers -->
<link rel="manifest" href="<%= htmlWebpackPlugin.files.publicPath %>static/manifest.json">
<meta name="theme-color" content="#4DBA87">
<!-- Add to home screen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="{{ name }}">
<meta name="apple-mobile-web-app-capable" content="yes" />
<link href="<%= htmlWebpackPlugin.files.publicPath %>static/img/apple_screen/apple_splash_2048.png" sizes="2048x2732" rel="apple-touch-startup-image"
/>
<link href="<%= htmlWebpackPlugin.files.publicPath %>static/img/apple_screen/apple_splash_1668.png" sizes="1668x2224" rel="apple-touch-startup-image"
/>
<link href="<%= htmlWebpackPlugin.files.publicPath %>static/img/apple_screen/apple_splash_1536.png" sizes="1536x2048" rel="apple-touch-startup-image"
/>
<link href="<%= htmlWebpackPlugin.files.publicPath %>static/img/apple_screen/apple_splash_1125.png" sizes="1125x2436" rel="apple-touch-startup-image"
/>
<link href="<%= htmlWebpackPlugin.files.publicPath %>static/img/apple_screen/apple_splash_1242.png" sizes="1242x2208" rel="apple-touch-startup-image"
/>
<link href="<%= htmlWebpackPlugin.files.publicPath %>static/img/apple_screen/apple_splash_750.png" sizes="750x1334" rel="apple-touch-startup-image"
/>
<link href="<%= htmlWebpackPlugin.files.publicPath %>static/img/apple_screen/apple_splash_640.png" sizes="640x1136" rel="apple-touch-startup-image"
/>
<link rel="apple-touch-icon" href="<%= htmlWebpackPlugin.files.publicPath %>static/img/icons/apple-touch-icon-152x152.png">
<link rel="mask-icon" href="<%= htmlWebpackPlugin.files.publicPath %>static/img/icons/safari-pinned-tab.svg" color="#4DBA87">
<!-- Add to home screen for Windows -->
<meta name="msapplication-TileImage" content="<%= htmlWebpackPlugin.files.publicPath %>static/img/icons/msapplication-icon-144x144.png">
<meta name="msapplication-TileColor" content="#000000">
<% for (var chunk of webpack.chunks) {
for (var file of chunk.files) {
if (file.match(/\.(js|css)$/)) { %>
<link rel="<%= chunk.initial?'preload':'prefetch' %>" href="<%= htmlWebpackPlugin.files.publicPath + file %>" as="<%= file.match(/\.css$/)?'style':'script' %>">
<% }}} %>
<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fredoka+One" rel="stylesheet" media="none" onload="if(media!='all')media='all'">
<script src="https://apis.google.com/js/client.js"> </script>
<script src="https://code.jquery.com/jquery-1.9.1.min.js" integrity="sha256-wS9gmOZBqsqWxgIVgA8Y9WcQOa7PgSIX+rPA0VL2rbQ=" crossorigin="anonymous"></script>
</head>
<body>
<div class="portrait-warning">
<div>
<h1>Prime Machine</h1>
<svg xmlns="http://www.w3.org/2000/svg" height="625.64" width="556.23" viewBox="0 0 556.23 625.64">
<path d="M23.1 624.32C-12.78 609.26 5.14 563.7.35 533.9c-.2-112.6-.97-225.2.7-337.8 1.83-18.36 20.36-30.14 37.72-26.68l206.8.05c31.33 9.7 20.5 46.42 22.7 71.1.56 119.92 1.64 239.88-.2 359.8-6.7 33.08-46.34 23.63-70.87 25.02-58.02-.22-116.1.5-174.12-1.08zm118.77-19.4c35.58-17.44-18.95-58.86-26.48-20.6-2.48 14.5 12.95 26.86 26.47 20.6zm82.9-66.86c6.4-7.24 1.1-19.84 2.86-29.2-.34-93.5 1.6-187.03-.75-280.48 1.4-20.3-54.23-5.1-76.62-9.97-35.84.2-67.7.6-103.5 2.23-9.32 24.86-2.03 56.87-4.57 84.46-.12 76.8-.08 153.64-.1 230.46 7.1 9.35 20.32 3.1 30.4 4.9h149.48zM288.1 571c1.1-9.1-5-25.38 10.03-20.53 67.5-.6 135.22 1.54 202.56-1.68 8.7-25.74 2.4-56.28 4.2-83.98l-.3-95.2c-6-9.67-18.9-3.37-28.3-5.15H288.1v-41h244.46c25.47 7.83 24.22 37.3 23.28 58.76-.3 62.03 1.88 124.34-1.65 186.2-3.7 17.6-22.12 25.37-38.35 22.58l-227.76.5zm128.33-325.47c-11.8-12.74-57.2-58.25-28.2-67.87 35.04 9.3 12.8-40.83 7.82-56.4-28.2-63.1-100.66-100.04-168.4-89.3-39.8 5.23-74.58 28.16-100.87 57.64-19.36 18.12-25.77-20.88-5.3-35.1 63.16-56.08 156.92-73.75 230.8-26.13 52.94 32.53 86.32 91.6 90.37 153.25 17.08 2.15 48.42 1.38 18.6 31.28 0 0-26.97 37.36-44.84 32.63z"
fill="#222" />
</svg>
<p>Rotate your screen into a landscape orientation.</p>
</div>
</div>
<div id="app"></div>
<!-- built files will be auto injected -->
<script>
window.addEventListener('appinstalled', (evt) => {
app.logEvent('Prima Machine', 'installed');
});
window.addEventListener('beforeinstallprompt', (e) => {
console.log('beforeinstallprompt', e)
// Prevent Chrome 67 and earlier from automatically showing the prompt
e.preventDefault()
// Stash the event so it can be triggered later.
deferredPrompt = e
// Show the prompt
deferredPrompt.prompt()
// Wait for the user to respond to the prompt
deferredPrompt.userChoice
.then((choiceResult) => {
if (choiceResult.outcome === 'accepted') {
console.log('User accepted the Prime Machine prompt')
} else {
console.log('User dismissed the Prime Machine prompt')
}
deferredPrompt = null;
})
})
</script>
<script type='text/javascript'>function zs_open_window(url, height, width) { var leftPos = 0; var topPos = 0; if (screen) { leftPos = (screen.width - width) / 2; topPos = (screen.height - height) / 2; window.open(url, null, 'width=' + width + ',height=' + height + ',left=' + leftPos + ',top=' + topPos + ', toolbar=0, location=0, status=1, scrollbars=1, resizable=1'); } }</script>
<script type='text/javascript'>
console.log(jQuery)
jQuery(function () {
jQuery('.popup-close-icon').on('click', function () {
jQuery('#popup').animate({ 'bottom': '1000px' }, 500, function () {
jQuery(this).remove();
});
});
});
</script>
</body>
</html>