-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathshare.html
90 lines (81 loc) · 5.12 KB
/
share.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
true<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="twitter:title" content="Pledge to Vote for Jaime!">
<meta name="twitter:description" content="Help bring hope back to South Carolina by pledging to vote for Jaime Harrison.">
<meta name="twitter:image" content="images/PledgePreview.png">
<meta name="og:title" content="Pledge to Vote for Jaime!">
<meta name="og:description" content="Help bring hope back to South Carolina by pledging to vote for Jaime Harrison.">
<meta name="og:image" content="images/PledgePreview.png">
<meta name="og:url" content="https://galenwinsor.com/pledge-to-vote">
<title>Share Your Pledge</title>
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap">
<link rel="stylesheet" href="styles/styles.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/4.1.0/fabric.min.js" integrity="sha512-T9uV3LxV54oKVYSwORGeHdJ1Ti0WcQvDjAaTvMS6+qfrI5ZRzwxfXVzr7fqodTjfZ6wtbreT5A+65ykwbp4DOw==" crossorigin="anonymous"></script>
<script src="scripts/main.min.js"></script>
<script src="scripts/graphic.min.js"></script>
</head>
<body>
<div class="background">
</div>
<div id="header" class="flex align left-aligned">
<a href="https://jaimeharrison.com" target="_blank">
<img src="images/HeaderLogo.png" alt="">
</a>
</div>
<div id="download-help" class="flex center align">
<div>
<h2>Trying to download on mobile?</h2>
<p>Tap to close this box, then tap and hold on your graphic until a menu pops up. Tap "Save Image" in the menu, then look for the graphic in your photos app.</p>
</div>
</div>
<div id="display-box" class="flex column center align">
<h1 id="thank-you">Thank you!</h1>
<h2>By pledging to vote for Jaime, you're helping to bring hope back to South Carolina. Check your registration, download your graphic, and share!</h2>
<a id="registration" href="https://votebluesc.com" target="_blank">
View voting options
</a>
<div id="graphic-box" class="flex center align">
<img id="pledge-graphic" src="" alt="">
<div id="buttons" class="flex column center align">
<h3>Share with your friends!</h3>
<div id="social-buttons" class="flex column center align">
<a id="download" class="flex center align" href="#" download="JaimePledge.png">
<svg width="1.5em" height="1.5em" viewBox="0 0 16 16" class="bi bi-download" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/>
<path fill-rule="evenodd" d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/>
</svg>
Download
</a>
<a id="tweet" href="https://twitter.com/intent/tweet?url=vote.jaimeharrison.com" class="flex center align" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em" viewBox="0 0 24 24" fill="white"><path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg>
Tweet
</a>
<a id="share" class="flex center align" href="https://facebook.com/sharer/sharer.php?u=https://vote.jaimeharrison.com" target="_blank">
<svg fill="white" xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em" viewBox="0 0 24 24"><path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/></svg>
Share
</a>
</div>
</div>
</div>
<canvas id="c" width="1200" height="1200"></canvas>
<img id="frame" src="images/PledgeToVoteTemplate.png" alt="">
<div id="prevent-width">
<div id="test-reason">
</div>
<div id="test-name">
</div>
</div>
</div>
<div id="footer" class="flex column center align">
<img src="images/FooterLogo.png" alt="">
<div id="paid-footer" class="flex center align">
<p>PAID FOR BY JAIME HARRISON FOR U.S. SENATE</p>
</div>
</div>
</body>
</html>