Issue #598 Add Meta to Transnational Emails (#634)

* Added meta tags to transactional emails

* Use single quotation marks to match style

* single quotes must be used

* single quotes must be used

server/views/mail.js

@@ -12,6 +12,10 @@ export const renderResetPassword = (data) => {
     buttonText: 'Reset password',
     directLinkText: 'Or copy and paste the URL into your browser:',
     noteText: 'If you did not request this, please ignore this email and your password will remain unchanged. Thanks for using the p5.js Web Editor!', // eslint-disable-line max-len
+    meta: {
+      keywords: 'p5.js, p5.js web editor, web editor, processing, code editor',
+      description: 'A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.'
+    }
   };
 
   // Return MJML string
@@ -39,6 +43,10 @@ export const renderEmailConfirmation = (data) => {
     buttonText: 'Verify Email',
     directLinkText: 'Or copy and paste the URL into your browser:',
     noteText: 'This link is only valid for the next 24 hours. Thanks for using the p5.js Web Editor!',
+    meta: {
+      keywords: 'p5.js, p5.js web editor, web editor, processing, code editor',
+      description: 'A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.'
+    }
   };
 
   // Return MJML string

server/views/mailLayout.js

@@ -7,9 +7,16 @@ export default ({
   buttonText,
   directLinkText,
   noteText,
+  meta
 }) => (
   `
 <mjml>
+  <mj-head>
+    <mj-raw>
+      <meta name="keywords" content="${meta.keywords}" />
+      <meta name="description" content="${meta.description}" />
+    </mj-raw>
+  </mj-head>
   <mj-body>
     <mj-container>
       <mj-section>