-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
62 lines (46 loc) · 2.6 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
<!DOCTYPE html>
<html>
<title>Call for Net Neutrality</title>
<script src="https://unpkg.com/vue"></script>
<!-- We could set our own themes here in a campaigner-friendly way-->
<!-- We could possibly even add something like this for more comlex layouts: https://github.com/dreikanter/markdown-grid -->
<xmp theme="united" style="display:none;">
<!-- Look, we can use markdown! :) -->
# Call for Net Neutrality
FCC Chair Ajit Pai is about to announce a vote to slash America's net neutrality rules—meaning companies like Comcast & Verizon will be able to block apps, slow websites, and charge fees to control what you see & do online. Once Pai announces the vote, the situation becomes desperate. **But if we flood Congress with phone calls right now, they can stop the vote.**
<!-- And we can use vue.js, with some markdown in it-->
<div id="app">
<!-- displays until form submitted (!submitted means "not submitted") -->
<div v-if="!submitted">
<input v-on:keyup.enter="submit" type="number" pattern="[0-9]*" inputmode="numeric" v-model="phoneNumber" placeholder="Enter your #">
<button v-on:click="submit">Call Congress</button>
<p>Enter your phone number and we'll connect you. Your number will only be used to place this call. [Privacy Policy](http://fightforthefuture.org/privacy)</p>
</div>
<!-- displays once the form has been submitted. Note how markdown even works in here??! -->
<div class="form" v-if="submitted">Connecting you now! In the meantime, [share this on Facebook](https://www.facebook.com/sharer/sharer.php)!</div></div>
</div>
<!-- and back to straight markdown for the rest of the page-->
## What *is* Net Neutrality? Why does it matter?
*Net neutrality* is the principle that Internet providers like Comcast & Verizon should not control what we see and do online. In 2015, startups, Internet freedom groups, and 3.7 million commenters won strong net neutrality rules from the US Federal Communication Commission (FCC). The rules prohibit Internet providers from blocking, throttling, and paid prioritization—"fast lanes" for sites that pay, and slow lanes for everyone else.
## We are Team Internet and we support Net Neutrality.
Testing this out.
</xmp>
<script src="https://cdn.rawgit.com/Naereen/StrapDown.js/master/strapdown.min.js"></script>
<script>
'use strict'
new Vue({
el: "#app",
data: {
submitted: false,
phoneNumber: null
},
methods: {
// "submits" the number and changes the state (placeholder)
submit: function () {
console.log(this.phoneNumber)
this.submitted = true
}
}
});
</script>
</html>