Skip to content

Commit 5d91b0e

Browse files
loreinaloreina
committed
update styling and copy of email templates
1 parent cddd7fb commit 5d91b0e

9 files changed

Lines changed: 350 additions & 120 deletions

File tree

‎assets/email/AccountConfirmation.hbs‎

Lines changed: 34 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,7 @@
3737
blockquote {
3838
-webkit-text-size-adjust: 100%;
3939
-ms-text-size-adjust: 100%;
40+
color: #4D4D4D;
4041
}
4142
4243
/* Prevent WebKit and Windows mobile changing default text sizes */
@@ -100,12 +101,12 @@
100101
font-weight: 700;
101102
line-height: 100%;
102103
letter-spacing: normal;
103-
color: #F2463A;
104+
color: #F2463A !important;
104105
margin-top: 0;
105106
margin-right: 0;
106107
margin-bottom: 28px;
107108
margin-left: 0px;
108-
text-align: left;
109+
text-align: center;
109110
}
110111
111112
#headerImage {
@@ -114,6 +115,8 @@
114115
width: 250px;
115116
padding-top: 20px;
116117
padding-bottom: 20px;
118+
margin-left: auto;
119+
margin-right: auto;
117120
}
118121
119122
/* ========== Body Styles ========== */
@@ -148,22 +151,32 @@
148151
149152
/* Yahoo! Mail Override */
150153
{
151-
color: white;
154+
color: #F2463A;
152155
text-decoration: none;
153-
font-family: 'Brown', Helvetica;
154-
font-size: 20px;
155-
font-weight: 700;
156+
}
156157
158+
.bodyContent a:hover {
159+
color: #F56F65;
157160
}
158161
159162
.button {
163+
color: white !important;
164+
background: #F2463A !important;
165+
font-size: 16px !important;
160166
display: inline-block;
161-
background: #F2463A;
167+
background: none;
162168
margin-top: 25px;
163169
margin-bottom: 25px;
164170
padding: 12px 24px;
165171
border-radius: 6px;
166172
text-align: center;
173+
font-family: 'Brown', sans-serif;
174+
font-size: 20px;
175+
font-weight: 700;
176+
}
177+
178+
.button:hover {
179+
background: #F56F65 !important;
167180
}
168181
169182
/* ========== Footer Styles ========== */
@@ -397,15 +410,25 @@
397410
<tr>
398411
<td valign="top" class="bodyContent" mc:edit="body_content00">
399412
<h1>Email Confirmation</h1>
400-
<p>In order to start your McHacks 6 application, we need to confirm your
401-
email.
413+
<p>
414+
Hi {{firstName}},
415+
<br><br>
416+
To start your McHacks 6 application, we first need to confirm your email.
417+
<br><br>
418+
Get that sorted by clicking below!
402419
</p>
403-
<p>Best, <br> The McHacks Team</p>
404420
<div class="center">
405421
<a href="{{link}}" class="button">
406-
Confirm Email
422+
Confirm your email
407423
</a>
408424
</div>
425+
<p>
426+
<br>
427+
McHacks Team
428+
<br>
429+
<a href="https://mchacks.ca">mchacks.ca</a>
430+
</p>
431+
409432
</td>
410433
</tr>
411434
</table>

‎assets/email/AccountInvitation.hbs‎

Lines changed: 39 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,7 @@
3737
blockquote {
3838
-webkit-text-size-adjust: 100%;
3939
-ms-text-size-adjust: 100%;
40+
color: #4D4D4D;
4041
}
4142
4243
/* Prevent WebKit and Windows mobile changing default text sizes */
@@ -100,12 +101,12 @@
100101
font-weight: 700;
101102
line-height: 100%;
102103
letter-spacing: normal;
103-
color: #F2463A;
104+
color: #F2463A !important;
104105
margin-top: 0;
105106
margin-right: 0;
106107
margin-bottom: 28px;
107108
margin-left: 0px;
108-
text-align: left;
109+
text-align: center;
109110
}
110111
111112
#headerImage {
@@ -114,6 +115,8 @@
114115
width: 250px;
115116
padding-top: 20px;
116117
padding-bottom: 20px;
118+
margin-left: auto;
119+
margin-right: auto;
117120
}
118121
119122
/* ========== Body Styles ========== */
@@ -148,22 +151,32 @@
148151
149152
/* Yahoo! Mail Override */
150153
{
151-
color: white;
154+
color: #F2463A;
152155
text-decoration: none;
153-
font-family: 'Brown', Helvetica;
154-
font-size: 20px;
155-
font-weight: 700;
156+
}
156157
158+
.bodyContent a:hover {
159+
color: #F56F65;
157160
}
158161
159162
.button {
163+
color: white !important;
164+
background: #F2463A !important;
165+
font-size: 16px !important;
160166
display: inline-block;
161-
background: #F2463A;
167+
background: none;
162168
margin-top: 25px;
163169
margin-bottom: 25px;
164170
padding: 12px 24px;
165171
border-radius: 6px;
166172
text-align: center;
173+
font-family: 'Brown', sans-serif;
174+
font-size: 20px;
175+
font-weight: 700;
176+
}
177+
178+
.button:hover {
179+
background: #F56F65 !important;
167180
}
168181
169182
/* ========== Footer Styles ========== */
@@ -396,15 +409,29 @@
396409
<table cellpadding="0" cellspacing="0" width="100%" id="templateBody">
397410
<tr>
398411
<td valign="top" class="bodyContent" mc:edit="body_content00">
399-
<h1>Create your account</h1>
400-
<p>You've been invited to create an account on the McHacks 6 dashboad.
412+
<h1>Create Your Account</h1>
413+
<p>
414+
Hi {{firstName}},
415+
<br><br>
416+
You've been invited to create an account on our hacker dashboard.
417+
<br><br>
418+
Click the button below to get things started!
401419
</p>
402-
<p>Best, <br> The McHacks Team</p>
403420
<div class="center">
404421
<a href="{{link}}" class="button">
405-
Create my Account
422+
Create my account
406423
</a>
407424
</div>
425+
<p>
426+
In the meantime, follow us on <a href="https://facebook.com/mcgillhacks">Facebook</a>, <a href="https://twitter.com/mcgillhacks">Twitter</a>, and <a href="https://instagram.com/mcgillhacks">Instagram</a> for important updates and news about McHacks 6! If you have any questions, feel free to reach out at <a href="mailto:contact@mchacks.ca">contact@mchacks.ca</a>.
427+
</p>
428+
<p>
429+
<br>
430+
McHacks Team
431+
<br>
432+
<a href="https://mchacks.ca">mchacks.ca</a>
433+
</p>
434+
408435
</td>
409436
</tr>
410437
</table>
@@ -439,4 +466,4 @@
439466
</center>
440467
</body>
441468

442-
</html>
469+
</html>

‎assets/email/ResetPassword.hbs‎

Lines changed: 34 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,7 @@
3737
blockquote {
3838
-webkit-text-size-adjust: 100%;
3939
-ms-text-size-adjust: 100%;
40+
color: #4D4D4D;
4041
}
4142
4243
/* Prevent WebKit and Windows mobile changing default text sizes */
@@ -100,12 +101,12 @@
100101
font-weight: 700;
101102
line-height: 100%;
102103
letter-spacing: normal;
103-
color: #F2463A;
104+
color: #F2463A !important;
104105
margin-top: 0;
105106
margin-right: 0;
106107
margin-bottom: 28px;
107108
margin-left: 0px;
108-
text-align: left;
109+
text-align: center;
109110
}
110111
111112
#headerImage {
@@ -114,6 +115,8 @@
114115
width: 250px;
115116
padding-top: 20px;
116117
padding-bottom: 20px;
118+
margin-left: auto;
119+
margin-right: auto;
117120
}
118121
119122
/* ========== Body Styles ========== */
@@ -148,22 +151,32 @@
148151
149152
/* Yahoo! Mail Override */
150153
{
151-
color: white;
154+
color: #F2463A;
152155
text-decoration: none;
153-
font-family: 'Brown', Helvetica;
154-
font-size: 20px;
155-
font-weight: 700;
156+
}
156157
158+
.bodyContent a:hover {
159+
color: #F56F65;
157160
}
158161
159162
.button {
163+
color: white !important;
164+
background: #F2463A !important;
165+
font-size: 16px !important;
160166
display: inline-block;
161-
background: #F2463A;
167+
background: none;
162168
margin-top: 25px;
163169
margin-bottom: 25px;
164170
padding: 12px 24px;
165171
border-radius: 6px;
166172
text-align: center;
173+
font-family: 'Brown', sans-serif;
174+
font-size: 20px;
175+
font-weight: 700;
176+
}
177+
178+
.button:hover {
179+
background: #F56F65 !important;
167180
}
168181
169182
/* ========== Footer Styles ========== */
@@ -397,14 +410,25 @@
397410
<tr>
398411
<td valign="top" class="bodyContent" mc:edit="body_content00">
399412
<h1>Password Reset</h1>
400-
<p>Reset your password for the McHacks Password
413+
<p>
414+
Hi {{firstName}},
415+
<br><br>
416+
Looks like you forgot your password. That's okay, it happens now and then!
417+
<br><br>
418+
Click the button below to get things started again. It will lead you to a page where you can reset your password.
401419
</p>
402-
<p>Best, <br> The McHacks Team</p>
403420
<div class="center">
404421
<a href="{{link}}" class="button">
405-
Reset my Password
422+
Reset my password
406423
</a>
407424
</div>
425+
<p>
426+
See you on the flip side,
427+
<br><br>
428+
McHacks Team
429+
<br>
430+
<a href="https://mchacks.ca">mchacks.ca</a>
431+
</p>
408432
</td>
409433
</tr>
410434
</table>

0 commit comments

Comments
 (0)