forked from nimiq/safe
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
104 lines (94 loc) · 4.82 KB
/
index.html
File metadata and controls
104 lines (94 loc) · 4.82 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Nimiq Accounts</title>
<!-- PWA Configs -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<!-- @asset(/apps/safe/src/favicon.ico) -->
<link rel="shortcut icon" href="favicon.ico">
<!-- Android -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#1F2348"> <!-- Nimiq Blue -->
<!--
iOS devices should be served their own version of the manifest.
The best idea is to use a server-side transparent rewrite. An example
for nginx could be:
# redirect iOS users to a custom PWA manifest due to broken PWA.
location /manifest.json {
if ($http_user_agent ~* '(iPhone|iPod|iPad)') {
rewrite ^/manifest.json$ /manifest-ios.json;
}
}
-->
<!--
@asset(/apps/safe/src/pwa/manifest.json)
@asset(/apps/safe/src/pwa/manifest-ios.json)
@asset(/apps/safe/src/pwa/icon180.png)
@asset(/apps/safe/src/pwa/icon192.png)
-->
<link rel="manifest" href="/apps/safe/src/pwa/manifest.json">
<meta name="google" content="notranslate">
<!-- iOS ( See: https://developer.apple.com/libraries/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html ) -->
<meta name="apple-mobile-web-app-title" content="Nimiq Safe">
<meta name="apple-mobile-web-app-status-bar-style" content="translucent">
<link rel="apple-touch-icon" sizes="180x180" href="/apps/safe/src/pwa/icon180.png">
<meta name="application-name" content="Nimiq Safe">
<!-- @asset(/apps/safe/src/blocking.css) -->
<link rel="stylesheet" href="blocking.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Muli:300,400,600,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira+Mono&text=0123456789ABCDEFGHJKLMNPQRSTUVXY">
<!-- build:css -->
<link rel="stylesheet" href="../node_modules/@nimiq/vue-components/dist/NimiqVueComponents.css">
<link rel="stylesheet" href="safe.css">
<!-- endbuild -->
<title>Nimiq Safe</title>
<!-- Matomo -->
<script type="text/javascript">
if (location.origin === 'https://my.nimiq.com') {
var _paq = _paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function () {
var u = "//stats.nimiq-network.com/";
_paq.push(['setTrackerUrl', u + 'nimiq.php']);
_paq.push(['setSiteId', '3']);
var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript'; g.async = true; g.defer = true; g.src = u + 'nimiq.js'; s.parentNode.insertBefore(g, s);
})();
}
</script>
<!-- End Matomo Code -->
</head>
<body class="preparing">
<noscript>
<strong>We're sorry, but our interface doesn't work properly without JavaScript enabled. Please enable it to
continue.</strong>
</noscript>
<div class="loading-screen">
<div class="logo">
<span class="nq-icon nimiq-logo"></span>
<span class="logo-wordmark">Nimiq</span>
</div>
<div class="loading">
<!-- Loading spinner SVG -->
<svg height="48" width="54" color="inherit" class="loading-spinner"><g id="loading-spinner">
<path class="big-hex" d="M51.9,21.9L41.3,3.6c-0.8-1.3-2.2-2.1-3.7-2.1H16.4c-1.5,0-2.9,0.8-3.7,2.1L2.1,21.9c-0.8,1.3-0.8,2.9,0,4.2 l10.6,18.3c0.8,1.3,2.2,2.1,3.7,2.1h21.3c1.5,0,2.9-0.8,3.7-2.1l10.6-18.3C52.7,24.8,52.7,23.2,51.9,21.9z" stroke="currentColor" stroke-width="3" fill="none" stroke-linecap="round" opacity="0.4" stroke-dasharray="92.5 60"/>
<path class="small-hex" d="M51.9,21.9L41.3,3.6c-0.8-1.3-2.2-2.1-3.7-2.1H16.4c-1.5,0-2.9,0.8-3.7,2.1L2.1,21.9c-0.8,1.3-0.8,2.9,0,4.2 l10.6,18.3c0.8,1.3,2.2,2.1,3.7,2.1h21.3c1.5,0,2.9-0.8,3.7-2.1l10.6-18.3C52.7,24.8,52.7,23.2,51.9,21.9z" stroke="currentColor" stroke-width="3" fill="none" stroke-linecap="round" stroke-dasharray="47.5 105"/>
</g></svg>
</div>
</div>
<div id="app">
</div>
<!-- @asset(/apps/safe/node_modules/@nimiq/vue-components/dist/img/iqons.min.72f3b689.svg,img) -->
<!-- build:js -->
<script src="/libraries/nimiq-utils/moment/moment.min.js"></script>
<script src="/elements/vue-components/lib/vue.js"></script>
<script src="../node_modules/@nimiq/vue-components/dist/NimiqVueComponents.umd.js"></script>
<script src="safe.js" type="module"></script>
<!-- endbuild -->
<!-- build:browser-warning -->
<!-- endbuild -->
</body>
</html>