-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathfront-page.php
144 lines (133 loc) · 6.08 KB
/
front-page.php
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
<?php
get_header();
use SandersForPresidentLanding\Wordpress\Services\SiteService;
$siteService = new SiteService();
$sites = $siteService->getSites();
$slides = array(
'https://berniesanders.com/wp-content/uploads/2015/08/080815_Bernie_SeaTac-6456.jpg',
'https://scontent-ord1-1.xx.fbcdn.net/hphotos-xfp1/t31.0-8/11807565_881506715237667_18143513052069287_o.jpg',
'https://berniesanders.com/wp-content/uploads/2015/08/0810151927-1.jpg',
'https://scontent-ord1-1.xx.fbcdn.net/hphotos-xpt1/t31.0-8/11872020_881506155237723_9096113027227239162_o.jpg',
'https://scontent-ord1-1.xx.fbcdn.net/hphotos-xft1/t31.0-8/11856275_880165818705090_8220844970488020042_o.jpg',
'https://scontent-ord1-1.xx.fbcdn.net/hphotos-xap1/t31.0-8/11823075_880716421983363_4308904511561947777_o.jpg'
);
?>
<main class="bs-docs-masthead" id="banner" role="main">
<div class="container">
<div class="slides">
<?php foreach ($slides as $slide): ?>
<div class="slide" style="background-image: url(<?php echo $slide; ?>)"></div>
<?php endforeach; ?>
</div>
<div class="content">
<h1>Create a Site for Bernie Sanders</h1>
<h2 id="typed-headline"><span>states</span>.forberniesanders.com</h2>
<a href="#" class="btn btn-primary btn-lg">Claim Yours Today</a>
</div>
</div>
</main>
<div class="bs-docs-featurette">
<div class="container">
<h2 class="bs-docs-featurette-title">Made for everyone, everywhere.</h2>
<div class="examples">
<div class="column"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/tmp/site-a.jpg" /></div>
<div class="column hidden-xs"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/tmp/site-b.jpg" /></div>
<div class="column hidden-xs"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/tmp/site-c.jpg" /></div>
</div>
<p class="lead">
Sites ForBernieSanders makes it easy for you to get your own grassroots website. <a href="http://reddit.com/r/SandersForPresident" target="_blank" title="Reddit grassoots group SandersForPresident">GrassrootsForSanders</a> has created a network of sites ready-to-go for your Bernie Sanders group. Just like Bernie, we don't want your money. Only your support.
</p>
</div>
</div>
<section id="claim">
<div class="container">
<div class="section-heading">
<h2>Claim your site</h2>
<p>Sign up to grab your ready-to-go For Bernie site!</p>
</div>
<form id="claim-form">
<input type="hidden" name="nonce" value="<?php echo wp_create_nonce('site_request'); ?>" />
<div class="form-group">
<label>Organization</label>
<input type="text" name="organization" class="form-control" placeholder="Who do you represent?" required/>
</div>
<div class="form-group">
<label>Cause</label>
<input type="text" name="cause" class="form-control" placeholder="What is your focus?" required />
</div>
<div class="form-half-row">
<div class="column">
<div class="form-group">
<label>Contact Name</label>
<input type="text" name="contact_name" class="form-control" placeholder="What is your name?" required />
</div>
</div>
<div class="column">
<div class="form-group">
<label>Contact Email</label>
<input type="email" name="contact_email" class="form-control" placeholder="How we will contact you." required />
</div>
</div>
</div>
<div class="form-half-row">
<div class="column">
<div class="form-group url">
<label>URL</label><br/>
<div class="input-group">
<label class="control-label sr-only" for="inputGroupSuccess4">Input group with success</label>
<input type="text" name="url" class="form-control" style="text-align: right;" placeholder="www" required />
<span class="input-group-addon">.forberniesanders.com</span>
</div>
<span class="help-block taken">The site <span></span>.forberniesanders.com is already taken.</span>
<span class="help-block free">The site <span></span>.forberniesanders.com is available!</span>
</div>
</div>
<div class="column">
<div class="form-group">
<label>What's your role in the group?</label>
<br/>
<select class="form-control" name="role" required>
<option value="" disabled selected>-- Select a Role --</option>
<option>Leader</option>
<option>Member</option>
<option>Interested Party</option>
<option>No Affiliation</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<label>Summary</label>
<textarea name="message" class="form-control" placeholder="Tell us a little bit about you and your group" required></textarea>
</div>
<div class="form-group">
<div class="checkbox-inline">
<label style="font-weight:400;">
<input type="checkbox" name="terms" required /> I agree to the <a href="/terms" target="_blank">Terms and Conditions</a>.
</label>
</div>
</div>
<input type="hidden" name="referer" value="<?php echo $_SERVER['HTTP_REFERER']; ?>" />
<button class="btn btn-primary btn-lg">Request Site</button>
</form>
<p id="claim-form-success" class="lead">
Your request has been received. We'll be in touch regarding<br/><span class="highlight"></span>
</p>
</div>
</section>
<section class="map container">
<div class="section-heading">
<h2>Help fill the map!</h2>
<p>
We want all these states to become covered. If you're an existing group leader, claim yours!
</p>
</div>
<div id="map"></div>
<p class="psst">
Pssst! Do you know what type of primary your state has? <a href="http://voteforbernie.org" target="_blank" title="Learn how to vote for Bernie Sanders">Find out here.</a>
</p>
</section>
<script type="text/javascript">
window.sites = <?php echo json_encode($sites); ?>;
</script>
<?php get_footer(); ?>