-
Notifications
You must be signed in to change notification settings - Fork 7
/
donate.html
136 lines (135 loc) · 3.82 KB
/
donate.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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Installed</title>
</head>
<body>
<div class="top">
<img src="profile.png" class="circle"/>
</div>
<div class="mid">
<h1 class="center">Thank you for installing</h1>
<div class="left">
<p>
I want to personally thank you for installing Coin-Hive Blocker. I, as most others, would like to keep my processing-power to myself. That is the reason why I made this extension.
</p>
<p>
I am at the moment a High School Senior with a hope for a future job in Web Development. If you know anyone who could be interested in mentoring me, or just have some feedback, please <a href="mailto:moldskredandreas1@gmail.com" target="_blank">send me an email.</a> If you feel generous, please consider leaving a tip. <br>Happy mining-free browsing! 🎉
</p>
</div>
<div class="right">
<div class="col s12">
<img src="steam.svg" id="steam" class="center donate center-align" />
<img src="ether.svg" id="ether" class="center donate center-align" />
</div>
<div class="col s12">
<img src="paypal.png" id="paypal" class="center donate center-align" />
<img src="bitcoin.png" id="btc" class="center donate center-align"/>
</div>
</div>
</div>
<div style="height:1px;width:100vw;background-color: grey"></div>
<div class="howto">
<h1 class="center">How to use the blocker</h1>
<div class="wrap">
<h3>How do I start blocking?</h3>
<p style="width:25%; margin-left:auto;margin-right: auto">
Click the Coin-Hive blocker icon on the top left of your browser. By clicking it you switch between the different states of the blocker. To start click the icon once, so that the badge displays "On".
</p>
<h3 >The Badges</h3>
<ul>
<li>"Off" means that the blocker is NOT running</li>
<li>"On" means that the blocker IS running</li>
<li>"Stat" means that when you click the Icon, stats will be displayed </li>
</ul>
<h3>More questions?</h3>
<p>Send me an email <a href="mailto:moldskredandreas1@gmail.com" target="_blank">here</a><br>or<br>Take a look at the code <a href="https://github.com/andreas0607/CoinHive-blocker" target="_blank">here</a></p>
</div>
</div>
<script type="text/javascript" src="donate.js"></script>
<style type="text/css">
.howto{
width:100%;
height:100%;
}
ul li{
list-style:none;
}
.wrap{
font-size:1.2rem;
width:100%;
margin:0;
left: auto;
right: auto;
text-align:center;
}
.col .s12{
width: 100%;
margin-left: auto;
left: auto;
right: auto;
}
.donate{
width:auto;
height:25vh;
transition: all .3s;
}
.donate:hover{
transform: scale(1.2)
}
body,html{
height:100%;
width:100vw;
margin:0;
overflow-x: hidden;
font-family: Roboto;
background: linear-gradient(to right,#f7f7f7 0%, #dedede 100%)
}
a{
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.left{
font-size:1.4rem;
float:left;
width:50vw;
font-weight: 300;
text-align: center;
}
.right{
float:right;
width:48vw;
text-align:center;
}
.top{
height:25%;
width:100%;
}
.mid{
height:75%;
width:100%;
}
.center{
text-align: center;
}
p{
width:70%;
margin-left:15%;
}
img {
max-width: 100%;
max-height: 100%;
}
.circle{
display: block;
margin: auto;
border-radius: 50%;
}
</style>
</body>
</html>