use localized strings in header/footer

2022-10-18 14:05:07 -07:00 · 2022-10-18 14:05:07 -07:00 · a75f9ce838
--- a/src/views/layouts/main.js
+++ b/src/views/layouts/main.js
@ -1,11 +1,11 @@
-import { getMessage } from '../../utils/fluent.js'
+import { getMessage, getPattern } from '../../utils/fluent.js'

 export default data => `
  <!doctype html>
  <html lang=${data.locale}>
    <head>
      <meta charset='utf-8'>
-      <title>${getMessage('take-control')}</title>
+      <title>${getPattern('home-title')}</title>
      <link rel="preconnect" href="https://fonts.googleapis.com">
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
      <link href="https://fonts.googleapis.com/css2?family=Inter&display=swap" rel="stylesheet"> 
@ -15,7 +15,7 @@ export default data => `
    <body>
      <header>
        <a href='/'><img src='images/monitor-logo-transparent.png' width='220' height='40'></a>
-        <a href='/user/login' class='button'>Sign Up</a>
+        <a href='/user/login' class='button'>${getMessage('sign-up')}</a>
      </header>
      <nav>
      </nav>
@ -25,7 +25,7 @@ export default data => `
      <footer>
        <a href='https://www.mozilla.org' target='_blank'><img src='images/moz-logo-1color-white-rgb-01.svg' width='100'></a>
        <menu>
-          <li><a href='https://www.mozilla.org/privacy/firefox-monitor' target='_blank'>Terms & Privacy</a></li>
+          <li><a href='https://www.mozilla.org/privacy/firefox-monitor' target='_blank'>${getMessage('terms-and-privacy')}</a></li>
          <li><a href='https://github.com/mozilla/blurts-server' target='_blank' rel='noreferrer'>GitHub</a></li>
        </menu>
      </footer>
--- a/src/views/partials/landing.js
+++ b/src/views/partials/landing.js
@ -1,4 +1,5 @@
 export default data => `
+<br><br><br><br><br><br><br>
 <h1>This is the landing</h1>
 <section style='height: 200px; background: #fff'>Test section</section>
 <section style='height: 200px; background: #ccc'>Test section</section>