Skip to content

Commit 1bfbdb1

Browse files
LiemineLiemine
committed
#549 Restyle invitation email footer
1 parent e5ee0e8 commit 1bfbdb1

3 files changed

Lines changed: 54 additions & 52 deletions

File tree

‎server/src/main/resources/templates/invitation_en.html‎

Lines changed: 25 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,11 @@
44
<title>{{title}}</title>
55
</head>
66
<body>
7-
<div class="main" style="font-family: Helvetica, Arial, sans-serif;line-height: 18px;font-size: 16px;color: #353535;">
8-
<div class="header" style="background-color: #0077C8;padding:10px 40px;">
7+
<div class="main" style="display:flex;flex-direction:column; padding:24px 32px;font-family: Helvetica, Arial, sans-serif;line-height: 18px;font-size: 18px;color: #000;">
8+
<div class="header">
99
{{> logo-surf.svg}}
10-
<span style="display: inline-block;color:white;margin-left: 10px;font-size: 18px;">Welcome</span>
1110
</div>
12-
<div class="head" style="padding: 30px 40px 20px 40px;">
11+
<div class="head">
1312
{{#environment}}
1413
<p style="font-weight: bold;margin: 0; padding: 20px 5px; background-color: #f1f19b;">
1514
This mail is from the {{environment}} environment
@@ -33,7 +32,7 @@
3332
</ul>
3433
{{/invitation.anyRoles}}
3534
{{#message}}
36-
<div class="head" style="background-color: #DFF4FF;padding: 20px;margin:5px 0 15px 0;">
35+
<div class="head" style="background-color: #DFF4FF;padding: 10px;margin:5px 0 15px 0;">
3736
<p style="margin: 0;">
3837
{{{message}}}
3938
</p>
@@ -48,7 +47,7 @@
4847
<span style="color: white;margin: auto 0 auto 12px;">Continue with eduID</span>
4948
</a>
5049
</div>
51-
<p>or copy this link into your browser: {{{ url }}}</p>
50+
<p style="word-break: break-word">or copy this link into your browser: {{{ url }}}</p>
5251
{{/useEduID}}
5352
{{^useEduID}}
5453
<p>You accept the role(s) by logging in with SURFconext.</p>
@@ -58,29 +57,29 @@
5857
<span style="color: white;margin: auto;">Continue</span>
5958
</a>
6059
</div>
61-
<p>or copy this link into your browser: {{{ url }}}</p>
60+
<p style="word-break: break-word">or copy this link into your browser: {{{ url }}}</p>
6261
{{/useEduID}}
6362
</div>
64-
{{#useEduID}}
65-
<div class="eduid-info" style="background-color: #f3f2f2;padding: 20px 40px 20px 40px; color: #9b9b9b">
66-
<p style="font-size: 18px;margin:20px 0 15px 0;">Why do I need an eduID account?</p>
67-
<p>An eduID is an account for users within the Dutch educational and research community. It is yours and exists
68-
independent of an educational institution.
69-
With eduID you can log in to various applications. Even if you don't have an institutional account. You can
70-
use
71-
eduID for example
72-
if you want to follow courses with different institutions. Or if you want to follow a course after you have
73-
graduated.</p>
74-
<p style="font-weight: bold;margin: 15px 0 0 0;">
75-
Request eduID
76-
</p>
77-
<p style="margin: 5px 0 10px 0;">Requesting an eduID is free, and you can do it now. All you need is an
78-
emailaddress.</p>
63+
<div class="footer"
64+
style="display:flex;align-items:center;justify-content:space-between;padding: 12px 0;line-height: 24px; color: #5E6873; border-top: 1px solid #888F99;">
65+
<div class="links" style="text-align: left">
66+
<span>This invitation is sent via</span>
67+
<a class="external" href="https://support.surfconext.nl/invite"
68+
style="color: #636363;">SURFconext Invite</a>
69+
<span> • </span>
70+
<a class="external" href="https://support.surfconext.nl/privacy"
71+
style="color: #636363;">Privacy Policy</a>
72+
<span> • </span>
73+
<a class="external" href="https://support.surfconext.nl/terms-en"
74+
style="color: #636363;">Terms of Use</a>
75+
</div>
76+
<div class="about" style="text-align: right">
77+
<a class="external"
78+
href="https://surf.nl/"
79+
>{{> logo-surf-black.svg}}</a>
80+
</div>
7981
</div>
80-
{{/useEduID}}
81-
82-
{{> footer_en.html}}
83-
8482
</div>
83+
8584
</body>
8685
</html>

‎server/src/main/resources/templates/invitation_nl.html‎

Lines changed: 25 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,11 @@
44
<title>{{title}}</title>
55
</head>
66
<body>
7-
<div class="main" style="font-family: Helvetica, Arial, sans-serif;line-height: 18px;font-size: 16px;color: #353535;">
8-
<div class="header" style="background-color: #0077C8;padding:10px 40px;">
7+
<div class="main" style="display:flex;flex-direction:column; padding:24px 32px;font-family: Helvetica, Arial, sans-serif;line-height: 18px;font-size: 18px;color: #000;">
8+
<div class="header">
99
{{> logo-surf.svg}}
10-
<span style="display: inline-block;color:white;margin-left: 10px;font-size: 18px;">Welkom</span>
1110
</div>
12-
<div class="head" style="padding: 30px 40px 20px 40px;">
11+
<div class="head">
1312
{{#environment}}
1413
<p style="font-weight: bold;margin: 0; padding: 20px 5px; background-color: #f1f19b;">
1514
Deze mail is van de {{environment}}-omgeving
@@ -33,7 +32,7 @@
3332
</ul>
3433
{{/invitation.anyRoles}}
3534
{{#message}}
36-
<div class="head" style="background-color: #DFF4FF;padding: 20px;margin:5px 0 15px 0;">
35+
<div class="head" style="background-color: #DFF4FF;padding: 10px;margin:5px 0 15px 0;">
3736
<p style="margin: 0;">
3837
{{{message}}}
3938
</p>
@@ -48,7 +47,7 @@
4847
<span style="color: white;margin: auto 0 auto 12px;">Ga door met eduID</span>
4948
</a>
5049
</div>
51-
<p>of kopieer deze link in je browser: {{{ url }}}</p>
50+
<p style="word-break: break-word">of kopieer deze link in je browser: {{{ url }}}</p>
5251
{{/useEduID}}
5352
{{^useEduID}}
5453
<p>De rol(len) accepteer je door in te loggen met SURFconext.</p>
@@ -58,29 +57,29 @@
5857
<span style="color: white;margin: auto;">Ga door</span>
5958
</a>
6059
</div>
61-
<p>of kopieer deze link in je browser: {{{ url }}}</p>
60+
<p style="word-break: break-word">of kopieer deze link in je browser: {{{ url }}}</p>
6261
{{/useEduID}}
6362
</div>
64-
{{#useEduID}}
65-
<div class="eduid-info" style="background-color: #f3f2f2;padding: 20px 40px 20px 40px; color: #9b9b9b">
66-
<p style="font-size: 18px;margin:20px 0 15px 0;">Waarom heb ik een eduID account nodig?</p>
67-
<p>
68-
Een eduID is een account voor gebruikers binnen het Nederlandse onderwijs en onderzoek. Het
69-
is van jou, en bestaat onafhankelijk van een onderwijsinstelling. Met eduID kan je inloggen op
70-
verschillende applicaties. Ook als je geen account van je instelling hebt, kan je met eduID inloggen.
71-
Je kunt eduID bijvoorbeeld gebruiken als je bij meerdere instellingen tegelijk onnderwijs wilt volgen.
72-
Of na je studie als je naast je werk een opleiding of cursus wilt volgen.
73-
</p>
74-
<p style="font-weight: bold;margin: 15px 0 0 0;">
75-
Aanvragen eduID
76-
</p>
77-
<p style="margin: 5px 0 10px 0;">Het aanvragen van een eduID is kosteloos en kan direct. Je hebt alleen een
78-
e-mailadres nodig.</p>
63+
<div class="footer"
64+
style="display:flex;align-items:center;justify-content:space-between;padding: 12px 0;line-height: 24px; color: #5E6873; border-top: 1px solid #888F99;">
65+
<div class="links" style="text-align: left">
66+
<span>Deze uitnoding verloopt via</span>
67+
<a class="external" href="https://support.surfconext.nl/invite"
68+
style="color: #636363;">SURFconext Invite</a>
69+
<span> • </span>
70+
<a class="external" href="https://support.surfconext.nl/privacy-nl"
71+
style="color: #636363;">Privacy Policy</a>
72+
<span> • </span>
73+
<a class="external" href="https://support.surfconext.nl/terms-nl"
74+
style="color: #636363;">Voorwaarden</a>
75+
</div>
76+
<div class="about" style="text-align: right">
77+
<a class="external"
78+
href="https://surf.nl/"
79+
>{{> logo-surf-black.svg}}</a>
80+
</div>
7981
</div>
80-
{{/useEduID}}
81-
82-
{{> footer_nl.html}}
83-
8482
</div>
83+
8584
</body>
8685
</html>

‎server/src/main/resources/templates/logo-surf-black.svg‎

Lines changed: 4 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)