44 < title > {{title}}</ title >
55</ head >
66< body >
7- < div class ="main " style ="width:617px;margin: 0 auto;display:flex;flex-direction:column; padding:24px 32px;font-family:Helvetica, Arial, sans-serif;line-height: 150%;font-size: 18px;color: #000; ">
7+ < div class ="main " style ="width:617px;margin: 0 auto;padding:24px 32px;font-family:Helvetica, Arial, sans-serif;line-height: 150%;font-size: 18px;color: #000; ">
8+ < div class ="main " style ="width:617px;margin: 0 auto;padding:24px 32px;font-family:Helvetica, Arial, sans-serif;line-height: 150%;font-size: 18px;color: #000; ">
89 < div class ="header ">
910 {{#institutionLogoUrl}}
10- < img src ="{{institutionLogoUrl}} " alt ="logo " style ="height: 48px;width: 48px; "/>
11+ < img src ="{{institutionLogoUrl}} " alt ="logo " style ="height: 48px;width: 48px; "/>
1112 {{/institutionLogoUrl}}
1213 {{#isInstitutionSurf}}
13- < img src ="https://static.surfconext.nl/logos/org/8017e83f-bca7-e911-90f2-0050569571ea.png " alt ="logo " style ="height: 48px;width: 48px; "/>
14+ < img src ="https://static.surfconext.nl/logos/org/8017e83f-bca7-e911-90f2-0050569571ea.png " alt ="logo " style ="height: 48px;width: 48px; "/>
1415 {{/isInstitutionSurf}}
1516 </ div >
1617 < div class ="head ">
4243 {{/message}}
4344 {{#useEduID}}
4445 < p > De rol(len) accepteer je door in te loggen met eduID. Als je deze nog niet hebt, kun je hem gelijk aanmaken.</ p >
45- < div style ="display: flex; ">
46- < a class ="button " href ="{{{ url }}} "
47- style ="border-radius: 4px;color: white;display: flex;background-color: #0077c8;text-decoration: none;cursor:pointer;padding: 8px 20px 8px 10px; ">
48- {{> eduID-logo-square.svg}}
49- < span style ="color: white;margin: auto 0 auto 12px; "> Ga door met eduID</ span >
50- </ a >
51- </ div >
46+ < table style ="border-collapse: collapse; margin: 10px 0; ">
47+ < tr >
48+ < td style ="border-radius: 4px; background-color: #0077c8; padding: 0; line-height: 0; ">
49+ < a class ="button " href ="{{{ url }}} " style ="border-radius: 4px;color: white;text-decoration: none;display: inline-block;padding: 8px 20px 8px 10px ">
50+ < table style ="border-collapse: collapse; ">
51+ < tr >
52+ < td style ="vertical-align: middle; padding: 0; ">
53+ {{> eduID-logo-square.svg}}
54+ </ td >
55+ < td style ="vertical-align: middle; padding-left: 12px; ">
56+ < span style ="color: white; "> Ga door met eduID</ span >
57+ </ td >
58+ </ tr >
59+ </ table >
60+ </ a >
61+ </ td >
62+ </ tr >
63+ </ table >
5264 < p style ="word-break: break-word "> of kopieer deze link in je browser: {{{ url }}}</ p >
5365 {{/useEduID}}
5466 {{^useEduID}}
5567 < p > De rol(len) accepteer je door in te loggen met SURFconext.</ p >
56- < div style ="display: flex; ">
57- < a class ="button " href ="{{{ url }}} "
58- style ="border-radius: 4px;color: white;display: flex;background-color: #0077c8;text-decoration: none;cursor:pointer;padding: 8px 20px 8px 10px; ">
59- < span style ="color: white;margin: auto; "> Ga door</ span >
60- </ a >
61- </ div >
68+ < table style ="border-collapse: collapse; margin: 10px 0; ">
69+ < tr >
70+ < td style ="border-radius: 4px; background-color: #0077c8; padding: 0; ">
71+ < a class ="button " href ="{{{ url }}} " style ="border-radius: 4px;color: white;text-decoration: none;display: inline-block;padding: 8px 20px; ">
72+ < span style ="color: white; "> Ga door</ span >
73+ </ a >
74+ </ td >
75+ </ tr >
76+ </ table >
6277 < p style ="word-break: break-word "> of kopieer deze link in je browser: {{{ url }}}</ p >
6378 {{/useEduID}}
6479 </ div >
65- < div class ="footer "
66- style ="display:flex;align-items:center;justify-content:space-between;padding: 12px 0;line-height: 24px; color: #5E6873; border-top: 1px solid #888F99;font-size: 14px; ">
67- < div class ="links " style ="text-align: left ">
68- < span > Deze uitnoding verloopt via</ span >
69- < a class ="external " href ="https://support.surfconext.nl/invite "
70- style ="color: #636363; "> SURFconext Invite</ a >
71- < span > • </ span >
72- < a class ="external " href ="https://support.surfconext.nl/privacy-nl "
73- style ="color: #636363; "> Privacy Policy</ a >
74- < span > • </ span >
75- < a class ="external " href ="https://support.surfconext.nl/terms-nl "
76- style ="color: #636363; "> Voorwaarden</ a >
77- </ div >
78- < div class ="about " style ="text-align: right ">
79- < a class ="external "
80- href ="https://surf.nl/ "
81- > {{> logo-surf-black.svg}}</ a >
82- </ div >
80+ < div class ="footer " style ="padding: 12px 0;line-height: 24px; color: #5E6873; border-top: 1px solid #888F99;font-size: 14px; ">
81+ < table style ="width: 100%; border-collapse: collapse; ">
82+ < tr >
83+ < td style ="text-align: left; vertical-align: middle; padding-right: 10px; line-height: 0; ">
84+ < span > Deze uitnoding verloopt via</ span >
85+ < a class ="external " href ="https://support.surfconext.nl/invite " style ="color: #636363; text-decoration: underline; "> SURFconext Invite</ a >
86+ < span > • </ span >
87+ < a class ="external " href ="https://support.surfconext.nl/privacy-nl " style ="color: #636363; text-decoration: underline; "> Privacy Policy</ a >
88+ < span > • </ span >
89+ < a class ="external " href ="https://support.surfconext.nl/terms-nl " style ="color: #636363; text-decoration: underline; "> Voorwaarden</ a >
90+ </ td >
91+ < td style ="text-align: right; vertical-align: middle; white-space: nowrap; width: 100px; line-height: 0; ">
92+ < a class ="external " href ="https://surf.nl/ "> {{> logo-surf-black.svg}}</ a >
93+ </ td >
94+ </ tr >
95+ </ table >
8396 </ div >
8497</ div >
8598
8699</ body >
87- </ html >
100+ </ html >
0 commit comments