-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (91 loc) · 6.3 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!doctype html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width= device-width=" initial-scale="1.0">
<meta name="description" content="Help the world with your spare processing power!"/>
<meta name="keywords" content="mineforacause, monero, cryptocurrency, cryptocharity">
<link rel="stylesheet" type="text/css" href="global.css"/>
<link rel="stylesheet" type="text/css" href="index.css"/>
<link rel="stylesheet" type="text/css" href="socialbuttons.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--facebook sharing metadata-->
<meta property="og:title" content="Mine for a Cause"/>
<meta property="og:description" content="Use your computer to mine for cryptocurrency and donate to the relief effort in Puerto Rico!"/>
<meta property="og:url" content="http://mineforacause.org"/>
<meta property="og:image" content="http://mineforacause.org/media/mineforacause.jpg"/>
<link rel="mineforacause" type="image/jpeg" href="./media/mineforacause.jpg"/>
<!--<meta property="og:image:width" content="200" />
<meta property="og:image:height" content="200" />-->
<!-- <meta property="og:image:url" content="http://mineforacause.org/media/mineforacause.jpg"/>-->
<title>Mine for a Cause</title>
</head>
<body>
<div>
<div class="container">
<header>
<img id="headerLogo" src="./media/mineforacause.svg" alt="Mine for a Cause"/>
</header>
</div>
</div>
<div class="container" id="firstlookcontainer">
<div class="flex" id="firstlook">
<h1 id="firstlookheader" >The world's first Cryptocharity</h1>
<div id="firstlooksubheader" >Help Puerto Rico with your spare processing power</div>
<div class="container">
<a id="minebutton" href="./mine.html">Start Mining!</a>
</div>
</div>
</div>
<div class="container" id="howitworkscontainer">
<div id="howitworks">So how does this work?</div>
<div class="flex container">
<div class="flex" id="explanation">
<div><p>This website uses the spare processing power of your computer to help <span class="highlight">solve very complex math problems</span>.</p> <img alt="processor" src="./media/chip.svg"/></div>
<div><p> Lots of computers work together to solve these math problems and when one is solved, <span class="highlight">a reward is generated</span>!</p> <img alt="network" src="./media/network.svg"/></div>
<div><p>By solving these math problems, your comptuer is <span class="highlight">mining for cryptocurrency</span> called Monero!</p><img alt="monero" src="./media/monero.svg"/></div>
<div><p> The creators of Monero focused on creating the most secure cryptocurrency possible. It is <span class="highlight">secure</span>, <span class="highlight">private</span>, and <span class="highlight">untraceable!</span></p><img alt="lock" src="./media/locked.svg"/></div>
</div>
</div>
</div>
<div class="flex container" id="puertoContainer">
<div class="container" id="puertoHeaderContainer">
<div id="puertoHeader">So what does all this mean?</div>
</div>
<div class="flex" id="puertoInfoContainer">
<div id="puertoImage"> <img alt="puerto" src="./media/puertorico.svg"/> </div>
<div id="puertoInfo">
<p>This means that you can help the people of Puerto Rico without donating money. Just leave this website open and let your computer take care of the rest!</p>
<p>The cryptocurrency that is mined will then be donated to the relief efforts in Puerto Rico.</p>
<p>If everyone helps we can help rebuild Puerto Rico and keep United States Citizens out of harms way!</p>
</div>
</div>
</div>
<div id="redcrossContainer" class="flex container">
<div id="redcrossOverlay">
<h2 id="whereitGoesHeader"> Money raised goes to the Red Cross Hurricane Maria Relief Effort </h2>
<div id="redcrossContainerBackground"><div id="redcrossLogo"><img alt="RedCross" src="./media/rclogo.png"/></div></div>
<div id="moneyInfo">After covering costs of maintenance, all remaining cryptocurrency is then converted to United States Dollars and donated to the Red Cross.</div>
</div>
</div>
<div class="flex container" id="helpOutContainer">
<div id="weNeedHelpHeader"> What are you waiting for? </div>
<div id="weNeedHelpSubheader"> This will only work if we all help! </div>
<div id="whatYouCanDo">Share this website everywhere! The more people that mine the more help we can give those in need in Puerto Rico!</div>
<div class="flex container" id="yourOptions">
<div class="flex" id="socialMedia">
<a href="https://www.facebook.com/sharer/sharer.php?u=mineforacause.org" class="fa fa-facebook"></a>
<a href="https://twitter.com/intent/tweet?url=&text=This%20website%20mines%20for%20cryptocurrency%20and%20then%20donates%20it%20to%20the%20relief%20effort%20in%20Puerto%20Rico.%20Everyone%20can%20help!!%20http%3A%2F%2Fmineforacause.org" class="fa fa-twitter"></a>
<a href="https://plus.google.com/share?url=mineforacause.org" class="fa fa-google"></a>
<a href="http://pinterest.com/pin/create/button/?url=&media=&description=This%20website%20mines%20for%20cryptocurrency%20and%20then%20donates%20it%20to%20the%20relief%20effort%20in%20Puerto%20Rico.%20Everyone%20can%20help!!%20http%3A%2F%2Fmineforacause.org" class="fa fa-linkedin"></a>
<a href="http://www.tumblr.com/share?v=3&u=mineforacause.org&t=This%20website%20mines%20for%20cryptocurrency%20and%20then%20donates%20it%20to%20the%20relief%20effort%20in%20Puerto%20Rico.%20Everyone%20needs%20to%20pitch%20in!" class="fa fa-tumblr"></a>
<a href="http://reddit.com/submit?url=mineforacause.org&title=This%20website%20mines%20for%20cryptocurrency%20and%20then%20donates%20it%20to%20the%20relief%20effort%20in%20Puerto%20Rico.%20Everyone%20needs%20to%20pitch%20in!" class="fa fa-reddit"></a>
</div>
</div>
<div id="startMiningContainer">
<div id="startMiningHeader">Of course the best way to do you part is to start mining!</div>
<a href="./mine.html"><div id="startMining">Start Mining</div></a>
</div>
<div id="contactMe">
<a href="mailto:herrmannc1899@gmail.com?subject=Mine For a Cause Questions!"> Like my work or have questions? Contact me <span style="border-bottom: 2px solid #F9F9F9">here!</span></a>
</div>
</body>
</html>