forked from Netzfreiheit/SaveTheInternet
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtakeaction.html
More file actions
184 lines (177 loc) · 10 KB
/
takeaction.html
File metadata and controls
184 lines (177 loc) · 10 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Take Action | Save the Internet</title>
<meta property="og:title" content="Save the Internet" />
<meta property="og:description" content="Net neutrality is under attack in the EU! Contact your Council representative now and tell them to save the internet and to pass strong net neutrality regulations." />
<meta property="og:image" content="https://savetheinternet.eu/img/FB%20meta.jpg" />
<meta property="og:image" content="https://savetheinternet.eu/img/FB%20meta.jpg" />
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/savetheinternet.css">
<link rel="icon" type="image/png" href="img/favicon.png">
<script type="text/javascript" src="js/savetheinternet.js"></script>
<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:400,700' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/viewport_configuration.js"></script>
<script type="text/javascript">
$(document).ready(function(){
updateFormVars();
});
</script>
</head>
<body>
<div id="nav-wrap">
<nav id="nav-content">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="takeaction.html" class="prime-red-color">Take Action</a></li>
<li><a href="thefacts.html">The Facts</a></li>
<li><a href="weshouldcare.html">Why We Should Care</a></li>
<li><a href="index.html#contact">Contact Us</a></li>
</ul>
</nav>
</div>
<div id="content-container">
<div id="take-action-wrap">
<div id="take-action-content">
<div id="take-action-explanation">
<div></div>
<h1 class="heading1">
Tell the EU Member States: <br>
Don't turn your backs on <br>
Net Neutrality!
</h1>
<p class="para2">
Earlier this year the EU Parliament voted on the Telecoms Single Market (TSM), a landmark piece of legislation that would enshrine Net Neutrality as law through the European Union. <br>
<br>
But the proposal isn’t law yet. <br>
<br>
Right now, the TSM is in the hands of the Council of the European Union. Once this proposal passes the Council it will go back to the Parliament for a final vote — and then hundreds of millions of internet users will be guaranteed a free and open internet. <br>
<br>
However, right now the Council is sitting on its hands, much to the delight of lobbyists who would prefer that any bill protecting Net Neutrality fade away. <br>
<br>
We can’t let the Council of the European Union ignore Net Neutrality. <span class="bold para2">Take action now and tell the Italian EU Presidency: Don't turn your back on Net Neutrality! </span><br>
</p>
</div>
<div id="take-action-form">
<h2 class="heading6">
Email Your Council <br>Representative
</h2>
<div id="take-action-form-wrap">
<form id="home-form" method="post" action="javascript:sendLetter();">
<div class="field-wrap field-margin-b">
<div class="field-icon">
<img src="img/profile_icon.png" alt="Profile Icon">
</div>
<input id="firstName" type="text" name="first-name" value="First name" onfocus="if($('#'+this.id).val()==='First name'){$('#'+id).val('');$('#'+id).prop('type','text');}" onblur="if($('#'+this.id).val()===''){$('#'+id).val('First name');$('#'+id).prop('type','text');}">
</div>
<div class="field-wrap field-margin-b">
<div class="field-icon">
<img src="img/profile_icon.png" alt="Profile Icon">
</div>
<input id="lastName" type="text" name="last-name" value="Last name" onfocus="if($('#'+this.id).val()==='Last name'){$('#'+id).val('');$('#'+id).prop('type','text');}" onblur="if($('#'+this.id).val()===''){$('#'+id).val('Last name');$('#'+id).prop('type','text');}">
</div>
<div class="field-wrap field-margin-b">
<div class="field-icon">
<img src="img/email_icon.png" alt="Email Icon">
</div>
<input id="email" type="text" name="email" value="E-mail" onfocus="if($('#'+this.id).val()==='E-mail'){$('#'+id).val('');$('#'+id).prop('type','text');}" onblur="if($('#'+this.id).val()===''){$('#'+id).val('E-mail');$('#'+id).prop('type','text');}">
</div>
<div class="field-wrap field-margin-b">
<div class="field-icon">
<img src="img/pin_icon.png" alt="Location Icon">
</div>
<select name="country" id="country">
<option value="">Country</option>
<option value="Austria">Austria</option>
<option value="Belgium">Belgium</option>
<option value="Bulgaria">Bulgaria</option>
<option value="Croatia">Croatia</option>
<option value="Cyprus">Cyprus</option>
<option value="Czech Republic">Czech Republic</option>
<option value="Denmark">Denmark</option>
<option value="Estonia">Estonia</option>
<option value="Finland">Finland</option>
<option value="France">France</option>
<option value="Germany">Germany</option>
<option value="Greece">Greece</option>
<option value="Hungary">Hungary</option>
<option value="Ireland">Ireland</option>
<option value="Italy">Italy</option>
<option value="Latvia">Latvia</option>
<option value="Lithuania">Lithuania</option>
<option value="Luxembourg">Luxembourg</option>
<option value="Malta">Malta</option>
<option value="Netherlands">Netherlands</option>
<option value="Poland">Poland</option>
<option value="Portugal">Portugal</option>
<option value="Romania">Romania</option>
<option value="Slovakia">Slovakia</option>
<option value="Slovenia">Slovenia</option>
<option value="Spain">Spain</option>
<option value="Sweden">Sweden</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Outside the EU">Outside the EU</option>
</select>
</div>
<div class="textarea-wrap field-margin-b">
<textarea name="letter" id="letter">Dear Representative:
I am writing to urge you to demand that the EU Member States of the European Union put forward clear and binding rules on net neutrality in the proposal for a Regulation on the Telecoms Single Market.
The Italian Presidency has the opportunity to deliver the promise of net neutrality to EU citizens during its term by referring the legislation to Parliament, but some member states have applied pressure to water down the proposal.
Right now internet users can equally access content from big companies like Twitter and Facebook and small blogs, news sites or government websites. But if clear rules enshrining net neutrality and outlawing network discrimination are not included, ISPs would be able to create fast lanes where few companies would get prioritised access to customers, leaving smaller websites, educational and civic services, and anyone else who can't pay, in the slow lane. As telecoms would be empowered to hand pick the winners and losers in the market, this would begin a new era of online discrimination and the establishment of an anti-competitive market in the EU.
Earlier this year, thousands of citizens took action to fight for net neutrality in the European Parliament. More than 40,000 faxes, thousands of emails, and hundreds of phone calls were sent to defend our fundamental rights online.
Right now, it is up to you to ensure citizens' fundamental rights and the prosperity and competitiveness of the EU internal market by taking a strong stance in favour of net neutrality.
</textarea>
</div>
<input class="form-submit-button" type="submit" value="Send">
<div id="">
<p class="para5">
<a href="https://www.accessnow.org" target="_blank">Access</a> will deliver your message to your country’s representative in the Council of the European Union
</p>
<div class="squaredTwo">
<input type="checkbox" value="optin" id="squaredTwo" name="opt-in-checkbox" />
<label for="squaredTwo"></label>
</div>
<p class="para5">
Please send me email alerts from <a href="https://www.accessnow.org" target="_blank">Access</a> about digital rights campaigns
</p>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div id="take-action-floating-footer">
<div id="take-action-footer-content">
<div id="take-action-share-this">
<h3 class="heading5">Share This!</h3>
</div>
<div id="take-action-download-media-kit">
<a href="files/Savetheinternet.eu%20Media%20Materials.zip" target="_blank" class="heading5">Download The Media Kit</a>
</div>
<div id="take-action-media-links-wrap">
<div id="twitter-wrap" class="social-red-option">
<a href="https://twitter.com/intent/tweet?text=Take%20action%20now%20to%20%23Savetheinternet!%20tell%20your%20EU%20Council%20representative%20to%20enshrine%20%23NetNeutrality%20into%20EU%20law:&url=https://www.savetheinternet.eu/" onclick="javascript:loadShareWindow(this.href); return false;">
<img src="img/social_twitter_red.png" alt="Click to share this on Twitter!">
</a>
</div>
<div id="facebook-wrap" class="social-red-option">
<a href="http://www.facebook.com/share.php?u=https://www.savetheinternet.eu/" onclick="javascript:loadShareWindow(this.href); return false;">
<img src="img/social_facebook_red.png" alt="Click to share this on Facebook!">
</a>
</div>
<div id="google-wrap" class="social-red-option">
<a href="https://plus.google.com/share?url=https://www.savetheinternet.eu/" onclick="javascript:loadShareWindow(this.href); return false;">
<img src="img/social_google_red.png" alt="Click to share this on Google Plus!">
</a>
</div>
</div>
</div>
</div>
<div id="scriptBin">
</div>
</body>
</html>