-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
85 lines (84 loc) · 5.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Pirate Donation Button Test Page</title>
<link rel="shortcut icon" type="image/x-icon" href="donateARRR_small.png">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
@font-face {
font-family: "Eurostile";
src: url(fonts/EurostileLTStd.eot); /* IE */
src: local("Eurostile"), url(fonts/EurostileLTStd.otf) format("opentype"); /* non-IE */
}
body { background-color: black; color: white; }
h1, h2, h3, p { font-family: Eurostile; text-align:center; }
a:any-link { color:whitesmoke; text-decoration:none; }
#donate_arrr_container {
width: 150px;
padding: 4px;
border: whitesmoke solid 1px;
display: inline-block;
}
#light_section { background-color: whitesmoke; color: black; }
.CodeMirror { height: auto; border: 1px solid #ddd; }
.CodeMirror.cm-s-default { width: 800px; height: 150px; margin: 0 auto; }
.CodeMirror pre { padding-left: 7px; line-height: 1.25; }
</style>
<link rel="stylesheet" href="lib/codemirror.css">
<script src="lib/codemirror.js"></script>
<script src="mode/xml/xml.js"></script>
<script src="mode/javascript/javascript.js"></script>
<script src="mode/css/css.js"></script>
<script src="mode/htmlmixed/htmlmixed.js"></script>
<script src="jquery.min.js"></script>
<script src="jquery-qrcode.min.js"></script>
<link rel="stylesheet" href="donate_arrr.css">
<script src="donate_arrr.js"></script>
</head>
<body>
<h1>Pirate Donation Buttons</h1>
<p>Never heard of Pirate before? Well, let me be the first to share the good news about this excellent cryptocurrency.
Pirate (symbol: ARRR) a relatively new coin, kicks the collective asses off of other major Privacy coins.
If you like logic more than hype, here is a <a href="https://www.reddit.com/user/dogracer/comments/b2t3aa/why_pirate_arrr_wins_the_privacy_coin_battle/">
reddit post that explains the rationale</a> in pretty clear terms.</p>
<p>But how does one actually go about getting some ARRR? Well don't waste time sailing the digital seas searching for Pirate ARRR when you can
simply place a friendly donate button on yarr webpage! </p>
<p>Find the JavaScript booty and instructions for use on github at: <a href="https://github.com/dogracer/donate_arrr">https://github.com/dogracer/donate_arrr</a> </p>
<p>Simple to use: just wrap your favorite HTML element to make it into a donation flyout on hover (mouse) or tap (touch device):</p>
<p><code><a href="piratechain:YOUR-zADDRESS">☠️ DONATE ARRR</a></code></p>
<p>Here's how it looks like this in practice:</p>
<h3>
<div id="donate_arrr_container">
<a href="piratechain:zs1m00z9kx530qgvrgul39whjk2ugjt88m8247y78hhsahfrpxnzr50dhpa7mvh9f4j0pw2jwcysal">
☠️ DONATE ARRR</a>
</div>
</h3>
<div id="light_section">
<p>You can wrap images too if you have some pirate arrrt you wish to display.</p>
<p><a href="piratechain:zs1m00z9kx530qgvrgul39whjk2ugjt88m8247y78hhsahfrpxnzr50dhpa7mvh9f4j0pw2jwcysal"><img src="donate-pirate.png" width="150px" /></a></p>
</div>
<p>Enjoy!</p>
<p><a href="piratechain:zs1m00z9kx530qgvrgul39whjk2ugjt88m8247y78hhsahfrpxnzr50dhpa7mvh9f4j0pw2jwcysal"><img src="donateARRR.png" /></a></p>
<div id="light_section">
<p>Paste this chunk of code into your page if you dare!</p>
<form id="code_container"><textarea id="code_sample">
<!-- Begin Pirate Donation Button -->
<script src="https://dogracer.github.io/donate_arrr/jquery.min.js"></script>
<script src="https://dogracer.github.io/donate_arrr/jquery-qrcode.min.js"></script>
<script src="https://dogracer.github.io/donate_arrr/donate_arrr.js"></script>
<style>.arrrdonate-bubble{position:relative;width:240px;padding:10px;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:#daa520 solid 1px;text-align:center;overflow-wrap:break-word}.arrrdonate-bubble:after{content:'';position:absolute;border-style:solid;border-width:10px 9px 0;border-color:#fff transparent;display:block;width:0;z-index:1;margin-left:-9px;bottom:-10px;left:50%}.arrrdonate-bubble:before{content:'';position:absolute;border-style:solid;border-width:10px 9px 0;border-color:#daa520 transparent;display:block;width:0;z-index:0;margin-left:-9px;bottom:-11px;left:50%}.arrrdonate-address{font-size:x-small;color:#666;padding:5px 0}.arrrdonate{position:relative}.arrrdonate-bubble{position:absolute;display:none} </style>
<div id="ARRRbutton" style="text-align: center"><a href="piratechain:YOUR-zADDRESS"><img src="https://dogracer.github.io/donate_arrr/donate-pirate.png" width="150px" /></a></div>
<!-- End Pirate Donation Button -->
</textarea></form>
<p>Thank you!</p>
</div>
<script>
var editor = CodeMirror.fromTextArea(document.getElementById("code_sample"), {
mode: "text/html",
lineNumbers: true
});
</script>
</body>
</html>