Dutch translation of invite message

OpenConext · Nov 1, 2023 · c43087a · c43087a
1 parent 3319389
commit c43087a
Show file tree

Hide file tree

Showing 4 changed files with 53 additions and 40 deletions.
diff --git a/server/src/main/resources/templates/footer_en.html b/server/src/main/resources/templates/footer_en.html
@@ -1,5 +1,5 @@
 <div class="footer"
-     style="text-align: center;padding: 20px 0 40px 60px;line-height: 24px;background-color: #f5f5f5;">
+     style="text-align: center;padding: 20px 20px 40px 20px;line-height: 24px;background-color: #f5f5f5;">
     <div class="links">
         <a class="external" href="https://support.surfconext.nl/invite"
            style="color: #636363;">What is SURFconext Invite?</a>

diff --git a/server/src/main/resources/templates/footer_nl.html b/server/src/main/resources/templates/footer_nl.html
@@ -1,5 +1,5 @@
 <div class="footer"
-     style="text-align: center;padding: 20px 0 40px 60px;line-height: 24px;background-color: #f5f5f5;">
+     style="text-align: center;padding: 20px 20px 40px 20px;line-height: 24px;background-color: #f5f5f5;">
     <div class="links">
         <a class="external" href="https://support.surfconext.nl/invite"
            style="color: #636363;">Wat is SURFconext Invite</a>

diff --git a/server/src/main/resources/templates/invitation_en.html b/server/src/main/resources/templates/invitation_en.html
@@ -4,33 +4,35 @@
     <title>{{title}}</title>
 </head>
 <body>
-<div class="main" style="font-family: Helvetica, Arial, sans-serif;line-height: 18px;font-size: 14px;color: #353535;">
+<div class="main" style="font-family: Helvetica, Arial, sans-serif;line-height: 18px;font-size: 16px;color: #353535;">
     <div class="header" style="background-color: #0077C8;padding:10px 40px;">
         {{> logo-surf.svg}}
         <span style="display: inline-block;color:white;margin-left: 10px;font-size: 18px;">Welcome</span>
     </div>
     <div class="head" style="padding: 30px 40px 20px 40px;">
         {{#environment}}
-        <p style="font-weight: bold;margin: 0; padding: 20px 5px background-color: #f1f19b;">
+        <p style="font-weight: bold;margin: 0; padding: 20px 5px; background-color: #f1f19b;">
             This mail is from the {{environment}} environment
         </p>
         {{/environment}}
         <p class="title" style="">Hello,</p>
-        <p><strong>{{user.name}}</strong> (from <strong>{{institutionName}}</strong>) has granted you access to one or more
+        <p><strong>{{user.name}}</strong> (from <strong>{{institutionName}}</strong>) has granted you access to one or
+            more
             applications or systems that they use.</p>
 
         <p>You have been granted access to:</p>
 
         {{#invitation.anyRoles}}
         <ul>
             {{#groupedProviders}}
-            <li style="margin-bottom: 4px;"><strong>{{name}}</strong> ({{organisation}}) - as <strong>{{rolesDisplay}}</strong></li>
+            <li style="margin-bottom: 4px;"><strong>{{name}}</strong> ({{organisation}}) - as
+                <strong>{{rolesDisplay}}</strong></li>
             {{/groupedProviders}}
         </ul>
         {{/invitation.anyRoles}}
         {{#message}}
-        <p style="margin: 0">Personal message from {{user.name}}</p>
-        <div class="head" style="background-color: #f5f5f5;padding: 20px;margin-top:15px;font-style: italic;">
+        <p style="margin: 20px 0 0 0;">Personal message from {{user.name}}</p>
+        <div class="head" style="background-color: #f5f5f5;padding: 20px;margin:5px 0 15px 0;font-style: italic;">
             <p style="margin: 0;">
                 {{{message}}}
             </p>
@@ -42,31 +44,36 @@
             No worries, you can create one in less than 30 seconds.</p>
         <div style="display: flex;">
             <a class="button" href="{{{ url }}}"
-               style="border-radius: 4px;color: white;width: 300px;background-color: #0077c8;text-decoration: none;display: inline-block;margin: 15px auto;cursor:pointer;padding: 14px 26px;">
+               style="border-radius: 4px;color: white;display: flex;width: 300px;background-color: #0077c8;text-decoration: none;margin: 15px auto;cursor:pointer;padding: 14px 26px;">
                 {{> eduid-logo.svg}}
-                <span style="color: white;font-size: 18px;position: relative;top: -16px;left: 30px;; margin: 6px auto;">Access with eduID</span>
+                <span style="color: white;margin: auto 0 auto 25px;">Access with eduID</span>
             </a>
         </div>
         {{/invitation.eduIDOnly}}
         {{^invitation.eduIDOnly}}
         <p>For the access to this application's we use SURFconext.</p>
         <div style="display: flex;">
             <a class="button" href="{{{ url }}}"
-               style="border-radius: 4px;color: white;background-color: #0077c8;text-decoration: none;display: inline-block;margin: 15px auto;cursor:pointer;padding: 14px 56px;font-size: 18px;">
-                <span style="color: white;font-size: 18px;margin: 6px 0 6px 10px;">Continue</span>
+               style="border-radius: 4px;color: white;width: 300px;display:flex;background-color: #0077c8;text-decoration: none;margin: 15px auto;cursor:pointer;padding: 14px 56px;font-size: 18px;">
+                <span style="color: white;margin: auto;">Continue</span>
             </a>
         </div>
         {{/invitation.eduIDOnly}}
     </div>
     {{#invitation.eduIDOnly}}
     <div class="eduid-info" style="background-color: #f3f2f2;padding: 20px 40px 20px 40px; color: #9b9b9b">
-        <h1>Why do I need an eduID account?</h1>
+        <p style="font-size: 18px;margin:20px 0 15px 0;">Why do I need an eduID account?</p>
         <p>An eduID is an account for users within the Dutch educational and research community. It is yours and exists
-            independent of an educational institution.</p>
-        <p style="font-weight: bold;margin-bottom: 5px;">
-            request eduID
+            independent of an educational institution.
+            With eduID you can log in to various services. Even if you don't have an institutional account. You can use
+            eduID for example
+            if you want to follow courses with different institutions. Or if you want to follow a course after you have
+            graduated.</p>
+        <p style="font-weight: bold;margin: 15px 0 0 0;">
+            Request eduID
         </p>
-        <p>Requesting an eduID is free, and you can do it now. All you need is an email</p>
+        <p style="margin: 5px 0 10px 0;">Requesting an eduID is free, and you can do it now. All you need is an
+            email.</p>
     </div>
     {{/invitation.eduIDOnly}}
 

diff --git a/server/src/main/resources/templates/invitation_nl.html b/server/src/main/resources/templates/invitation_nl.html
@@ -4,69 +4,75 @@
     <title>{{title}}</title>
 </head>
 <body>
-<div class="main" style="font-family: Helvetica, Arial, sans-serif;line-height: 18px;font-size: 14px;color: #353535;">
+<div class="main" style="font-family: Helvetica, Arial, sans-serif;line-height: 18px;font-size: 16px;color: #353535;">
     <div class="header" style="background-color: #0077C8;padding:10px 40px;">
         {{> logo-surf.svg}}
         <span style="display: inline-block;color:white;margin-left: 10px;font-size: 18px;">Welcome</span>
     </div>
     <div class="head" style="padding: 30px 40px 20px 40px;">
         {{#environment}}
-        <p style="font-weight: bold;margin: 0; padding: 20px 5px background-color: #f1f19b;">
-            This mail is from the {{environment}} environment
+        <p style="font-weight: bold;margin: 0; padding: 20px 5px; background-color: #f1f19b;">
+            Deze mail is van de {{environment}} omgevving
         </p>
         {{/environment}}
-        <p class="title" style="">Hello,</p>
-        <p><strong>{{user.name}}</strong> (from <strong>{{institutionName}}</strong>) has granted you access to one or more
-        applications or systems that they use.</p>
+        <p class="title" style="">Hallo,</p>
+        <p><strong>{{user.name}}</strong> (van <strong>{{institutionName}}</strong>) heeft je toegang tot één of meer
+            applicaties en systemen die zij gebruiken.</p>
 
-        <p>You have been granted access to:</p>
+        <p>Je hebt toegang gekregen tot:</p>
 
         {{#invitation.anyRoles}}
         <ul>
             {{#groupedProviders}}
-            <li style="margin-bottom: 4px;"><strong>{{name}}</strong> ({{organisation}}) - as <strong>{{rolesDisplay}}</strong></li>
+            <li style="margin-bottom: 4px;"><strong>{{name}}</strong> ({{organisation}}) - als
+                <strong>{{rolesDisplay}}</strong></li>
             {{/groupedProviders}}
         </ul>
         {{/invitation.anyRoles}}
         {{#message}}
-        <p style="margin: 0">Personal message from {{user.name}}</p>
-        <div class="head" style="background-color: #f5f5f5;padding: 20px;margin-top:15px;font-style: italic;">
+        <p style="margin: 20px 0 0 0;">Persoonlijk bericht van {{user.name}}</p>
+        <div class="head" style="background-color: #f5f5f5;padding: 20px;margin:5px 0 15px 0;font-style: italic;">
             <p style="margin: 0;">
                 {{{message}}}
             </p>
         </div>
         {{/message}}
 
         {{#invitation.eduIDOnly}}
-        <p>For the access to this application(s) eduID is used. Do you not have an eduID account yet?
-            No worries, you can create one in less than 30 seconds.</p>
+        <p>Voor de toegang tot deze applicatie(s) wordt gebruik gemaakt van eduID. Heb je nog geen eduID account? Geen probleem,
+        een eduID accounnt aanmaken kost minder dan 30 seconden.</p>
         <div style="display: flex;">
             <a class="button" href="{{{ url }}}"
-               style="border-radius: 4px;color: white;width: 300px;background-color: #0077c8;text-decoration: none;display: inline-block;margin: 15px auto;cursor:pointer;padding: 14px 26px;">
+               style="border-radius: 4px;color: white;display: flex;width: 300px;background-color: #0077c8;text-decoration: none;margin: 15px auto;cursor:pointer;padding: 14px 26px;">
                 {{> eduid-logo.svg}}
-                <span style="color: white;font-size: 18px;position: relative;top: -16px;left: 30px;; margin: 6px auto;">Access with eduID</span>
+                <span style="color: white;margin: auto 0 auto 25px;">Toegang met eduID</span>
             </a>
         </div>
         {{/invitation.eduIDOnly}}
         {{^invitation.eduIDOnly}}
-        <p>For the access to this application's we use SURFconext.</p>
+        <p>Voor de toegang tot deze applicaties wordt gebruik gemaakt van SURFconext.</p>
         <div style="display: flex;">
             <a class="button" href="{{{ url }}}"
-               style="border-radius: 4px;color: white;background-color: #0077c8;text-decoration: none;display: inline-block;margin: 15px auto;cursor:pointer;padding: 14px 56px;font-size: 18px;">
-                <span style="color: white;font-size: 18px;margin: 6px 0 6px 10px;">Continue</span>
+               style="border-radius: 4px;color: white;width: 300px;display:flex;background-color: #0077c8;text-decoration: none;margin: 15px auto;cursor:pointer;padding: 14px 56px;font-size: 18px;">
+                <span style="color: white;margin: auto;">Doorgaan</span>
             </a>
         </div>
         {{/invitation.eduIDOnly}}
     </div>
     {{#invitation.eduIDOnly}}
     <div class="eduid-info" style="background-color: #f3f2f2;padding: 20px 40px 20px 40px; color: #9b9b9b">
-        <h1>Why do I need an eduID account?</h1>
-        <p>An eduID is an account for users within the Dutch educational and research community. It is yours and exists
-            independent of an educational institution.</p>
-        <p style="font-weight: bold;margin-bottom: 5px;">
-            request eduID
+        <p style="font-size: 18px;margin:20px 0 15px 0;">Waarom heb ik een eduID account nodig?</p>
+        <p>
+            Een eduID is een account voor gebruikers binnen het Nederlandse onderwijs en onderzoek. Het
+            is van jou, en bestaat onafhankelijk van een onderwijsinstelling. Met eduID kan je inloggen op
+            verschillende diensten. Ook als je geen account van je instelling hebt, kan je met eduID inloggen.
+            Je kunt eduID bijvoorbeeld gebruiken als je bij meerdere instellingen tegelijk onnderwijs wilt volgen.
+            Of na je studie als je naast je werk een opleiding of cursus wilt volgen
         </p>
-        <p>Requesting an eduID is free, and you can do it now. All you need is an email</p>
+        <p style="font-weight: bold;margin: 15px 0 0 0;">
+            Aanvragen eduID
+        </p>
+        <p style="margin: 5px 0 10px 0;">Het aanvragen van een eduID is kosteloos en kan direct. Je hebt alleen een e-mailadres nodig.</p>
     </div>
     {{/invitation.eduIDOnly}}