Skip to content

Add a signup form for the mailchimp announce list #14

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Feb 4, 2016
Merged

Add a signup form for the mailchimp announce list #14

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
bebd2f5
Add a signup form for the mailchimp announce list
plexus Jan 27, 2016
471081b
Update text and move the form to the top of the page
Malwine Feb 2, 2016
cf5e808
Update attention box css for sign up for newsletter and workshop
Malwine Feb 2, 2016
6b9ee5a
Clean up MailChimp template
Malwine Feb 2, 2016
d9cb353
Change text for mailing list box
Malwine Feb 3, 2016
ef6e19b
Merge pull request #15 from clojurebridge-berlin/update_and_change_po…
Malwine Feb 4, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 36 additions & 0 deletions _includes/announcement_list_signup_form.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//github.us12.list-manage.com/subscribe/post?u=d788f0653a3e56a367e673beb&amp;id=253a66d08d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h2>Subscribe to our announcement list</h2>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group">
<label for="mce-FNAME">First Name </label>
<input type="text" value="" name="FNAME" class="" id="mce-FNAME">
</div>
<div class="mc-field-group">
<label for="mce-LNAME">Last Name </label>
<input type="text" value="" name="LNAME" class="" id="mce-LNAME">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d788f0653a3e56a367e673beb_253a66d08d" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>

<!--End mc_embed_signup-->
21 changes: 21 additions & 0 deletions _includes/announcement_list_signup_form_slim.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<!-- Begin MailChimp Signup Form -->
<div class="row">
<form action="//github.us12.list-manage.com/subscribe/post?u=d788f0653a3e56a367e673beb&amp;id=253a66d08d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<!-- <label for="mce-EMAIL">Subscribe to our announcement list</label> -->
<div class="col-md-6">
<Input type="email" value="" name="EMAIL" class="email form-control" id="mce-EMAIL" placeholder="Email" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true">
<input type="text" name="b_d788f0653a3e56a367e673beb_253a66d08d" tabindex="-1" value="">
</div>
<div class="col-md-6">
<div class="clear">
<input type="submit" value="Subscribe - Abonnieren" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary">
</div>
</div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
14 changes: 11 additions & 3 deletions assets/stylesheet.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -105,16 +105,24 @@ section.module.parallax-4 {
opacity: 0.9;
}

.apply-box {
.attention-box {
margin-left: 5px;
margin-right: 5px;
padding-top: 15px;
padding-bottom: 5px;
border-style: dotted;
}

.green-border {
border-color: #5cb85c;
}

.apply-text {
line-height: 1.8;
.gray-border {
border-color: #AEAFAE;
}

.box-text {
line-height: 1.6;
}

/* Override Bootstrap */
Expand Down
26 changes: 19 additions & 7 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,15 +9,28 @@
<h2>Clojure Programming Workshops</h2>
<div class="col-md-6 space-below">
<p>
<b>English: </b> <a href="http://www.clojurebridge.org/">ClojureBridge</a> is a free Clojure programming workshop for women. Especially for those with just a little or no programming experience. <br></b><b>Next workshop: January 22 and 23, 2016 in Berlin. Applications are closed.</b>
<b>English: </b> <a href="http://www.clojurebridge.org/">ClojureBridge</a> is a free Clojure programming workshop for women. Especially for those with just a little or no programming experience. The last workshop took place in January 2016.
</p>
</div>
<div class="col-md-6">
<p>
<b>Deutsch: </b><a href="http://www.clojurebridge.org/">ClojureBridge</a> ist ein kostenloser Programmier-Workshop für Frauen. Besonders für diejenigen mit keiner oder wenig Erfahrung im Programmieren. <br><b>Nächster Workshop: 22. und 23. Januar in Berlin. Die Bewerbungszeit ist zu Ende.</b>
<b>Deutsch: </b><a href="http://www.clojurebridge.org/">ClojureBridge</a> ist ein kostenloser Programmier-Workshop für Frauen. Besonders für diejenigen mit keiner oder wenig Erfahrung im Programmieren. Der letzte Workshop fand im Januar 2016 statt.
</p>
</div>
</div>

<div class="row attention-box gray-border">
<div class="col-md-3">
<p class="box-text"><strong>News Mailing List:</strong></p>
</div>

<div class="col-md-9">
<div id="signup-form-wrapper">
{% include announcement_list_signup_form_slim.html %}
</div>
</div>
</div>

<div class="row arrow">
<p>
<b>Learn more!</b>
Expand All @@ -43,7 +56,7 @@ <h2>Workshop</h2>
<p><b>Workshop facts:</b></p>
<ul>
<li>
<p>Date: January 22 and 23, 2016 in Berlin</p>
<p>Location: Berlin</p>
</li>
<li>
<p>Friday: evening from 6 PM - install party</p>
Expand All @@ -66,7 +79,7 @@ <h2>Workshop</h2>
<p><b>Workshop Fakten:</b></p>
<ul>
<li>
<p>Datum: 22. und 23. Januar 2016 in Berlin</p>
<p>Ort: Berlin</p>
</li>
<li>
<p>Freitag: abends ab 18 Uhr - install party</p>
Expand Down Expand Up @@ -230,8 +243,8 @@ <h2>About us</h2>
</div>
<div class="row">
<div class="col-md-6">
<p>Our last workshop happened on July 10 and 11 in Berlin. We had 29 students and 17 coaches. Our generous host was <a href="https://www.wunderlist.com/">Wunderlist</a> and food was provided by the wonderful caterer <a href="https://de-de.facebook.com/pages/Federica-Kreuzberg/196516887157791">Federica</a>.</p>
<p><i>Unser letzter Workshop fand am 10. und 11. Juli in Berlin statt. Es gab 29 TeilnehmerInnen und 17 Coaches. <a href="https://www.wunderlist.com/">Wunderlist</a> war unser großzügiger Gastgeber und <a href="https://de-de.facebook.com/pages/Federica-Kreuzberg/196516887157791">Federica</a> unser fantastisches Catering.</i></p>
<p>Our first workshop happened on 10 and 11 July 2015 in Berlin. We had 29 students and 17 coaches. Our generous host was <a href="https://www.wunderlist.com/">Wunderlist</a> and food was provided by the wonderful caterer <a href="https://de-de.facebook.com/pages/Federica-Kreuzberg/196516887157791">Federica</a>. The second workshop in January 2016 drew 35 attendees and 20 coaches.</p>
<p><i>Unser erster Workshop fand am 10. und 11. Juli 2015 in Berlin statt. Es gab 29 TeilnehmerInnen und 17 Coaches. <a href="https://www.wunderlist.com/">Wunderlist</a> war unser großzügiger Gastgeber und <a href="https://de-de.facebook.com/pages/Federica-Kreuzberg/196516887157791">Federica</a> unser fantastisches Catering.</i></p>
</div>
<div class="col-md-6">
<img class="attendees-picture" src="/images/cb10.jpg">
Expand Down Expand Up @@ -330,5 +343,4 @@ <h3>ClojureBridge is supported by:</h3>
</p>
</div>
</div>

</section>