-
Notifications
You must be signed in to change notification settings - Fork 6
/
home.html
526 lines (431 loc) · 24.2 KB
/
home.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
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Let's elect a Brand New Congress that works for all." name="description">
<meta content="brand, new, congress, bernie, sanders, political, revolution, elect, progressive, 2016, democrat" name="keywords">
<meta content="Brand New Congress" name="author">
<!-- Meta tags for Facebook -->
<meta content="http://brandnewcongress.org" property="og:url">
<meta content="website" property="og:type">
<meta content="Brand New Congress" property="og:title">
<meta content="Let's elect a Brand New Congress that works for all." property="og:description">
<meta content="http://brandnewcongress.github.io/assets/img/bnc-fb-share-img.png" property="og:image">
<!-- font-awesome-icon-font-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<title>Brand New Congress</title>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,800,300,600,400italic' rel='stylesheet' type='text/css'>
<link href="assets/css/toolkit-minimal.css" rel="stylesheet">
<link href="assets/css/application-minimal.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/css/custom.css">
</head>
<body>
<!-- Block 1 -->
<div class="block m-y-0 p-y-0 p-x-0 p-t-md text-center hero">
<div style="width:100%;height:100%;position:absolute;z-index:1000">
<div style="text-align:center;font-weight:300;position:relative;top:50%;padding:1em;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:(-50%);">
<div style="background-color:rgb(225,228,224);opacity:0.5;height:100%;width:100%;position:absolute;z-index:-1;margin:-1em;">
</div>
<div style="font-size:2vw;color:rgb(20,127,215);padding-top:1em;padding-bottom:0.5em;">
We're coming to a city near you to start planning the next steps of the political revolution.
</div>
<div style="font-size:3vw;color:rgb(54,67,80);">
Let's get together to elect a <span class="embolden">Brand New Congress</span> that works for all.
</div>
<div class="find-city-button">
<a class="find-city-link" href="/tour">FIND YOUR CITY</a>
</div>
</div>
</div>
<div class="container-fluid hero-img"><img alt="Let's get together to elect a Brand New Congress that works for all." src="assets/img/[email protected]">
</div>
</div>
<!-- Block 2 -->
<div class="block block-2-content p-y-md p-x height-center">
<div class="container">
<div class="row p-t-0">
<div class="form-block col-md-6 p-b p-t p-x">
<h3><span class="heavy">Please sign up</span> to receive updates and see how you can help:</h3>
<!-- Form data is dynamically added via script at bottom of page -->
<form action="" class="form" id="input-form" method="post" name="input-form" target="no-target">
<input class="form-control m-b" id="input-q1" name="q1" placeholder="Email Address" type="text">
<input class="form-control m-b" id="input-q2" name="q2" placeholder="Full Name" type="text">
<input class="form-control m-b" id="input-q3" name="q3" placeholder="Phone" type="text">
<input class="form-control m-b" id="input-q4" name="q4" placeholder="Zip" type="text">
<span class="container p-x-0">
<button class="btn btn-lg btn-primary m-b pull-right" id="submit-btn" name="submit">
<span class="container p-x-0">
<span class="container p-x-0">Count Me In!</span>
</span></button></span>
</form>
<p class="lead" id="input-feedback"><!--Thank you message appears here on success-->
</p>
<!-- IFrame is needed to trick Google Forms -->
<iframe id="no-target" name="no-target" src="#" style="display:none"></iframe>
</div>
<div class="col-md-6 p-x p-t-md">
<h4>America needs an <span class="heavy">honest, accountable Congress</span> to enact <a href="https://berniesanders.com/issues/">Bernie's program</a>. But trying to win each
Congressional seat one-by-one is impossible. So let's run one campaign to replace Congress all at once (except those already on board) that whips up the same enthusiasm, volunteerism and money as Bernie's presidential campaign.</h4>
<h4>We're building on the tools, tactics and networks that we developed together on Bernie's campaign. But to pull this off, the volunteer movement will have to wield more power
and resources than on any campaign before. This means volunteers on the ground will run their own offices and voter contact operations, and will have access to all necessary tools
and materials from the start. Get ready for <a href="#timeline"><span class="heavy">the most beautiful campaign</span></a> ever.</h4>
</div>
</div>
</div>
</div>
<!-- Block 3 -->
<!-- <div class="block m-y-0 p-y-0 p-x-0 p-t-md text-center"> -->
<div class="container">
<h2>Who’s proposing this?</h2>
<p class="lead">Right now, this is just an idea that some of us Bernie volunteers and former staff have been talking about with each other. We're all busy working for Bernie until he's in the White House. But we're proposing the campaign for a Brand New Congress as something to work on next. Only something as big and worthwhile as this can keep the revolution going—and it's the only way to give Bernie the ability to make real change from the White House. If you would like updates or to get involved, please sign up and one of us will be in touch.</p>
<div class="gallery">
<div class="row">
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#suad_abeeb">
<img src="/assets/img/endorsers/suad_abeeb.jpeg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#moumita_ahmed">
<img src="/assets/img/endorsers/moumita_ahmed.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#patricia_bazemore">
<img src="/assets/img/endorsers/patricia_bazemore.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#christina_besh">
<img src="/assets/img/endorsers/christina_besh.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#derron_black">
<img src="/assets/img/endorsers/derron_black.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#paula_dorfman">
<img src="/assets/img/endorsers/paula_dorfman.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#saikat_chakrabarti">
<img src="/assets/img/endorsers/saikat_chakrabarti.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#anoa_changa">
<img src="/assets/img/endorsers/anoa_changa.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#chelsea_clark">
<img src="/assets/img/endorsers/chelsea_clark.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#carlos_condarco">
<img src="/assets/img/endorsers/carlos_condarco.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#katie_cowley">
<img src="/assets/img/endorsers/katie_cowley.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#natalie_davis">
<img src="/assets/img/endorsers/natalie_davis.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#kristellys_estanga">
<img src="/assets/img/endorsers/kristellys_estanga.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#dannielle_estrada">
<img src="/assets/img/endorsers/dannielle_estrada.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#zack_exley">
<img src="/assets/img/endorsers/zack_exley.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#sara_first">
<img src="/assets/img/endorsers/sara_first.jpeg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#yolanda_gonzalez">
<img src="/assets/img/endorsers/yolanda_gonzalez.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#stacey_hopkins">
<img src="/assets/img/endorsers/stacey_hopkins.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#melinda_johnson">
<img src="/assets/img/endorsers/melinda_johnson.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#dmichael_jones">
<img src="/assets/img/endorsers/dmichael_jones.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#isabel_loaiza">
<img src="/assets/img/endorsers/isabel_loaiza.jpeg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#debra_mayes">
<img src="/assets/img/endorsers/debra_mayes.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#mo_menon">
<img src="/assets/img/endorsers/mo_menon.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#pablo_menvielle">
<img src="/assets/img/endorsers/pablo_menvielle.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#robert_overton">
<img src="/assets/img/endorsers/robert_overton.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#chris_ohara">
<img src="/assets/img/endorsers/chris_ohara.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#julian_ospina">
<img src="/assets/img/endorsers/julian_ospina.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#erikaperalta">
<img src="/assets/img/endorsers/erikaperalta.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#andrea_perez">
<img src="/assets/img/endorsers/andrea_perez.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#zenia_perez">
<img src="/assets/img/endorsers/zenia_perez.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#stephanie_rountree">
<img src="/assets/img/endorsers/stephanie_rountree.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#ramon_ryan">
<img src="/assets/img/endorsers/ramon_ryan.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#wendy_sejour">
<img src="/assets/img/endorsers/wendy_sejour.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#nkume_sobejr">
<img src="/assets/img/endorsers/nkume_sobejr.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#nina_sherwood">
<img src="/assets/img/endorsers/nina_sherwood.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#anna_thomsen">
<img src="/assets/img/endorsers/anna_thomsen.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#ananda_tomas">
<img src="/assets/img/endorsers/ananda_tomas.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#corbin_trent">
<img src="/assets/img/endorsers/corbin_trent.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#steve_knight">
<img src="/assets/img/endorsers/steve_knight.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#rohan_jain">
<img src="/assets/img/endorsers/rohan_jain.jpg" class="thumbnail img-responsive">
</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-4">
<a href="/about#nasim_thompson">
<img src="/assets/img/endorsers/nasim_thompson.jpg" class="thumbnail img-responsive">
</a>
</div>
</div>
</div>
</div>
<a name="timeline"></a>
<div class="block-2-content p-x">
<div class="container">
<h2>What's the timeline? And how is this actually going to work?</h2>
<p class="lead">Trying to replace virtually everyone in Congress in one fell swoop may sound like a daunting project, but we believe there's now a way to do this by running a single unified campaign that all of America can get excited about and participate in.</p>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<h3 class="text-right">✓ April 2016</h3>
</div>
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 bs-callout bs-callout-primary">
<h4>Propose this idea to the Bernie movement and to America</h4>
<p>We're pitching this idea to volunteers in the Bernie movement, and getting to work with people who like it.</p>
</div>
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-0">
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<h3 class="text-right">May 2016 to <br />February 2017</h3>
</div>
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 bs-callout bs-callout-warning">
<h4>Recruit candidates and organizers</h4>
<p>We are asking supporters to organize events for a Barnstorm tour to hit a whole bunch of cities in the country. We'll spread the idea, recruit organizers and scout candidates. Local organizers will continue the Barnstorms themselves to every Congressional District in their area.</p>
</div>
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-0">
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<h3 class="text-right">March 2017</h3>
</div>
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 bs-callout bs-callout-success">
<h4>Announce all 400+ candidates</h4>
<p>We will make announcements prior to this when we reach 10 and 100 candidates, fueling our volunteer base and donations each time.
<p>Our candidates will be working people from many backgrounds and fields who:</p>
<ul>
<li>Are good at what they do. </li>
<li>Are proven servants to their communities, families, friends.</li>
<li>Have consistently passed on opportunities to sell out.</li>
<li>In general, have never held or sought public office.</li>
<li>Agree completely on a unified economic, social justice, and climate change platform.</li>
</ul>
</div>
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-0">
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<h3 class="text-right">January 2017 to<br />November 2018</h3>
</div>
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 bs-callout bs-callout-primary">
<h4>Campaign, campaign, campaign</h4>
<p>We're going to challenge incumbents in their primaries—both Republicans and Democrats—with a unified campaign that America can believe in and will actually pay attention to. By running a unified campaign, we'll be able to: </p>
<ul><li>Create enough excitement nationally that new voters will register and vote in congressional primaries, all of which historically have very low turnout</li>
<li>Massively scale voter contact: our national volunteer force will overwhelm incumbents tiny paid local staff.</li>
<li>Gain huge economies of scale in advertising, direct mail, and staffing.</li>
<li>Use one constantly-improving campaign infrastructure as we move from election to election.</li>
<li>Let candidates focus on the issues instead of the logistics of running a campaign.</li></ul>
</div>
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-0">
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<h3 class="text-right">January 2019 to<br />Who Knows When</h3>
</div>
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 bs-callout bs-callout-success">
<h4>Govern!</h4>
<p>Hopefully, we'll win a super majority in the House and take a big bite out of the Senate. In that case, we'll pass our program in the House and rally the American people to convince their Senators to support it.</p>
<p>But if we don't get a majority, this is what we'll do:</p>
<ul><li>Stake out high profile battles over things that really matter to America: jobs, criminal justice reform, the environment and more. </li>
<li>Use our presence in Congress and our national grassroots movement to shine a light on entrenched corruption every single day, as the remnants of the establishment fight to protect their special interest patrons.</li>
<li>Never stop campaigning as a national movement for more seats until we get the super majority we need to make real change!</li></ul>
</div>
</div>
</div>
</div>
<div class="block text-center p-y" id="footer">
<div class="container">
<!-- Twitter -->
<a href="https://twitter.com/BrandNew535" title="Brand New Congress on Twitter" target="_blank" class="icon p-x">
<i class="fa fa-twitter"></i></a>
<!-- Facebook -->
<a href="https://www.facebook.com/brandnewcongress" title="Brand New Congress on Facebook" class="icon p-x"><i class="fa fa-facebook"></i></a>
<!-- Reddit-->
<a href="https://www.reddit.com/r/BrandNewCongress/" title="Brand New Congress on Reddit" target="_blank" class="icon p-x"><i class="fa fa-reddit-alien"></i></a>
<!--Actblue-->
<a href="https://secure.actblue.com/contribute/page/brandnewcongress" title="Donate to Brand New Congress" target="_blank" class="icon p-x"><i class="fa fa-usd" aria-hidden="true"></i></a> <h1 class="embolden">Brand New Congress</h1>
<div class="container">
<p class="text-center">Questions, comments? Email: <a class="obf-email" href="#"><span class="e-mail" data-user="ofni" data-website="gro.ssergnocwendnarb"></span></a></p>
</div>
<div class="container">
<p class="small text-center">Copyright ©2016 Brand New Congress.<br>
All rights reserved.</p>
</div>
</div>
</div>
<!-- Include jQuery (required) and the JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<!-- Form input script -->
<script>
$('#input-form').one('submit',function(){
var inputq1 = encodeURIComponent($('#input-q1').val());
var inputq2 = encodeURIComponent($('#input-q2').val());
var inputq3 = encodeURIComponent($('#input-q3').val());
var inputq4 = encodeURIComponent($('#input-q4').val());
var q1ID = "entry.947285428";
var q2ID = "entry.2046310782";
var q3ID = "entry.1955891857";
var q4ID = "entry.1170337950";
var baseURL = 'https://docs.google.com/forms/d/19qVebMA7zvX9MpaXBfJ0Vk8y4E-UBg5od90AwqvLGLE/formResponse?';
var submitRef = '&submit=Submit';
var submitURL = (baseURL +
q1ID + "=" + inputq1 + "&" +
q2ID + "=" + inputq2 + "&" +
q3ID + "=" + inputq3 + "&" +
q4ID + "=" + inputq4 + submitRef);
console.log(submitURL);
$(this)[0].action=submitURL;
/* $('#input-feedback').text('We are very excited to be continuing the revolution with you!'); */
window.location.replace("https://secure.actblue.com/contribute/page/brandnewcongress");
$('#submit-btn').hide();
});
</script>
<!-- Email obf-->
<script>
$(document).ready(function() {
var x = "us";
var y = "brandnewcongress";
var z = ".org";
var r = '' + x + '@' + y + z;
$('.obf-email').attr('href', 'mailto:' +r);
});
</script>
<!-- Website js-->
<script src="assets/js/toolkit.js"></script>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-75845088-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>