Skip to content

Commit 764d76b

Browse files
author
delisma
committed
Create signup-form.html
1 parent d291ab9 commit 764d76b

File tree

3 files changed

+172
-174
lines changed

3 files changed

+172
-174
lines changed

‎_includes/signup-form.html‎

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
<aside>
2+
<h2 id="{{ locales.connect[ page.lang ] | downcase | replace: ' ', '-' }}">{{ locales.connect[ page.lang ] }}</h2>
3+
<ul>
4+
<li>{{ locales.email[ page.lang ] }}: <a href="mailto:dto.btn@tbs-sct.gc.ca">dto.btn@tbs-sct.gc.ca</a></li>
5+
<li>{{ locales.twitter[ page.lang ] }}: {{ locales.twitterhandle[ page.lang ] }}</li>
6+
<li>{{ locales.slack[ page.lang ] }}: <a href="https://design-gc-conception.slack.com/join/shared_invite/enQtODE1OTc5Mzg5NzQ4LWQ3MjZjMTdjMjk2ZTZmMTJjYWQ3ZmRiNDYwYjRmN2NjYzQyNjFlNDBlY2FkNWE1ODg2YjExY2QwZmVjN2MwMGM">http://design-GC-conception.slack.com</a></li>
7+
<li>{{ locales.signup[ page.lang ] }}:
8+
<ul class="list-unstyled">
9+
<li>
10+
<form action="https://github.us12.list-manage.com/subscribe/post?u=5700d338d6ab413ebca1099f4&amp;id=c6bb0b9f64" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate paddingc" target="_blank" novalidate>
11+
<div id="mc_embed_signup_scroll" class="well well-sm">
12+
<fieldset class="gc-chckbxrdio">
13+
<legend>{{ locales.emailtype[ page.lang ] }}</legend>
14+
<ul class="list-unstyled lst-spcd-2">
15+
<li class="radio">
16+
<input type="radio" value="html" name="EMAILTYPE" id="mce-EMAILTYPE-0">
17+
<label for="mce-EMAILTYPE-0">{{ locales.emailtype1[ page.lang ] }}</label>
18+
</li>
19+
<li class="radio">
20+
<input type="radio" value="text" name="EMAILTYPE" id="mce-EMAILTYPE-1">
21+
<label for="mce-EMAILTYPE-1">{{ locales.emailtype2[ page.lang ] }} <small>{{ locales.emailtype-cmmt[ page.lang ] }}</small></label>
22+
</li>
23+
</ul>
24+
</fieldset>
25+
<div class="mc-field-group">
26+
<div class="input-group">
27+
<label class="wb-inv" for="mce-EMAIL">{{ locales.mce-email[ page.lang ] }}</label>
28+
<input type="email" value="" name="EMAIL" class="form-control required email" id="mce-EMAIL" placeholder="{{ locales.mce-email[ page.lang ] }}">
29+
<span class="input-group-btn">
30+
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="btn btn-success nowrap">{{ locales.subscribe[ page.lang ] }}</button>
31+
</span>
32+
</div>
33+
</div>
34+
<div id="mce-responses" class="clear">
35+
<div class="response" id="mce-error-response" style="display:none"></div>
36+
<div class="response" id="mce-success-response" style="display:none"></div>
37+
</div><!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
38+
<div style="position: absolute; left: -5000px;" aria-hidden="true">
39+
<input type="text" name="b_5700d338d6ab413ebca1099f4_c6bb0b9f64" tabindex="-1" value="">
40+
</div>
41+
</div>
42+
</form>
43+
</li>
44+
</ul>
45+
</li>
46+
</ul>
47+
<script type='text/javascript' src='https://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
48+
<script type='text/javascript'>
49+
( function( $ ) {
50+
window.fnames = new Array();
51+
window.ftypes = new Array();
52+
fnames[ 0 ]='EMAIL';
53+
ftypes[ 0 ]='email';
54+
fnames[ 1 ]='FNAME';
55+
ftypes[ 1 ]='text';
56+
fnames[ 2 ]='LNAME';
57+
ftypes[ 2 ]='text';
58+
fnames[ 3 ]='ADDRESS';
59+
ftypes[ 3 ]='address';
60+
fnames[ 4 ]='PHONE';
61+
ftypes[ 4 ]='phone';
62+
fnames[ 5 ]='BIRTHDAY';
63+
ftypes[ 5 ]='birthday';
64+
}( jQuery ));
65+
var $mcj = jQuery.noConflict( true );
66+
</script>
67+
<!--End mc_embed_signup-->
68+
<div class="mce-privacy" style="padding-top: 9px;">
69+
<a href="#privacy-notice-modal" aria-controls="privacy-notice-modal" class="overlay-lnk light-link wb-lbx" aria-label="Privacy Statement Link">{{ locales.privacy-notice[ page.lang ] }}</a>
70+
</div>
71+
<section class="mfp-hide modal-dialog modal-content overlay-def" id="privacy-notice-modal">
72+
<header class="modal-header">
73+
<h2 class="modal-title">{{ locales.privacy-notice[ page.lang ] }}</h2>
74+
</header>
75+
<div class="modal-body">
76+
<p>{{ locales.privacy-notice1[ page.lang ] }}</p>
77+
<p>{{ locales.privacy-notice2[ page.lang ] }}</p>
78+
<p>{{ locales.privacy-notice3[ page.lang ] }}</p>
79+
<p>{{ locales.privacy-notice4[ page.lang ] }}</p>
80+
</div>
81+
</section>
82+
</aside>

‎_layouts/post.html‎

Lines changed: 1 addition & 82 deletions
Original file line numberDiff line numberDiff line change
@@ -9,88 +9,7 @@
99
{{ content }}
1010
</div>
1111
</article>
12-
<aside>
13-
<h2 id="{{ locales.connect[ page.lang ] | downcase | replace: ' ', '-' }}">{{ locales.connect[ page.lang ] }}</h2>
14-
<ul>
15-
<li>{{ locales.email[ page.lang ] }}: <a href="mailto:dto.btn@tbs-sct.gc.ca">dto.btn@tbs-sct.gc.ca</a></li>
16-
<li>{{ locales.twitter[ page.lang ] }}: {{ locales.twitterhandle[ page.lang ] }}</li>
17-
<li>{{ locales.slack[ page.lang ] }}: <a href="https://design-gc-conception.slack.com/join/shared_invite/enQtODE1OTc5Mzg5NzQ4LWQ3MjZjMTdjMjk2ZTZmMTJjYWQ3ZmRiNDYwYjRmN2NjYzQyNjFlNDBlY2FkNWE1ODg2YjExY2QwZmVjN2MwMGM">http://design-GC-conception.slack.com</a></li>
18-
<li>{{ locales.signup[ page.lang ] }}:
19-
<ul class="list-unstyled">
20-
<li>
21-
<form action="https://github.us12.list-manage.com/subscribe/post?u=5700d338d6ab413ebca1099f4&amp;id=c6bb0b9f64" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate paddingc" target="_blank" novalidate>
22-
<div id="mc_embed_signup_scroll" class="well well-sm">
23-
<fieldset class="gc-chckbxrdio">
24-
<legend>{{ locales.emailtype[ page.lang ] }}</legend>
25-
<ul class="list-unstyled lst-spcd-2">
26-
<li class="radio">
27-
<input type="radio" value="html" name="EMAILTYPE" id="mce-EMAILTYPE-0">
28-
<label for="mce-EMAILTYPE-0">{{ locales.emailtype1[ page.lang ] }}</label>
29-
</li>
30-
<li class="radio">
31-
<input type="radio" value="text" name="EMAILTYPE" id="mce-EMAILTYPE-1">
32-
<label for="mce-EMAILTYPE-1">{{ locales.emailtype2[ page.lang ] }} <small>{{ locales.emailtype-cmmt[ page.lang ] }}</small></label>
33-
</li>
34-
</ul>
35-
</fieldset>
36-
<div class="mc-field-group">
37-
<div class="input-group">
38-
<label class="wb-inv" for="mce-EMAIL">{{ locales.mce-email[ page.lang ] }}</label>
39-
<input type="email" value="" name="EMAIL" class="form-control required email" id="mce-EMAIL" placeholder="{{ locales.mce-email[ page.lang ] }}">
40-
<span class="input-group-btn">
41-
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="btn btn-success nowrap">{{ locales.subscribe[ page.lang ] }}</button>
42-
</span>
43-
</div>
44-
</div>
45-
<div id="mce-responses" class="clear">
46-
<div class="response" id="mce-error-response" style="display:none"></div>
47-
<div class="response" id="mce-success-response" style="display:none"></div>
48-
</div><!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
49-
<div style="position: absolute; left: -5000px;" aria-hidden="true">
50-
<input type="text" name="b_5700d338d6ab413ebca1099f4_c6bb0b9f64" tabindex="-1" value="">
51-
</div>
52-
</div>
53-
</form>
54-
</li>
55-
</ul>
56-
</li>
57-
</ul>
58-
<script type='text/javascript' src='https://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
59-
<script type='text/javascript'>
60-
( function( $ ) {
61-
window.fnames = new Array();
62-
window.ftypes = new Array();
63-
fnames[ 0 ]='EMAIL';
64-
ftypes[ 0 ]='email';
65-
fnames[ 1 ]='FNAME';
66-
ftypes[ 1 ]='text';
67-
fnames[ 2 ]='LNAME';
68-
ftypes[ 2 ]='text';
69-
fnames[ 3 ]='ADDRESS';
70-
ftypes[ 3 ]='address';
71-
fnames[ 4 ]='PHONE';
72-
ftypes[ 4 ]='phone';
73-
fnames[ 5 ]='BIRTHDAY';
74-
ftypes[ 5 ]='birthday';
75-
}( jQuery ));
76-
var $mcj = jQuery.noConflict( true );
77-
</script>
78-
<!--End mc_embed_signup-->
79-
<div class="mce-privacy" style="padding-top: 9px;">
80-
<a href="#privacy-notice-modal" aria-controls="privacy-notice-modal" class="overlay-lnk light-link wb-lbx" aria-label="Privacy Statement Link">{{ locales.privacy-notice[ page.lang ] }}</a>
81-
</div>
82-
<section class="mfp-hide modal-dialog modal-content overlay-def" id="privacy-notice-modal">
83-
<header class="modal-header">
84-
<h2 class="modal-title">{{ locales.privacy-notice[ page.lang ] }}</h2>
85-
</header>
86-
<div class="modal-body">
87-
<p>{{ locales.privacy-notice1[ page.lang ] }}</p>
88-
<p>{{ locales.privacy-notice2[ page.lang ] }}</p>
89-
<p>{{ locales.privacy-notice3[ page.lang ] }}</p>
90-
<p>{{ locales.privacy-notice4[ page.lang ] }}</p>
91-
</div>
92-
</section>
93-
</aside>
12+
{% include signup-form.html %}
9413
</div>
9514
<nav class="mrgn-tp-xl">
9615
<h2 class="wb-inv">{{ locales.navigation[ page.lang ] }}</h2>

‎en/pages/signup.html‎

Lines changed: 89 additions & 92 deletions
Original file line numberDiff line numberDiff line change
@@ -10,102 +10,99 @@
1010
---
1111
{%- assign locales = site.data.locales.signup -%}
1212
<p>{{ locales.intro[ page.lang ] }}</p>
13-
<div class="col-md-8">
14-
<!-- Begin MailChimp Signup Form -->
15-
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
16-
<style type="text/css">
17-
#mc_embed_signup{
18-
clear:left; font:20px Helvetica,Arial,sans-serif;
19-
}
13+
<!-- Begin MailChimp Signup Form -->
14+
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
15+
<style type="text/css">
16+
#mc_embed_signup{
17+
clear:left; font:20px Helvetica,Arial,sans-serif;
18+
}
2019

21-
.hp {
22-
text-align: left !important;
23-
color: white !important;
24-
background-color: #318000 !important;
25-
border-color: #458259 !important;
26-
}
20+
.hp {
21+
text-align: left !important;
22+
color: white !important;
23+
background-color: #318000 !important;
24+
border-color: #458259 !important;
25+
}
2726

28-
a.hp:visited {
29-
color: white !important;
30-
background-color: #318000 !important;
31-
}
27+
a.hp:visited {
28+
color: white !important;
29+
background-color: #318000 !important;
30+
}
3231

33-
a.hp:hover {
34-
color: white !important;
35-
background-color: #122a01 !important;
36-
}
32+
a.hp:hover {
33+
color: white !important;
34+
background-color: #122a01 !important;
35+
}
3736

38-
.paddingc {
39-
padding-left: 0 !important;
40-
}
41-
</style>
42-
<div id="mc_embed_signup">
43-
<form action="https://github.us12.list-manage.com/subscribe/post?u=5700d338d6ab413ebca1099f4&amp;id=c6bb0b9f64" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate paddingc" target="_blank" novalidate>
44-
<div id="mc_embed_signup_scroll">
45-
<div class="mc-field-group">
46-
<label class="wb-inv" for="mce-EMAIL">{{ locales.mce-email[ page.lang ] }}</label>
47-
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="{{ locales.mce-email[ page.lang ] }}">
48-
</div>
49-
<div class="mc-field-group input-group">
50-
<b>{{ locales.emailtype[ page.lang ] }}</b>
51-
<ul>
52-
<li>
53-
<input type="radio" value="html" name="EMAILTYPE" id="mce-EMAILTYPE-0">
54-
<label for="mce-EMAILTYPE-0">{{ locales.emailtype1[ page.lang ] }}</label>
55-
</li>
56-
<li>
57-
<input type="radio" value="text" name="EMAILTYPE" id="mce-EMAILTYPE-1">
58-
<label for="mce-EMAILTYPE-1">{{ locales.emailtype2[ page.lang ] }}</label> {{ locales.emailtype-cmmt[ page.lang ] }}
59-
</li>
60-
</ul>
61-
</div>
62-
<div id="mce-responses" class="clear">
63-
<div class="response" id="mce-error-response" style="display:none"></div>
64-
<div class="response" id="mce-success-response" style="display:none"></div>
65-
</div><!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
66-
<div style="position: absolute; left: -5000px;" aria-hidden="true">
67-
<input type="text" name="b_5700d338d6ab413ebca1099f4_c6bb0b9f64" tabindex="-1" value="">
68-
</div>
69-
<div class="clear">
70-
<input type="submit" value="{{ locales.subscribe[ page.lang ] }}" name="subscribe" id="mc-embedded-subscribe" class="button hp">
71-
</div>
37+
.paddingc {
38+
padding-left: 0 !important;
39+
}
40+
</style>
41+
<div id="mc_embed_signup">
42+
<form action="https://github.us12.list-manage.com/subscribe/post?u=5700d338d6ab413ebca1099f4&amp;id=c6bb0b9f64" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate paddingc" target="_blank" novalidate>
43+
<div id="mc_embed_signup_scroll">
44+
<div class="mc-field-group">
45+
<label class="wb-inv" for="mce-EMAIL">{{ locales.mce-email[ page.lang ] }}</label>
46+
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="{{ locales.mce-email[ page.lang ] }}">
47+
</div>
48+
<div class="mc-field-group input-group">
49+
<b>{{ locales.emailtype[ page.lang ] }}</b>
50+
<ul>
51+
<li>
52+
<input type="radio" value="html" name="EMAILTYPE" id="mce-EMAILTYPE-0">
53+
<label for="mce-EMAILTYPE-0">{{ locales.emailtype1[ page.lang ] }}</label>
54+
</li>
55+
<li>
56+
<input type="radio" value="text" name="EMAILTYPE" id="mce-EMAILTYPE-1">
57+
<label for="mce-EMAILTYPE-1">{{ locales.emailtype2[ page.lang ] }}</label> {{ locales.emailtype-cmmt[ page.lang ] }}
58+
</li>
59+
</ul>
60+
</div>
61+
<div id="mce-responses" class="clear">
62+
<div class="response" id="mce-error-response" style="display:none"></div>
63+
<div class="response" id="mce-success-response" style="display:none"></div>
64+
</div><!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
65+
<div style="position: absolute; left: -5000px;" aria-hidden="true">
66+
<input type="text" name="b_5700d338d6ab413ebca1099f4_c6bb0b9f64" tabindex="-1" value="">
67+
</div>
68+
<div class="clear">
69+
<input type="submit" value="{{ locales.subscribe[ page.lang ] }}" name="subscribe" id="mc-embedded-subscribe" class="button hp">
7270
</div>
73-
</form>
74-
</div>
75-
<script type='text/javascript' src='s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
76-
<script type='text/javascript'>
77-
( function( $ ) {
78-
window.fnames = new Array();
79-
window.ftypes = new Array();
80-
fnames[ 0 ]='EMAIL';
81-
ftypes[ 0 ]='email';
82-
fnames[ 1 ]='FNAME';
83-
ftypes[ 1 ]='text';
84-
fnames[ 2 ]='LNAME';
85-
ftypes[ 2 ]='text';
86-
fnames[ 3 ]='ADDRESS';
87-
ftypes[ 3 ]='address';
88-
fnames[ 4 ]='PHONE';
89-
ftypes[ 4 ]='phone';
90-
fnames[ 5 ]='BIRTHDAY';
91-
ftypes[ 5 ]='birthday';
92-
}( jQuery ));
93-
var $mcj = jQuery.noConflict( true );
94-
</script>
95-
<!--End mc_embed_signup-->
96-
<div class="mce-privacy" style="padding-top: 9px;">
97-
<a href="#privacy-notice-modal" aria-controls="privacy-notice-modal" class="overlay-lnk light-link wb-lbx" aria-label="Privacy Statement Link">{{ locales.privacy-notice[ page.lang ] }}</a>
98-
</div>
99-
<section class="mfp-hide modal-dialog modal-content overlay-def" id="privacy-notice-modal">
100-
<header class="modal-header">
101-
<h2 class="modal-title">{{ locales.privacy-notice[ page.lang ] }}</h2>
102-
</header>
103-
<div class="modal-body">
104-
<p>{{ locales.privacy-notice1[ page.lang ] }}</p>
105-
<p>{{ locales.privacy-notice2[ page.lang ] }}</p>
106-
<p>{{ locales.privacy-notice3[ page.lang ] }}</p>
107-
<p>{{ locales.privacy-notice4[ page.lang ] }}</p>
10871
</div>
109-
</section>
72+
</form>
73+
</div>
74+
<script type='text/javascript' src='s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
75+
<script type='text/javascript'>
76+
( function( $ ) {
77+
window.fnames = new Array();
78+
window.ftypes = new Array();
79+
fnames[ 0 ]='EMAIL';
80+
ftypes[ 0 ]='email';
81+
fnames[ 1 ]='FNAME';
82+
ftypes[ 1 ]='text';
83+
fnames[ 2 ]='LNAME';
84+
ftypes[ 2 ]='text';
85+
fnames[ 3 ]='ADDRESS';
86+
ftypes[ 3 ]='address';
87+
fnames[ 4 ]='PHONE';
88+
ftypes[ 4 ]='phone';
89+
fnames[ 5 ]='BIRTHDAY';
90+
ftypes[ 5 ]='birthday';
91+
}( jQuery ));
92+
var $mcj = jQuery.noConflict( true );
93+
</script>
94+
<!--End mc_embed_signup-->
95+
<div class="mce-privacy" style="padding-top: 9px;">
96+
<a href="#privacy-notice-modal" aria-controls="privacy-notice-modal" class="overlay-lnk light-link wb-lbx" aria-label="Privacy Statement Link">{{ locales.privacy-notice[ page.lang ] }}</a>
11097
</div>
111-
<div class="clearfix"></div>
98+
<section class="mfp-hide modal-dialog modal-content overlay-def" id="privacy-notice-modal">
99+
<header class="modal-header">
100+
<h2 class="modal-title">{{ locales.privacy-notice[ page.lang ] }}</h2>
101+
</header>
102+
<div class="modal-body">
103+
<p>{{ locales.privacy-notice1[ page.lang ] }}</p>
104+
<p>{{ locales.privacy-notice2[ page.lang ] }}</p>
105+
<p>{{ locales.privacy-notice3[ page.lang ] }}</p>
106+
<p>{{ locales.privacy-notice4[ page.lang ] }}</p>
107+
</div>
108+
</section>

0 commit comments

Comments
 (0)