index.html
1.99 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
<html>
<head>
<meta charset="utf-8"/>
<title>App</title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<style>
section {
display: block;
max-width: 94%;
background: #164277;
margin: 0 auto 1em;
height: 110px;
border-radius: .5em;
}
section > div {
font-size: small;
padding:6px;
position: relative;
top: 40%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.overall-container{
height:100%;
width:100%;
position:relative;
overflow:hidden;
}
.app-title{
font-family: myriad pro;
font-size:38px;
font-weight:700;
color:white;
margin-top:10px;
text-align:center;
}
</style>
</head>
<body style="background: url(bg.jpg) center center no-repeat; background-size:cover; font-size: 12pt;">
<div align="center" class="overall-container"><img style="margin-top:20%; width:80%; height:auto;" src="bg-1.png"/><a href="" style="text-decoration:none; color:white; text-shadow:0 0 5px black;">
<div style="width:80%; text-align:center;">Download pre-release version here for testing purpose</div></a>
</div>
<script src="file:///C|/Users/Hao/Downloads/Telegram Desktop/modernizr.js"></script>
<script src="file:///C|/Users/Hao/Downloads/Telegram Desktop/detectizr.js"></script>
<script>
var android = document.querySelector("#android");
var ios = document.querySelector("#ios");
var desktop = document.querySelector("#desktop");
if(Detectizr.os.name == 'android'){
android.style.display = "block";
location.replace("market://details?id=com.incredibleqr.wowecoin&hl=en");
} else if(Detectizr.os.name == 'ios'){
ios.style.display = "block";
} else if(Detectizr.device.type == 'desktop'){
desktop.style.display = "block";
} else {
}
</script>
</body>
</html>