forked from g-rohit/googlePayScratchCard
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
100 lines (84 loc) · 4.78 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
<!DOCTYPE html>
<html lang="en">
<!-- Designed & Developed by
██████╗ ██████╗ ██████╗ ██╗ ██╗██╗████████╗
██╔════╝ ██╔══██╗██╔═══██╗██║ ██║██║╚══██╔══╝
██║ ███╗ ██████╔╝██║ ██║███████║██║ ██║
██║ ██║ ██╔══██╗██║ ██║██╔══██║██║ ██║
╚██████╔╝ ██║ ██║╚██████╔╝██║ ██║██║ ██║
╚═════╝ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝
https://www.linkedin.com/in/grohit19/
-->
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-142315691-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-142315691-1');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Scratch card like google pay | G Rohit</title>
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600,700|Open+Sans:400,600,700&display=swap"
rel="stylesheet">
<link rel="apple-touch-icon" sizes="57x57" href="../favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../favicon//apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../favicon//apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../favicon//apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../favicon//apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../favicon//apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../favicon//apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../favicon//apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../favicon//apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../favicon//android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon//favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../favicon//favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../favicon//favicon-16x16.png">
<link rel="manifest" href="../favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="../favicon//ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1 class="title">Scratch and win</h1>
<div class="container">
<div id="scratchCard">
</div>
<button class="btn" value="Reset" onclick="$('#scratchCard').wScratchPad('reset');" />Reset</button>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/wScratchPad.min.js"></script>
<script>
$('#scratchCard').wScratchPad({
size: 70, // The size of the brush/scratch.
bg: './images/winning-card.jpg', // Background (image path or hex color).
// fg : '#0195FF', // Foreground (image path or hex color).
fg: './images/google-scratch-card.jpg', // Foreground (image path or hex color).
realtime: true, // Calculates percentage in realitime.
scratchDown: null,
// function(e, percent){ console.log("scratchDown:" + percent); },
scratchMove: function (e, percent) {
// console.log("scratchMove:" + percent);
if (percent > 50) {
this.clear();
}
},
scratchUp: null,
// function(e, percent){ console.log("scratchUp:" + percent); },
cursor: 'pointer' // Set cursor.
});
</script>
</body>
<!--
<div class="goBack">
<p><a onclick="window.location='http://www.grohit.com/#projects'" target="_self" aria-label="Projects" style="text-decoration: underline;cursor: pointer;">Back to all projects</a></p>
</div> -->
<div class="pageContentWrapper"></div>
<footer>
© TRB stole the Code from <a href="https://grohit.com/">G Rohit</a>
</footer>
</html>