forked from BlockchainInstituteChi/weteachblockchain.org
-
Notifications
You must be signed in to change notification settings - Fork 0
/
ambassador.html
216 lines (179 loc) · 11.3 KB
/
ambassador.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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
---
layout: default
title: Ambassadors
stylesheet: ambassadors.css
permalink: /ambassadors/
---
<!-- events.html -->
{% include pageHeader.html
img="Ambassador-01.jpg"
header="Help Bring Blockchain To Your Community"
text="Become a Blockchain Institute Ambassador today, and begin your journey with the resources you need to succeed."
ctaText="Join Now"
ctaLink="#joinNow"
%}
<script src="https://hcaptcha.com/1/api.js" async defer></script>
<script>
function submitContactUsForm() {
var formDetails = {
name : document.getElementById('contactUsName').value,
email : document.getElementById('contactUsEmail').value,
subject : document.getElementById('contactUsSubject').value,
location : document.getElementById('contactLocation').value,
message : document.getElementById('contactUsMessageBody').value,
token : hcaptcha.getResponse(),
ambassador : true
}
if ( ( formDetails.name == "" ) || ( formDetails.email == "" ) || ( formDetails.subject == "" ) || ( formDetails.message == "" ) ) return handleError ('You must fill all fields to submit the form.')
if ( !validateEmail(formDetails.email) ) return handleError('You must submit a valid email.')
if ( ( !formDetails.token ) || ( "" == formDetails.token ) ) return handleError('You must verify you are not a robot by clicking the reCaptcha.')
var xhr = new XMLHttpRequest();
xhr.open("POST", 'https://app.weteachblockchain.org/contact/', true);
// xhr.open("POST", "http://localhost:8888/contact/", true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200)
// console.log('xhr response:', xhr.responseText)
var response = JSON.parse(xhr.responseText)
if (response.success) {
handleSuccess("Your Message has been submitted!");
setTimeout ( function () {
window.location = "/"
}, 3000)
} else {
handleError("Error: " + JSON.stringify(response));
}
}
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.setRequestHeader('access-control-allow-origin', '*');
xhr.send(JSON.stringify(formDetails));
}
function validateEmail(email) {
var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(String(email).toLowerCase());
}
function handleError ( error ) {
var errorContainer = document.getElementsByClassName('errorField')[0];
errorContainer.textContent = error;
}
function handleSuccess ( successMessage ) {
var fieldContainer = document.getElementsByClassName('contactUsForm')[0]
var container = document.createElement('div')
container.className = 'successMessage'
var span = document.createElement('span')
span.textContent = successMessage
var icon = document.createElement('i')
icon.className = "fas fa-check-circle"
container.appendChild(icon)
container.appendChild(span)
do {
fieldContainer.children[0].remove()
} while ( fieldContainer.children.length > 0 )
fieldContainer.appendChild(container)
}
</script>
<section>
<div class="row ambassadorRow">
<div class="col-sm-12">
<h1>#YouTeachBlockchain</h1>
<p>The mission of the Blockchain Institute is to educate as many as possible about the details and potential of <a href="/faq/what-is-blockchain/">blockchain technology</a>. We created the Blockchain Institute Ambassador Program in order to enable those that are passionate about blockchain technology to collaborate with the Blockchain Institute in order to grow the global blockchain community. We do this by giving you the tools and resources needed to help spread knowledge about blockchain, <a href="/faq/what-is-decentralization/">decentralization</a>, and <a href="/faq/what-is-cryptocurrency/">cryptocurrencies</a>.</p>
<img src="/assets/img/Ambassador-Timeline-01.jpg">
<h3>What is the Blockchain Institute Ambassador Program?</h3>
</div>
{% include callouts/callout.html
title="Early Access"
bodyText="Preview our resources before they’re released to the public. Help shape content before it is taught globally. Collaborate with us and other ambassadors across the world."
%}
{% include callouts/callout.html
title="Community"
bodyText="Building and growing a community can be hard, but it's a lot easier when you have support. Our ambassador program brings together like-minded people who are working to democratize the internet!"
%}
{% include callouts/callout.html
title="Localization"
bodyText="Our international community is growing fast, so we need your help! As an ambassador, you will be able to work with our team of experts to create content that not only matches your area, but also makes blockchain education accessible to <i>everyone</i>."
%}
</div>
<div class="row ambassadorRow">
<h1 class="sectionTitle">How <em><strong class="uppercase">we</strong></em> can help empower <em><strong class="uppercase">you!</strong></em></h1>
<div class="col-sm-4 educationHeader">
<h4>Education</h4>
<p class="subtitle">Do you have a passion for <a href="/faq/what-is-cryptocurrency/">cryptocurrency</a>, <a href="/faq/what-is-blockchain/">blockchain</a>, and <a href="/faq/what-is-decentralization/">decentralization</a>? Dreaming of showing others why blockchain matters? We can help you teach and onboard those curious to learn more. Our free resources address common questions that blockchain beginners ask and will provide a deeper understanding of how these technologies work.</p>
<dl>
<dt>Crypto Curious Course</dt>
<dd>Help onboard your community with our <a href="https://weteachblockchain.org/crypto-curious/">two-hour beginner course</a>. This presentation package contains beautiful illustrations and relatable stories to aid you in leading an introduction to blockchain course.</dd>
<dt>Additional Online Classes</dt>
<dd>Are your students hungry for further learning? Our comprehensive <a href="/courses/">online resources</a> complement the Crypto Curious Course and help students continue to explore decentralization, <a href="/courses/blockchain-for-business/">blockchain business applications</a>, and <a href="/courses/bitcoin-for-developers/">development</a>.</dd>
<dt>Advance Access to New Material</dt>
<dd>Be the first to preview our new content. Add your input and help us set the direction for future <a href="/events/#Classroom">classes</a> and <a href="/courses/">courses</a>. Maybe we will all learn something new along the way. </dd>
<dt>Instructions for Instructors</dt>
<dd>We offer a teacher's Webinar to help you lead your very own Blockchain Institute Course. Learn best practices from our expert instructors and creators, and utilize interactive activities that can help elevate your students’ learning experience.</dd>
</dl>
</div>
<div class="col-sm-4 communityHeader">
<h4>Community</h4>
<p class="subtitle">What would blockchain be without community? We are unbiased blockchain uniters. That means no matter which project interests you, we want to help spread that excitement. Help us extend the reach of blockchain education by joining us in building a decentralized community around the world!</p>
<dl>
<dt>Access</dt>
<dd>Blockchain technology can be confusing! Ambassadors will have a direct line of communication with <a href="/about/">Blockchain Institute staff</a> and access to our organization's tools.</dd>
<dt>Community Calls</dt>
<dd>We want to help you stay updated on what’s new at Blockchain Institute. Our scheduled calls are a great place to ask questions and request additional resources from us. We want to know how to amplify your local effects and help you overcome hurdles.</dd>
<dt>Exclusive Telegram Chat Groups</dt>
<dd>Ambassadors meeting ambassadors! Find people across the world that share your passion. Discover people in your area to collaborate with and join a network of blockchain enthusiasts.</dd>
<dt>Publish to the #WeTeachBlockchain Network</dt>
<dd>Already teaching blockchain & decentralization? Have an idea for a course, <a href="/faq/">FAQ</a>, or <a href="/downloads/">another resource</a>? Let’s work together to share your contribution throughout the community!</dd>
</dl>
</div>
<div class="col-sm-4 promotionHeader">
<h4>Outreach</h4>
<p class="subtitle">Who doesn't like free stuff? Access our highly coveted swag, brochures, and <a href="/downloads/">digital downloads</a> of our latest content. We also provide printing files to encourage local production and distribution of materials. <a href="/contact-us/">Contact us</a> to discuss localization and internationalization!</p>
<dl>
<dt>Swag</dt>
<dd>
Make our voices heard! We can provide your class with the following promotional material:
<ul>
<li>T-shirts</li>
<li>Stickers</li>
<li>Webcam Covers</li>
<li>PopSockets</li>
<li>Pins and Buttons</li>
</ul>
</dd>
<dt>Promotional Support</dt>
<dd>Looking to extend the reach of your newly created blockchain community? Get a shout-out on our <a href="https://twitter.com/bchaininstitute">social media</a>, <a href="http://eepurl.com/dxo70j">newsletter</a>, and website!</dd>
<dt>Translations</dt>
<dd>We want to share <a href="/faq/what-is-decentralization/">decentralization</a> with the world. Because language should not be a barrier to education, we can work together on translated versions of the materials that interest your community most.</dd>
<dt>You Tell Us</dt>
<dd>You will represent the Blockchain Institute in your area. Let us know how we can improve the Ambassador Program to best help you kickstart a decentralized revolution. <a href="/ambassadors/#joinNow">It starts with you!</a></dd>
</dl>
</div>
</div>
<div class="row ambassadorRow">
<div class="col-sm-12">
<h3>Apply to become a Blockchain Institute Ambassador today!</h3>
</div>
<div class="col-sm-12">
<img src="/assets/img/DSC5306.jpg">
</div>
</div>
</section>
<section class="header container-fluid" id="joinNow">
<div class="row">
<!-- <div class="col-sm-4 applyToday">
<h1>Apply Today!</h1>
<p>Feeling alone in the world of blockchain? Get support and educational materials from the Blockchain Institute. Apply Now!</p>
</div> -->
<div class="col-sm-8 contactUsForm">
<h1>Apply Today!</h1>
<p>Feeling alone in the world of blockchain? Get support and educational materials from the Blockchain Institute.</p>
<span class="errorField"></span>
<input type="text" placeholder="Name" id="contactUsName">
<input type="text" placeholder="Email" id="contactUsEmail">
<input type="text" placeholder="Where are you? (i.e. Cairo, Egypt)" id="contactLocation">
<input type="text" placeholder="Subject" id="contactUsSubject">
<textarea placeholder="Tell us why you should be a Blockchain Ambassador" id="contactUsMessageBody"></textarea>
<div class="h-captcha" data-sitekey="3fe93b4a-9521-4c22-a75e-7a573781f75f"></div>
<button onclick="submitContactUsForm()">Submit</button>
</div>
</div>
</section>
{% include pinkDivider.html %}
{% include FAQfooter.html %}