Skip to content

Update and change position for newsletter signup #15

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 4 commits into from
Feb 4, 2016
Merged

Update and change position for newsletter signup #15

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
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
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
31 changes: 16 additions & 15 deletions _includes/announcement_list_signup_form_slim.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,20 +1,21 @@
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-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 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> -->
<Input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<!-- 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>
<!-- <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>
</form>
</div>

<!--End mc_embed_signup-->
17 changes: 8 additions & 9 deletions assets/stylesheet.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -105,25 +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;
border-color: #5cb85c;
}

.apply-text {
line-height: 1.8;
.green-border {
border-color: #5cb85c;
}

#signup-form-wrapper {
margin: 0 auto;
width: 60%;
.gray-border {
border-color: #AEAFAE;
}

#signup-form-wrapper #mc_embed_signup input.email {
width: 100%;
.box-text {
line-height: 1.6;
}

/* Override Bootstrap */
Expand Down
29 changes: 17 additions & 12 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 @@ -330,12 +343,4 @@ <h3>ClojureBridge is supported by:</h3>
</p>
</div>
</div>

<div class="row">
<div id="signup-form-wrapper" class="centered">
<h2>Stay up to date</h2>
{% include announcement_list_signup_form_slim.html %}
</div>
</div>

</section>