chore: localize static sites

This commit localizes messages of the mostly static sites of embark's
website. This is needed to have them internationalized into different
languages.

site/source/_data/plugins.yml

@@ -1,12 +1,12 @@
 - name: embark-bamboo
-  description: Plugin to add Bamboo support to embark
+  description: plugins_page.plugins.bamboo.desc
   link: https://www.npmjs.com/package/embark-bamboo
   thumbnail: bamboo.png
   tags:
     - language
     - smart-contracts
 - name: embark-solc
-  description: Uses the command line Solidity Compiler for light-speed compile times
+  description: plugins_page.plugins.solc.desc
   link: https://www.npmjs.com/package/embark-solc
   thumbnail: solidity.png
   tags:
@@ -14,7 +14,7 @@
     - language
     - smart-contracts
 - name: embark-solium
-  description: The official Solium Plugin for the Embark Framework
+  description: plugins_page.plugins.solium.desc
   link: https://www.npmjs.com/package/embark-solium
   thumbnail: solium.png
   tags:
@@ -22,44 +22,44 @@
     - solidity
     - solium
 - name: embark-etherscan-verifier
-  description: Plugin for Embark to flatten and verify contracts on Etherscan
+  description: plugins_page.plugins.verifier.desc
   link: https://www.npmjs.com/package/embark-etherscan-verifier
   tags:
     - solidity
     - etherscan
     - smart-contracts
 - name: embark-status
-  description: Status plugin to interact with embark
+  description: plugins_page.plugins.status.desc
   link: https://www.npmjs.com/package/embark-status-plugin
   thumbnail: status.png
   tags:
     - status
     - mobile
 - name: embark-remix
-  description: Plugin to start Remix and Remix directly with Embark
+  description: plugins_page.plugins.remix.desc
   link: https://www.npmjs.com/package/embark-remix
   thumbnail: remix.png
   tags:
     - remix
     - debugger
 - name: embark-slither
-  description: Plugin to analyse solidity source with Slither
+  description: plugins_page.plugins.slither.desc
   link: https://www.npmjs.com/package/embark-slither
   tags:
     - solidity
 - name: embark-snark
-  description: Plugin to compile circom circuits and generate Solidity proof
+  description: plugins_page.plugins.snark.desc
   link: https://www.npmjs.com/package/embark-snark
   tags:
     - snark
 - name: embark-fortune
-  description: Displays a fortune message after every build
+  description: plugins_page.plugins.fortune.desc
   link: https://www.npmjs.com/package/embark-fortune
   thumbnail: fortune.jpg
   tags:
     - fun
 - name: embark-pug
-  description: Embark plugin to support pug / jade templates
+  description: plugins_page.plugins.pug.desc
   link: https://www.npmjs.com/package/embark-pug
   legacy: true
   thumbnail: pug.png
@@ -68,7 +68,7 @@
     - jade
     - templates
 - name: embark-haml
-  description: Embark plugin to support haml templates
+  description: plugins_page.plugins.haml.desc
   link: https://www.npmjs.com/package/embark-haml
   legacy: true
   thumbnail: haml.png
@@ -76,7 +76,7 @@
     - haml
     - templates
 - name: embark-mythx
-  description: Adds console commands to run MythX security analyses from the Embark console
+  description: plugins_page.plugins.mythx.desc
   link: https://www.npmjs.com/package/embark-mythx
   thumbnail: mythx.png
   tags:

site/source/community/index.md

@@ -1,7 +1,7 @@
-title: Join the growing community
+title: community_page.header.title
-tagline: Get support, give support and help building Embark.
+tagline: community_page.header.tagline
 link:
-  text: Join the conversation
+  text: community_page.header.link
   href: https://gitter.im/embark-framework/Lobby
 layout: community
 ---

site/source/docs/index.md

@@ -1,4 +1,4 @@
-title: Build with Embark
+title: docs_landing_page.header.title
 layout: docs-landing
 ---
 

site/source/index.md

@@ -1,5 +1,4 @@
-title: Embark into the Ether.
+title: start_page.header.title
-tagline: The all-in-one developer platform for building and deploying decentralized applications.
 link:
   text: Get Started
   href: /docs

site/source/news/index.md

@@ -1,3 +1,4 @@
-title: Blog
+title: blog.header.title
+tagline: blog.header.tagline
 layout: blog
 ---

site/source/plugins/index.md

@@ -1,6 +1,6 @@
 layout: plugins
-tagline: 'Extend Embark to your needs.'
+tagline: plugins_page.header.tagline
-title: Plugins
+title: plugins_page.header.title
 data: plugins
-intro: "Plugins extend Embark and provide integration with other tools and technologies."
+intro: plugins_page.intro_section.heading.referal
 ---

site/themes/embark/languages/en.yml

@@ -1,16 +1,277 @@
-menu:
+navigation:
-  docs: Docs
+  quick_start: Quick Start
-  api: API
+  learn: Learn
-  news: News
   plugins: Plugins
-  themes: Themes
+  community: Community
-  search: Search
-  chat: Chat
   blog: Blog
-  tutorials: Tutorials
+  search: Search
 
-index:
+start_page:
-  get_started: Get started
+  header:
+    title: Embark into the Ether.
+    tagline: The all-in-one developer platform for building and deploying decentralized applications.
+    link: Get Started
+
+  intro_section:
+    heading:
+      title: <span class="u-text-light">More than a </span>framework.
+      referal: Embark is a platform that enables easy development and deployment of decentralized applications.
+      link: Join the Community
+    box_1:
+      title: Smart Contract Management
+      text: Build, test, and deploy your Smart Contracts without the hassle. Embark takes care of the ground work, watches for changes, and redeploys your application when needed.
+      link: Learn more
+    box_2:
+      title: Easy to use Debugger and Testing
+      text: Testing shouldn't be an afterthought. Embark makes debugging and testing first-class citizens of your development workflow.
+      link: Learn more
+    box_3:
+      title: End to End DApp Development
+      text: Go beyond Smart Contracts if you want to. Embark offers great integrations with decentralised services such as IPFS and Whisper.
+      link: Learn more
+
+  cli_section:
+    heading:
+      title: Powerful CLI
+      referal: Embark's command line interface comes with a rich dashboard so <strong>you</strong> are in control.
+    checklist:
+      item_1: Service Monitoring
+      item_2: Interactive REPL
+      item_3: Real-time Deployment
+    link:
+      label: Get Started
+      title: Creating apps using the CLI
+
+  modular_section:
+    heading:
+      title: <span class="u-text-light">Modular by </span>Design
+      referal: Pick and choose what features, plugins and tools you want to integrate with. Embark is built with modularity in mind.
+    checklist:
+      item_1: Smart Contract only or full-fledged DApps
+      item_2: Integrate with existing tools
+      item_3: Extend it to your needs
+    link_1:
+      title: Plugins
+      label: See plugins
+    link_2:
+      title: Creating Plugins
+      label: Create your own
+
+  cockpit_section:
+    heading:
+      title: Mission control with <span class="u-text-ghost">Cockpit.</span>
+      referal: A web interface for building, debugging and deploying decentralised applications.
+
+    box_1:
+      title: Web UI Dashboard
+      text: Gives an overview of all processes controlled by Embark. It also comes with an interactive console and predictive commands.
+      link:
+        label: Learn more &rarr;
+        title: Cockpit Dashboard
+
+    box_2:
+      title: Explorer
+      text: Cockpit's explorer lets you easily review any transactions, Smart Contracts, and accounts.
+      link:
+        label: Learn more &rarr;
+        title: Cockpit Explorer
+
+    box_3:
+      title: Deployment
+      text: With Cockpit you can iteratively and selectively deploy your Smart Contracts, removing headaches associated with complex applications.
+      link:
+        label: Learn more &rarr;
+        title: Cockpit Deployment
+
+    box_4:
+      title: Code Editor
+      text: Edit your source files from right within Cockpit for quick and easy updates.
+      link:
+        title: Cockpit Editor
+        label: Learn more &rarr;
+
+  outro_section:
+    heading:
+      title: <span class="u-text-light">For developers</span>, by developers
+      referal: Embark is a fully open source effort. Get involved and be part of the journey.
+      link: Join the Community
+
+  newsletter_section:
+    heading:
+      title: Sign up for updates
+      text: Sign up for our newsletter and get updates about Embark and our development progress first!
+    button:
+      label: Subscribe
+
+community_page:
+  header:
+    title: Join the growing community
+    tagline: Get support, give support, and help build Embark.
+    link: Join the conversation
+
+  spotbox:
+    title: Checkout the GitHub Repos
+    text: Look for issues with specifics tags you may be interested in.
+    link: View repositories
+
+  contribute_section:
+    heading:
+      title: <span class="u-text-light">How to</span> contribute
+      referal: There are a number of ways to contribute and get involved, from submitting a pull request to growing the community.
+
+  not_just_code_section:
+    heading:
+      title: It's not just <span class='u-text-light'>code</span>
+      referal: We believe that contributions go far beyond working on our code base. Help out with writing docs, creating a tutorial, or simply talk to us on our channels.
+      link: Join us in Gitter
+
+    box_1:
+      title: Help improve the docs
+      text: You don't have to code to contribute, we're happy about any improvements to our documentation.
+
+    box_2:
+      title: Create a tutorial
+      text: Record a video of a simple tutorial and share it with the community.
+
+    box_3:
+      title: Help answer questions
+      text: Help out newcomers with questions in our Gitter channel or Stack Overflow.
+
+    box_4:
+      title: Create a plugin
+      text: Embark integrates well with other tools. Build a plugin to get support for your tool of choice.
+
+    box_5:
+      title: Report a bug
+      text: If you find a bug, let us know and we'll work on fixing it.
+
+    box_6:
+      title: Work on new features
+      text: Collaborate with peers on new features you want to see in Embark.
+
+  team_section:
+    heading:
+      title: Meet the <span class="u-text-ghost">team</span>.
+
+    job_team_lead: Creator and Team Lead
+    job_engineer: Software Engineer
+
+plugins_page:
+  header:
+    title: Plugins
+    tagline: Extend Embark to your needs.
+
+  intro_section:
+    heading:
+      referal: Plugins extend Embark and provide integration with other tools and technologies.
+      link: Build your own!
+
+  learn_more_link: Learn More
+
+  plugins:
+    bamboo:
+      desc: Plugin to add Bamboo support to Embark
+    solc:
+      desc: Uses the command line Solidity Compiler for light-speed compile times
+    solium:
+      desc: The official Solium Plugin for the Embark Framework
+    verifier:
+      desc: Plugin for Embark to flatten and verify contracts on Etherscan
+    status:
+      desc: Status plugin to interact with Embark
+    remix:
+      desc: Plugin to start Remix directly with Embark
+    slither:
+      desc: Plugin to analyse solidity source code with Slither
+    snark:
+      desc: Plugin to compile circom circuits and generate a Solidity proof
+    fortune:
+      desc: Displays a fortune message after every build
+    pug:
+      desc: Embark plugin to support pug / jade templates
+    haml:
+      desc: Embark plugin to support haml templates
+    mythx:
+      desc: Adds console commands to run MythX security analysis from the Embark console
+
+docs_landing_page:
+  header:
+    title: Building with Embark
+    tagline: Learn how <strong class="u-text-ghost">you</strong> can use Embark to build your apps.
+    link: Quickstart &rarr;
+
+  intro_section:
+    heading:
+      title: <span class="u-text-light">Start</span> here.
+      referal: There are many ways to work with Embark. Here are a few good places to start.
+
+    box_1:
+      title: Documentation
+      text: Go straight to the docs and explore what Embark has to offer!
+      link: Learn more
+
+    box_2:
+      title: Using the CLI
+      text: Learn how to use Embark's command line interface to develop your apps.
+      link: Learn more
+
+    box_3:
+      title: Smart Contract Development
+      text: Embark provides a lot of flexibility when it comes to configuring, compiling, and deploying your Smart Contracts.
+      link: Learn more
+
+    box_4:
+      title: Create a plugin
+      text: Extend Embark to your needs! Learn how to build a plugin that integrates your favourite tools with Embark.
+      link: Learn more
+
+    link:
+      label: Take me to the docs &rarr;
+      title: Docs Overview
+
+blog:
+  header:
+    title: Blog
+    tagline: News and updates by the Embark team
+
+  view_all_link: View All
+
+archives:
+  header:
+    title: All posts
+    link: &larr; Back to blog
+
+  article_box:
+    read_more_link: Read more
+
+  back_to_blog_link:
+    label: &larr; Back to blog
+    title: Back to blog
+
+footer:
+  text: Embark is part of the Status Network
+  section_resources:
+    title: Resources
+    quick_start: Quick Start
+    documentation: Documentation
+    blog: Blog
+    faq: FAQ
+    troubleshooting: Troubleshooting
+  section_help:
+    issues: Report issues
+    coc: Code of Conduct
+  section_community:
+    contribute: Contribute
+    team: Team
+  privacy_policy: Privacy Policy
+
+paginator:
+  prev:
+    label: &larr; Previous
+    title: Previous article
+  next:
+    label: Next &rarr;
+    title: Next article
 
 page:
   contents: Contents
@@ -115,6 +376,6 @@ sidebar:
     cockpit_deployment: Deployment
     cockpit_explorer: Explorer View
     cockpit_editor: Code Editor
-    cockpit_utils: Utils 
+    cockpit_utils: Utils
     cockpit_debugger: Using the Debugger
 

site/themes/embark/layout/archive.swig

@@ -13,11 +13,11 @@
 {% else %}
   {{
     partial('partial/header', {
-      title: 'All posts',
+      title: __('archives.header.title'),
       tagline: ' ',
       compact: true,
       link: {
-        text: '← Back to blog',
+        text: __('archives.header.link'),
         href: '/news'
       },
     })
@@ -36,7 +36,7 @@
           text: post.summary,
           dateInfo: post.date,
           link: {
-            text: 'Read more',
+            text: __('archives.article_box.read_more_link'),
             href: url_for(post.path)
           }
         })
@@ -44,7 +44,7 @@
     {% endfor %}
   </section>
   <div class="o-container o-distance o-center">
-    <a href="/news" class="c-button" title="Back to blog">&larr; Back to blog</a>
+    <a href="/news" class="c-button" title="{{__('archives.back_to_blog_link.title')}}">{{__('archives.back_to_blog_link.label')}}</a>
   </div>
 </main>
 

site/themes/embark/layout/blog.swig

@@ -1,7 +1,7 @@
 {{
   partial('partial/header', {
-    title: 'Blog',
+    title: __(page.title),
-    tagline: 'News and updates by the Embark team',
+    tagline: __(page.tagline),
     compact: true
   })
 }}
@@ -92,7 +92,7 @@
     </div>
   </section>
   <div class="o-container o-distance o-center">
-    <a href="/archives" class="c-button" title="View all">View all</a>
+    <a href="/archives" class="c-button" title="{{__('blog.view_all_link')}}">{{__('blog.view_all_link')}}</a>
   </div>
 </main>
 

site/themes/embark/layout/community.swig

@@ -1,9 +1,9 @@
 {{
   partial('partial/header', {
-    title: 'Join the community',
+    title: __(page.title),
-    tagline: page.tagline,
+    tagline: __(page.tagline),
     link: {
-      text: page.link.text,
+      text: __(page.link.text),
       href: page.link.href
     },
     showGitHubStars: false,
@@ -14,8 +14,8 @@
   <section class="o-container o-distance">
     {{
       partial('partial/heading', {
-        title: '<span class="u-text-light">How to</span> contribute',
+        title: __('community_page.contribute_section.heading.title'),
-        referal: 'There are a number of ways to contribute and getting involved, from submitting a pull request to growing the community.',
+        referal: __('community_page.contribute_section.heading.referal'),
         className: 'o-center'
       })
     }}
@@ -24,11 +24,11 @@
         <div class="o-grid__column--1-1 o-grid__column--medium-1-2">
           {{
             partial('partial/spotbox', {
-              title: 'Checkout the GitHub Repos',
+              title: __('community_page.spotbox.title'),
-              text: 'Look for issues with specifics tags you may be interested in.',
+              text: __('community_page.spotbox.text'),
               icon: 'app-window-search-text',
               link: {
-                text: 'See the Repo',
+                text: __('community_page.spotbox.link'),
                 href: 'https://github.com/embark-framework/embark'
               }
             })
@@ -44,10 +44,10 @@
         <div class="o-grid__column--1-1 o-grid__column--large-2-3">
           {{
             partial('partial/heading', {
-              title: "It's not just <span class='u-text-light'>code</span>",
+              title: __('community_page.not_just_code_section.heading.title'),
-              referal: 'We believe that contributions go far beyond working on our code base. Help out with writing docs, creating a tutorial or simply talk to us on our channels.',
+              referal: __('community_page.not_just_code_section.heading.referal'),
               link: {
-                text: 'Join us in Gitter',
+                text: __('community_page.not_just_code_section.heading.link'),
                 href: 'https://gitter.im/embark-framework/Lobby',
                 class: 'c-button'
               }
@@ -60,48 +60,48 @@
           {{
             partial('partial/whisperbox', {
               className: 'o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-3',
-              title: 'Help improving the docs',
+              title: __('community_page.not_just_code_section.box_1.title'),
-              text: "You don't have to code to contribute, we're happy about any improvements to our documentation.",
+              text: __('community_page.not_just_code_section.box_1.text'),
               icon: 'search-bar'
             })
           }}
           {{
             partial('partial/whisperbox', {
               className: 'o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-3',
-              title: 'Create a tutorial',
+              title: __('community_page.not_just_code_section.box_2.title'),
-              text: 'Record a video of a simple tutorial and share it with the community.',
+              text: __('community_page.not_just_code_section.box_2.text'),
               icon: 'paginate-filter-video-alternate'
             })
           }}
           {{
             partial('partial/whisperbox', {
               className: 'o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-3',
-              title: 'Help answer questions',
+              title: __('community_page.not_just_code_section.box_3.title'),
-              text: 'Help out newcomers with questions in our Gitter channel or Stack Overflow.',
+              text: __('community_page.not_just_code_section.box_3.text'),
               icon: 'notes-paper-text'
             })
           }}
           {{
             partial('partial/whisperbox', {
               className: 'o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-3',
-              title: 'Create a plugin',
+              title: __('community_page.not_just_code_section.box_4.title'),
-              text: 'Embark integrates well with other tools. Build a plugin to get support for your tool of choice.',
+              text: __('community_page.not_just_code_section.box_4.text'),
               icon: 'module'
             })
           }}
             {{
               partial('partial/whisperbox', {
                 className: 'o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-3',
-                title: 'Report a bug',
+                title: __('community_page.not_just_code_section.box_5.title'),
-                text: 'If you find a bug, let us know and we work on fixing it.',
+                text: __('community_page.not_just_code_section.box_5.text'),
                 icon: 'computer-bug-search',
               })
             }}
             {{
               partial('partial/whisperbox', {
                 className: 'o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-3',
-                title: 'Work on new features',
+                title: __('community_page.not_just_code_section.box_6.title'),
-                text: 'Collaborate with peers on new features you want to see landing.',
+                text: __('community_page.not_just_code_section.box_6.text'),
                 icon: 'tag-new-circle',
               })
             }}
@@ -117,7 +117,7 @@
       <div class="o-container">
         {{
           partial('partial/heading', {
-            title: 'Meet the <span class="u-text-ghost">team</span>.',
+            title: __('community_page.team_section.heading.title'),
             className: 'o-center'
           })
         }}
@@ -128,7 +128,7 @@
                 partial('partial/contributor-box', {
                   img: 'https://pbs.twimg.com/profile_images/928272512181563392/iDJdvy2k_400x400.jpg',
                   name: 'Iuri Matias',
-                  job: 'Creator and Team Lead',
+                  job: __('community_page.team_section.job_team_lead'),
                   github: 'Iurimatias',
                   twitter: 'iurimatias'
                 })
@@ -139,7 +139,7 @@
                 partial('partial/contributor-box', {
                   img: 'https://pbs.twimg.com/profile_images/993873866878570496/-aE4byjj_400x400.jpg',
                   name: 'Jonathan Rainville',
-                  job: 'Software Engineer',
+                  job: __('community_page.team_section.job_engineer'),
                   github: 'jrainville',
                   twitter: 'shyolghul'
                 })
@@ -150,7 +150,7 @@
                 partial('partial/contributor-box', {
                   img: 'https://avatars1.githubusercontent.com/u/5089238?s=460&v=4',
                   name: 'Eric Mastro',
-                  job: 'Software Engineer',
+                  job: __('community_page.team_section.job_engineer'),
                   github: 'emizzle',
                   twitter: 'ericmastro'
                 })
@@ -161,7 +161,7 @@
                 partial('partial/contributor-box', {
                   img: 'https://pbs.twimg.com/profile_images/965722487735701504/m58KNgWN_400x400.jpg',
                   name: 'Andre Medeiros',
-                  job: 'Software Engineer',
+                  job: __('community_page.team_section.job_engineer'),
                   github: 'andremedeiros',
                   twitter: 'superdealloc'
                 })
@@ -172,7 +172,7 @@
                 partial('partial/contributor-box', {
                   img: 'https://pbs.twimg.com/profile_images/257742900/13168239_400x400.jpg',
                   name: 'Anthony Laibe',
-                  job: 'Software Engineer',
+                  job: __('community_page.team_section.job_engineer'),
                   github: 'alaibe',
                   twitter: 'a_laibe'
                 })
@@ -183,7 +183,7 @@
                 partial('partial/contributor-box', {
                   img: 'https://avatars3.githubusercontent.com/u/194260?s=460&v=4',
                   name: 'Michael Bradley',
-                  job: 'Software Engineer',
+                  job: __('community_page.team_section.job_engineer'),
                   github: 'michaelsbradleyjr'
                 })
               }}
@@ -193,7 +193,7 @@
                 partial('partial/contributor-box', {
                   img: 'https://pbs.twimg.com/profile_images/1063160577973866496/aM313uHG_400x400.jpg',
                   name: 'Richard Ramos',
-                  job: 'Software Engineer',
+                  job: __('community_page.team_section.job_engineer'),
                   github: 'rramos',
                   twitter: 'richardramos_me'
                 })
@@ -204,7 +204,7 @@
                 partial('partial/contributor-box', {
                   img: 'https://pbs.twimg.com/profile_images/993785060733194241/p3oAIMDP_400x400.jpg',
                   name: 'Pascal Precht',
-                  job: 'Software Engineer',
+                  job: __('community_page.team_section.job_engineer'),
                   github: 'PascalPrecht',
                   twitter: 'PascalPrecht'
                 })

site/themes/embark/layout/docs-landing.swig

@@ -1,9 +1,9 @@
 {{
   partial('partial/header', {
-    title: 'Building with Embark',
+    title: __(page.title),
-    tagline: 'Learn how <strong class="u-text-ghost">you</strong> can use Embark to build your apps.',
+    tagline: __('docs_landing_page.header.tagline'),
     link: {
-      text: 'Quickstart &rarr;',
+      text: __('docs_landing_page.header.link'),
       href: '/docs/quick_start.html'
     }
   })
@@ -12,8 +12,8 @@
   <section class="o-container o-distance">
     {{
       partial('partial/heading', {
-        title: '<span class="u-text-light">Start</span> here.',
+        title: __('docs_landing_page.intro_section.heading.title'),
-        referal: "There's many ways to work with Embark. Here's a few good places to start.",
+        referal: __('docs_landing_page.intro_section.heading.referal'),
         className: 'o-center'
       })
     }}
@@ -23,11 +23,11 @@
           partial('partial/spotbox', {
             className: 'o-grid__column--1-1 o-grid__column--large-2-3',
             titleClassName: 'c-title-level-2',
-            title: 'Documentation',
+            title: __('docs_landing_page.intro_section.box_1.title'),
-            text: 'Go straight to the docs and explore what Embark has to offer!',
+            text: __('docs_landing_page.intro_section.box_1.text'),
             icon: 'list-to-do',
             link: {
-              text: 'Learn more',
+              text: __('docs_landing_page.intro_section.box_1.link'),
               href: '/docs/overview.html'
             }
           })
@@ -35,12 +35,12 @@
         {{
           partial('partial/spotbox', {
             className: 'o-grid__column--1-1 o-grid__column--large-1-3',
-            title: 'Using the CLI',
+            title: __('docs_landing_page.intro_section.box_2.title'),
             titleClassName: 'c-title-level-3',
-            text: "Learn how to use Embark's command line interface to develop your apps.",
+            text: __('docs_landing_page.intro_section.box_2.text'),
             icon: 'browser-gauge',
             link: {
-              text: 'Learn more',
+              text: __('docs_landing_page.intro_section.box_2.link'),
               href: '/docs/create_project.html'
             }
           })
@@ -52,11 +52,11 @@
         {{
           partial('partial/whisperbox', {
             className: 'o-grid__column--1-1 o-grid__column--large-1-2',
-            title: 'Smart Contract Development',
+            title: __('docs_landing_page.intro_section.box_3.title'),
-            text: 'Embark provides a lot of flexibility when it comes to configuring, compiling and deploying your Smart Contracts.',
+            text: __('docs_landing_page.intro_section.box_3.text'),
             icon: 'pen-write-paper',
             link: {
-              text: 'Learn more',
+              text: __('docs_landing_page.intro_section.box_3.link'),
               href: '/docs/contracts_configuration.html'
             }
           })
@@ -76,11 +76,11 @@
         {{
           partial('partial/whisperbox', {
             className: 'o-grid__column--1-1 o-grid__column--large-1-2',
-            title: 'Create a plugin',
+            title: __('docs_landing_page.intro_section.box_4.title'),
-            text: 'Extend Embark to your needs! Learn how to build a plugin that integrates your favourite tools with Embark.',
+            text: __('docs_landing_page.intro_section.box_4.text'),
             icon: 'module',
             link: {
-              text: 'Learn more',
+              text: __('docs_landing_page.intro_section.box_4.link'),
               href: '/docs/creating_plugins.html'
             }
           })
@@ -88,7 +88,7 @@
       </div>
     </div>
     <div class="o-distance o-center">
-      <a href="/docs/overview.html" title="Docs Overview" class="c-button">Take me to the docs &rarr;</a>
+      <a href="/docs/overview.html" title="{{__('docs_landing_page.intro_section.link.title')}}" class="c-button">{{__('docs_landing_page.intro_section.link.label')}}</a>
     </div>
   </section>
 </main>

site/themes/embark/layout/index.swig

@@ -1,9 +1,9 @@
 {{
   partial('partial/header', {
-    title: page.title,
+    title: __('start_page.header.title'),
-    tagline: page.tagline,
+    tagline: __('start_page.header.tagline'),
     link: {
-      text: page.link.text,
+      text: __('start_page.header.link'),
       href: page.link.href
     },
     showGitHubStars: page.showGitHubStars,
@@ -14,10 +14,10 @@
   <section class="o-container o-distance">
     {{
       partial('partial/heading', {
-        title: '<span class="u-text-light">More than a </span>framework.',
+        title: __('start_page.intro_section.heading.title'),
-        referal: 'Embark is a platform with tools to make developing decentralise applications a breeze.',
+        referal: __('start_page.intro_section.heading.referal'),
         link: {
-          text: 'Join the Community',
+          text: __('start_page.intro_section.heading.link'),
           href: '/community'
         },
         className: 'o-center'
@@ -28,11 +28,11 @@
         {{
           partial('partial/whisperbox', {
             className: 'o-grid__column--1-1 o-grid__column--large-1-3',
-            title: 'Smart Contract Management',
+            title: __('start_page.intro_section.box_1.title'),
-            text: 'Build, test and deploy your Smart Contracts without the hassle. Embark takes care of the ground work, watches for changes, and redeploy your application when needed.',
+            text: __('start_page.intro_section.box_1.text'),
             icon: 'pen-write-paper',
             link: {
-              text: 'Learn more',
+              text: __('start_page.intro_section.box_1.link'),
               href: '/docs/contracts_configuration.html'
             }
           })
@@ -40,11 +40,11 @@
         {{
           partial('partial/whisperbox', {
             className: 'o-grid__column--1-1 o-grid__column--large-1-3',
-            title: 'Easy to use Debugger and Testing',
+            title: __('start_page.intro_section.box_2.title'),
-            text: "Testing shouldn't be an after thought. Embark makes debugging and testing a first class citizen of your development experience.",
+            text: __('start_page.intro_section.box_2.text'),
             icon: 'search-bar',
             link: {
-              text: 'Learn more',
+              text: __('start_page.intro_section.box_2.link'),
               href: '/docs/contracts_testing.html'
             }
           })
@@ -52,11 +52,11 @@
         {{
           partial('partial/whisperbox', {
             className: 'o-grid__column--1-1 o-grid__column--large-1-3',
-            title: 'End to End DApp Development',
+            title: __('start_page.intro_section.box_3.title'),
-            text: 'Go beyond Smart Contracts if you want to. Embark offers great integrations with decentralised services such as IPFS and Whisper.',
+            text: __('start_page.intro_section.box_3.text'),
             icon: 'pie-line-graph',
             link: {
-              text: 'Learn more',
+              text: __('start_page.intro_section.box_3.link'),
               href: '/docs/javascript_usage.html'
             }
           })
@@ -69,16 +69,16 @@
       <div class="o-container">
         <div class="o-media">
           <div class="o-media__body">
-            <h2 class="c-section-title u-text-ghost">Powerful CLI</h2>
+            <h2 class="c-section-title u-text-ghost">{{__('start_page.cli_section.heading.title')}}</h2>
-            <p class="c-subtitle o-box__subtitle u-text-light">Embark's command line interface comes with a rich dashboard so <strong>you</strong> are in control.</p>
+            <p class="c-subtitle o-box__subtitle u-text-light">{{__('start_page.cli_section.heading.referal')}}</p>
             <div class="o-distance-l">
               <ul class="c-checklist">
-                {{ partial('partial/checklist_item', { icon: 'icon-check', text: 'Service Monitoring', style: 'u-text-light' }) }}
+                {{ partial('partial/checklist_item', { icon: 'icon-check', text: __('start_page.cli_section.checklist.item_1'), style: 'u-text-light' }) }}
-                {{ partial('partial/checklist_item', { icon: 'icon-check', text: 'Interactive REPL', style: 'u-text-light' }) }}
+                {{ partial('partial/checklist_item', { icon: 'icon-check', text: __('start_page.cli_section.checklist.item_2'), style: 'u-text-light' }) }}
-                {{ partial('partial/checklist_item', { icon: 'icon-check', text: 'Real-time Deployment', style: 'u-text-light' }) }}
+                {{ partial('partial/checklist_item', { icon: 'icon-check', text: __('start_page.cli_section.checklist.item_3'), style: 'u-text-light' }) }}
               </ul>
             </div>
-            <a href="/docs/create_project.html" title="Creating apps using the CLI" class="c-button o-distance-l">Get started</a>
+            <a href="/docs/create_project.html" title="{{__('start_page.cli_section.link.title')}}" class="c-button o-distance-l">{{__('start_page.cli_section.link.label')}}</a>
           </div>
           <div class="o-media__asset">
             <img src="{{url_for('assets/images/cli-tool.png')}}" alt="">
@@ -95,21 +95,21 @@
       <div class="o-grid__column--1-1 o-grid__column--medium-1-2">
         {{
           partial('partial/heading', {
-            title: '<span class="u-text-light">Modular by </span>Design',
+            title: __('start_page.modular_section.heading.title'),
-            referal: 'Pick and choose what features, plugins and tools you want to integrate with. Embark is built with modularity in mind.'
+            referal: __('start_page.modular_section.heading.referal')
           })
         }}
         <div class="o-distance-l">
           <ul class="c-checklist">
-            {{ partial('partial/checklist_item', { icon: 'icon-check', text: 'Smart Contract only or fully fledged DApps' }) }}
+            {{ partial('partial/checklist_item', { icon: 'icon-check', text: __('start_page.modular_section.checklist.item_1') }) }}
-            {{ partial('partial/checklist_item', { icon: 'icon-check', text: 'Integrate with existing tools' }) }}
+            {{ partial('partial/checklist_item', { icon: 'icon-check', text: __('start_page.modular_section.checklist.item_2') }) }}
-            {{ partial('partial/checklist_item', { icon: 'icon-check', text: 'Extend it to your needs' }) }}
+            {{ partial('partial/checklist_item', { icon: 'icon-check', text: __('start_page.modular_section.checklist.item_3') }) }}
           </ul>
         </div>
         <div class="o-distance-l">
           <div class="o-buttonbar">
-            <a href="/plugins" title="Plugins" class="c-button o-buttonbar__item">See plugins</a>
+            <a href="/plugins" title="{{__('start_page.modular_section.link_1.title')}}" class="c-button o-buttonbar__item">{{__('start_page.modular_section.link_1.label')}}</a>
-            <a href="/docs/creating_plugins.html" title="Creating Plugins" class="c-button c-button--ghost o-buttonbar__item">Create your own</a>
+            <a href="/docs/creating_plugins.html" title="{{__('start_page.modular_section.link_2.title')}}" class="c-button c-button--ghost o-buttonbar__item">{{__('start_page.modular_section.link_2.label')}}</a>
           </div>
         </div>
       </div>
@@ -119,12 +119,8 @@
     <div class="c-box c-box--universe c-box--visible o-overlap" style="background-image: url({{url_for('../../assets/images/dots.png')}})">
       <div class="o-container">
         <div class="o-heading o-center">
-          <h2 class="o-heading__title c-section-title">
+          <h2 class="o-heading__title c-section-title">{{__('start_page.cockpit_section.heading.title')}}</h2>
-            Mission control with <span class="u-text-ghost">Cockpit.</span>
+          <p class="o-heading__subtitle c-subtitle u-text-ghost">{{__('start_page.cockpit_section.heading.referal')}}</p>
-          </h2>
-          <p class="o-heading__subtitle c-subtitle u-text-ghost">
-            A web interface for building, debugging and deploying decentralised applications.
-          </p>
           <p class="o-heading__footer">
             <!-- <a href="#" class="c-button c-button--ghost" title="Get Started">Get Started</a>-->
           </p>
@@ -132,24 +128,24 @@
         <div class="o-distance-xl">
           <div class="o-grid">
             <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-4">
-              <h3 class="c-title-level-3 u-text-ghost">Web UI Dashboard</h3>
+              <h3 class="c-title-level-3 u-text-ghost">{{__('start_page.cockpit_section.box_1.title')}}</h3>
-              <p>Gives an overview of all processes controlled by Embark. It also comes with an interactive console and predictive commands.</p>
+              <p>{{__('start_page.cockpit_section.box_1.text')}}</p>
-              <a href="/docs/cockpit_dashboard.html" title="Cockpit Dashboard">Learn more &rarr;</a>
+              <a href="/docs/cockpit_dashboard.html" title="{{__('start_page.cockpit_section.box_1.link.title')}}">{{__('start_page.cockpit_section.box_1.link.label')}}</a>
             </div>
             <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-4">
-              <h3 class="c-title-level-3 u-text-ghost">Explorer</h3>
+              <h3 class="c-title-level-3 u-text-ghost">{{__('start_page.cockpit_section.box_2.title')}}</h3>
-              <p>Cockpit's explorer lets you easily review any transactions, Smart Contracts and accounts.</p>
+              <p>{{__('start_page.cockpit_section.box_2.text')}}</p>
-              <a href="/docs/cockpit_explorer.html" title="Cockpit Explorer">Learn more &rarr;</a>
+              <a href="/docs/cockpit_explorer.html" title="{{__('start_page.cockpit_section.box_2.link.title')}}">{{__('start_page.cockpit_section.box_2.link.label')}}</a>
             </div>
             <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-4">
-              <h3 class="c-title-level-3 u-text-ghost">Deployment</h3>
+              <h3 class="c-title-level-3 u-text-ghost">{{__('start_page.cockpit_section.box_3.title')}}</h3>
-              <p>With Cockpit, you can iteratively and selectively deploy your Smart Contracts, removing any headaches when it comes to complex applications.</p>
+              <p>{{__('start_page.cockpit_section.box_3.text')}}</p>
-              <a href="/docs/cockpit_deployment.html" title="Cockpit Deployment">Learn more &rarr;</a>
+              <a href="/docs/cockpit_deployment.html" title="{{__('start_page.cockpit_section.box_3.link.title')}}">{{__('start_page.cockpit_section.box_3.link.label')}}</a>
             </div>
             <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-4">
-              <h3 class="c-title-level-3 u-text-ghost">Code Editor</h3>
+              <h3 class="c-title-level-3 u-text-ghost">{{__('start_page.cockpit_section.box_4.title')}}</h3>
-              <p>Edit your source files from right within Cockpit for quick and easy updates.</p>
+              <p>{{__('start_page.cockpit_section.box_4.text')}}</p>
-              <a href="/docs/cockpit_editor.html" title="Cockpit Editor">Learn more &rarr;</a>
+              <a href="/docs/cockpit_editor.html" title="{{__('start_page.cockpit_section.box_4.link.title')}}">{{__('start_page.cockpit_section.box_4.link.label')}}</a>
             </div>
           </div>
         </div>
@@ -163,10 +159,10 @@
     <div class="c-box c-box--unframed" style="background-image: url({{url_for('assets/images/bg-hexagons.png')}})">
       {{
         partial('partial/heading', {
-          title: '<span class="u-text-light">For developers</span>, by developers',
+          title: __('start_page.outro_section.heading.title'),
-          referal: 'Embark is a fully open source effort. Get involved and be part of the journey.',
+          referal: __('start_page.outro_section.heading.referal'),
           link: {
-            text: 'Join the Community',
+            text: __('start_page.outro_section.heading.link'),
             href: '/community'
           },
           className: 'o-center'
@@ -177,18 +173,18 @@
   <section>
     <div class="o-container-medium o-distance o-center">
       <div class="c-box c-box--spot">
-          <h3><span >Sign up for updates</span></h3>
+          <h3><span>{{__('start_page.newsletter_section.heading.title')}}</span></h3>
           <div id="mc_embed_signup" class="o-distance-l">
             <form action="https://status.us20.list-manage.com/subscribe/post?u=774518184e8661075f1b012f5&amp;id=4189213bb9" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
               <div class="o-buttonbar">
                 <input type="email" value="" name="EMAIL" class="required email o-buttonbar__item" id="mce-EMAIL" placeholder="Enter your email address">
-                <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="c-button o-buttonbar__item">
+                <input type="submit" value="{{__('start_page.newsletter_section.button.label')}}" name="subscribe" id="mc-embedded-subscribe" class="c-button o-buttonbar__item">
                 <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
                 <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_774518184e8661075f1b012f5_4189213bb9" tabindex="-1" value=""></div>
               </div>
             </form>
           </div>
-          <p class="o-distance-m">Sign up to our newsletter and get updates about Embark and our development progress first!</p>
+          <p class="o-distance-m">{{__('start_page.newsletter_section.heading.text')}}</p>
       </div>
     </div>
   </section>

site/themes/embark/layout/page.swig

@@ -1,7 +1,7 @@
 {{
   partial('partial/header', {
-    title: page.title,
+    title: __(page.title),
-    tagline: page.tagline,
+    tagline: __(page.tagline),
     compact: true
   })
 }}

site/themes/embark/layout/partial/footer.swig

@@ -1,7 +1,7 @@
 <footer role="contentinfo" class="c-footer o-distance-xxl">
   <div class="o-container">
     <div class="c-footer__top">
-      <p class="c-category-title c-footer__top__title u-text-light">Embark is part of the Status Network</p>
+      <p class="c-category-title c-footer__top__title u-text-light">{{__('footer.text')}}</p>
       <ul class="o-list-inline">
         <li class="o-list-inline__item">
           <a href="https://keycard.status.im" title="Keycard by Status"><img src="{{url_for('../assets/images/keycard-logo-negative.svg')}}" alt="Keycard Logo"></a>
@@ -26,22 +26,22 @@
           </form> -->
         </div>
         <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-5">
-          <p class="c-category-title u-text-light">Ressources</p>
+          <p class="c-category-title u-text-light">{{__('footer.section_resources.title')}}</p>
           <ul class="o-list-bare">
             <li class="o-list-bare__item">
-              <a href="/docs/quick_start.html" class="u-link-ghost" title="Quickstart">Quickstart</a>
+              <a href="/docs/quick_start.html" class="u-link-ghost" title="{{__('footer.section_resources.quick_start')}}">{{__('footer.section_resources.quick_start')}}</a>
             </li>
             <li class="o-list-bare__item">
-              <a href="/docs" class="u-link-ghost" title="Official Documentation">Documentation</a>
+              <a href="/docs" class="u-link-ghost" title="{{__('footer.section_resources.documentation')}}">{{__('footer.section_resources.documentation')}}</a>
             </li>
             <li class="o-list-bare__item">
-              <a href="/news" class="u-link-ghost" title="Blog">Blog</a>
+              <a href="/news" class="u-link-ghost" title="{{__('footer.section_resources.blog')}}">{{__('footer.section_resources.blog')}}</a>
             </li>
             <li class="o-list-bare__item">
-              <a href="/docs/faq.html" class="u-link-ghost" title="FAQ">FAQ</a>
+              <a href="/docs/faq.html" class="u-link-ghost" title="{{__('footer.section_resources.faq')}}">{{__('footer.section_resources.faq')}}</a>
             </li>
             <li class="o-list-bare__item">
-              <a href="/docs/troubleshooting.html" class="u-link-ghost" title="Troubleshooting">Troubleshooting</a>
+              <a href="/docs/troubleshooting.html" class="u-link-ghost" title="{{__('footer.section_resources.troubleshooting')}}">{{__('footer.section_resources.troubleshooting')}}</a>
             </li>
           </ul>
         </div>
@@ -55,10 +55,10 @@
               <a href="https://gitter.im/embark-framework/Lobby" class="u-link-ghost" title="Gitter">Gitter</a>
             </li>
             <li class="o-list-bare__item">
-              <a href="https://github.com/embark-framework/embark/issues" class="u-link-ghost" title="Issues on GitHub">Report issues</a>
+              <a href="https://github.com/embark-framework/embark/issues" class="u-link-ghost" title="{{__('footer.section_help.issues')}}">{{__('footer.section_help.issues')}}</a>
             </li>
             <li class="o-list-bare__item">
-              <a href="https://github.com/embark-framework/embark/blob/master/CODE_OF_CONDUCT.md" class="u-link-ghost" title="Code of Conduct">Code of Conduct</a>
+              <a href="https://github.com/embark-framework/embark/blob/master/CODE_OF_CONDUCT.md" class="u-link-ghost" title="{{__('footer.section_help.coc')}}">{{__('footer.section_help.coc')}}</a>
             </li>
           </ul>
         </div>
@@ -72,10 +72,10 @@
               <a href="https://twitter.com/EmbarkProject" class="u-link-ghost" title="Twitter">Twitter</a>
             </li>
             <li class="o-list-bare__item">
-              <a href="/docs/contributing.html" class="u-link-ghost" title="Contribute">Contribute</a>
+              <a href="/docs/contributing.html" class="u-link-ghost" title="{{__('footer.section_community.contribute')}}">{{__('footer.section_community.contribute')}}</a>
             </li>
             <li class="o-list-bare__item">
-              <a href="/community/#team" class="u-link-ghost" title="Team">Team</a>
+              <a href="/community/#team" class="u-link-ghost" title="{{__('footer.section_community.team')}}">{{__('footer.section_community.team')}}</a>
             </li>
           </ul>
         </div>
@@ -94,7 +94,7 @@
     </div>
     <div class="c-footer__bottom">
       <p class="u-text-light">
-        <a href="https://status.im/privacy-policy.html" title="Privacy Policy" target="_blank" class="u-text-light">Privacy Policy</a>
+        <a href="https://status.im/privacy-policy.html" title="{{__('footer.privacy_policy')}}" target="_blank" class="u-text-light">{{__('footer.privacy_policy')}}</a>
         / © 2019 Embark
       </p>
     </div>

site/themes/embark/layout/partial/head.swig

@@ -1,6 +1,6 @@
 <head prefix="og: http://ogp.me/ns#">
   <meta charset="utf-8">
-  <title>{% if page.title %}{{ page.title }} | {% endif %}{{ config.title }}</title>
+  <title>{% if page.title %}{{ __(page.title) }} | {% endif %}{{ config.title }}</title>
   <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <!-- Canonical links -->

site/themes/embark/layout/partial/header-blog.swig

@@ -6,25 +6,25 @@
         <div class="c-navigation__header">
           <a href="{{ url_for_lang('') }}" title="Embark" class="c-logo">Embark</a>
           <button class="c-navigation__close u-text-light" title="Close menu">
-            <svg class="c-icon c-icon--xs"><use xlink:href="{{url_for('../assets/icons/symbols.svg#icon-close') }}"></use></svg>
+            <svg class="c-icon c-icon--xs"><use xlink:href="{{url_for('../assets/icons/symbols.svg#icon-close')}}"></use></svg>
           </button>
         </div>
         <div class="c-navigation__body">
           <ul class="c-navigation__list">
             <li class="c-navigation__item">
-              <a href="/docs/quick_start.html" class="c-navigation__anchor {% if is_quickstart() %}is-active{% endif %}" title="Quickstart">Quickstart</a>
+              <a href="{{ url_for('docs/quick_start.html') }}" class="c-navigation__anchor {% if is_quickstart() %}is-active{% endif %}" title="{{__('navigation.quick_start')}}">{{__('navigation.quick_start')}}</a>
             </li>
             <li class="c-navigation__item">
-              <a href="/docs" class="c-navigation__anchor {% if is_current('/docs') && !is_quickstart() %}is-active{% endif %}" title="Learn">Learn</a>
+              <a href="/docs" class="c-navigation__anchor {% if is_current('/docs') && !is_quickstart() %}is-active{% endif %}" title="{{__('navigation.learn')}}">{{__('navigation.learn')}}</a>
             </li>
             <li class="c-navigation__item">
-              <a href="/plugins" class="c-navigation__anchor {% if is_current('/plugins') %}is-active{% endif %}" title="Plugins">Plugins</a>
+              <a href="/plugins" class="c-navigation__anchor {% if is_current('/plugins') %}is-active{% endif %}" title="{{__('navigation.plugins')}}">{{__('navigation.plugins')}}</a>
             </li>
             <li class="c-navigation__item">
-              <a href="/community" class="c-navigation__anchor {% if is_current('/community') %}is-active{% endif %}" title="Community">Community</a>
+              <a href="/community" class="c-navigation__anchor {% if is_current('/community') %}is-active{% endif %}" title="{{__('navigation.community')}}">{{__('navigation.community')}}</a>
             </li>
             <li class="c-navigation__item">
-              <a href="/news" class="c-navigation__anchor {% if is_current('/news') %}is-active{% endif %}" title="Blog">Blog</a>
+              <a href="/news" class="c-navigation__anchor {% if is_current('/news') %}is-active{% endif %}" title="{{__('navigation.blog')}}">{{__('navigation.blog')}}</a>
             </li>
           </ul>
         </div>

site/themes/embark/layout/partial/header.swig

@@ -13,26 +13,26 @@
         <div class="c-navigation__body">
           <ul class="c-navigation__list">
             <li class="c-navigation__item">
-              <a href="{{ url_for('docs/quick_start.html') }}" class="c-navigation__anchor {% if is_quickstart() %}is-active{% endif %}" title="Quick Start">Quick Start</a>
+              <a href="{{ url_for('docs/quick_start.html') }}" class="c-navigation__anchor {% if is_quickstart() %}is-active{% endif %}" title="{{__('navigation.quick_start')}}">{{__('navigation.quick_start')}}</a>
             </li>
             <li class="c-navigation__item">
-              <a href="/docs" class="c-navigation__anchor {% if is_current('/docs') && !is_quickstart() %}is-active{% endif %}" title="Learn">Learn</a>
+              <a href="/docs" class="c-navigation__anchor {% if is_current('/docs') && !is_quickstart() %}is-active{% endif %}" title="{{__('navigation.learn')}}">{{__('navigation.learn')}}</a>
             </li>
             <li class="c-navigation__item">
-              <a href="/plugins" class="c-navigation__anchor {% if is_current('/plugins') %}is-active{% endif %}" title="Plugins">Plugins</a>
+              <a href="/plugins" class="c-navigation__anchor {% if is_current('/plugins') %}is-active{% endif %}" title="{{__('navigation.plugins')}}">{{__('navigation.plugins')}}</a>
             </li>
             <li class="c-navigation__item">
-              <a href="/community" class="c-navigation__anchor {% if is_current('/community') %}is-active{% endif %}" title="Community">Community</a>
+              <a href="/community" class="c-navigation__anchor {% if is_current('/community') %}is-active{% endif %}" title="{{__('navigation.community')}}">{{__('navigation.community')}}</a>
             </li>
             <li class="c-navigation__item">
-              <a href="/news" class="c-navigation__anchor {% if is_current('/news') %}is-active{% endif %}" title="Blog">Blog</a>
+              <a href="/news" class="c-navigation__anchor {% if is_current('/news') %}is-active{% endif %}" title="{{__('navigation.blog')}}">{{__('navigation.blog')}}</a>
             </li>
           </ul>
         </div>
       </nav>
       <div class="o-flex o-flex-center">
         <form action="" class="o-flex__item u-hidden-until-large">
-          <input type="search" placeholder="Search" id="search-input">
+          <input type="search" placeholder="{{__('navigation.search')}}" id="search-input">
         </form>
         <div class="o-flex__item">
           <ul class="o-flex o-flex-center">

site/themes/embark/layout/partial/paginator.swig

@@ -1,12 +1,12 @@
 <div class="o-flex o-flex-space-between">
   {% if next !== null %}
   <div class="o-flex__item">
-    <a href="/{{next.path}}" class="c-button c-button--quite" title="Previous">&larr; Previous</a>
+    <a href="/{{next.path}}" class="c-button c-button--quite" title="{{__('paginator.prev.title')}}">{{__('paginator.prev.label')}}</a>
   </div>
   {% endif %}
   {% if prev !== null %}
   <div class="o-flex__item">
-    <a href="/{{prev.path}}" class="c-button c-button--quite" title="Next Article">Next &rarr;</a>
+    <a href="/{{prev.path}}" class="c-button c-button--quite" title="{{__('paginator.next.title')}}">{{__('paginator.next.label')}}</a>
   </div>
   {% endif %}
 </div>

site/themes/embark/layout/plugins.swig

@@ -1,7 +1,7 @@
 {{
   partial('partial/header', {
-    title: page.title,
+    title: __(page.title),
-    tagline: page.tagline,
+    tagline: __(page.tagline),
     compact: true
   })
 }}
@@ -10,11 +10,11 @@
   <section class="o-container o-distance">
     {{
       partial('partial/heading', {
-        referal: 'Plugins extend Embark and provide integration with other tools and technologies.',
+        referal: __('plugins_page.intro_section.heading.referal'),
         className: 'o-center',
         link: {
           href: '/docs/creating_plugins.html',
-          text: 'Build your own!'
+          text: __('plugins_page.intro_section.heading.link')
         }
       })
     }}
@@ -23,13 +23,13 @@
   <section class="o-container o-distance">
     <div class="o-grid">
       {% for plugin in site.data[page.data] %}
-        {{ 
+        {{
           partial('partial/whisperbox', {
             className: 'o-grid__column--1-1 o-grid__column--large-1-3',
             title: plugin.name,
-            text: plugin.description,
+            text: __(plugin.description),
             link: {
-              text: 'Learn more',
+              text: __('plugins_page.learn_more_link'),
               href: plugin.link
             }
           })