New files for translation

data/jp/_items.json

@@ -0,0 +1 @@
+{"利用方法":[{"title":"Doctype","priority":"High","description":"The Doctype is HTML5 and is at the top of all your HTML pages.","code":"https://gist.github.com/thedaviddias/bccee9f4dfa728830cf38bb83838d2d3.js","documentation":[{"title":"Determining the character encoding - HTML5 W3C","url":"https://www.w3.org/TR/html5/syntax.html#determining-the-character-encoding"}],"tags":["all","Meta tag"]}]}

data/jp/_project.json

@@ -0,0 +1 @@
+{"_items":{"利用方法":[{"title":"Doctype","priority":"High","description":"The Doctype is HTML5 and is at the top of all your HTML pages.","code":"https://gist.github.com/thedaviddias/bccee9f4dfa728830cf38bb83838d2d3.js","documentation":[{"title":"Determining the character encoding - HTML5 W3C","url":"https://www.w3.org/TR/html5/syntax.html#determining-the-character-encoding"}],"tags":["all","Meta tag"]}]},"introductions":[{"head":{"introduction":""}}],"translation":{"SITE_NAME":"フロントエンドチェックリスト日本語訳 ","INDEX_TITLE":"🔥 Your NEW Front-End Tool 🔥","URL_WEBSITE":"https://frontendchecklist.io","URL_PAGE":"https://frontendchecklist.io/jp/","SITE_TAGLINE":"🗂 The Front-End Checklist Application is perfect for modern websites and meticulous developers!","SITE_DESCRIPTION":"🗂 The Front-End Checklist Application is perfect for modern websites and meticulous developers! Follow the rules and deliver the best of your work in a generated report!","SITE_LANGUAGE":"jp","SITE_DIRECTION":"ltr","URL_GITHUB_ROOT":"https://github.com/thedaviddias/Front-End-Checklist","URL_GITHUB_REPO":"https://github.com/thedaviddias/Front-End-Checklist/tree/gh-pages","HIGH_CHECKED":"✓ high priority","MEDIUM_CHECKED":"✓ medium priority","LOW_CHECKED":"✓ low priority","PERCENTAGE_CHECKED":"items are ✓","SECTION_DOCUMENTATION":"Documentation","SECTION_TOOL":"Tools","SECTION_VIDEO":"Videos","SECTION_TAG":"Filter by tags","alert":{"JAVASCRIPT_DESACTIVATE":"Your JavaScript seems to be desactivate. Please enable your JavaScript to use all functionnalities of the Front-End Checklist."},"form":{"LABEL_PROJECT_NAME":"Project Name","TITLE_PROJECT_NAME":"Type the name of your project","LABEL_PAGE_TITLE":"Page title or URL","TITLE_PAGE_TITLE":"Type the name of your page or URL","LABEL_DEVELOPER_NAME":"Developer's name or team","TITLE_DEVELOPER_NAME":"Type your name or the name of your team","LABEL_SEARCH":"Search","BUTTON_START_NEW":"Start new checklist","BUTTON_GENERATE_PRINT":"Generate report"},"social":{"TWEET":"Tweet","TWITTER_MSG":"Check the 🔥 NEW Front-End Checklist Application 🔥 for modern websites and meticulous developers! With more than 15 000 🌟 on Github, now you can use it on your daily workflow and generate reports 📑!","TWITTER_VIA":"thedaviddias","TWITTER_HASHTAGS":"FrontEndChecklist #FrontEnd #Tool","STAR":"Star","GITHUB_STAR_MSG":"Star thedaviddias/Front-End-Checklist on GitHub"}}}

data/jp/items/利用方法.json

@@ -0,0 +1,15 @@
+[
+  {
+    "title": "Doctype",
+    "priority": "High",
+    "description": "The Doctype is HTML5 and is at the top of all your HTML pages.",
+    "code": "https://gist.github.com/thedaviddias/bccee9f4dfa728830cf38bb83838d2d3.js",
+    "documentation": [
+      {
+        "title": "Determining the character encoding - HTML5 W3C",
+        "url": "https://www.w3.org/TR/html5/syntax.html#determining-the-character-encoding"
+      }
+    ],
+    "tags": ["all", "Meta tag"]
+  }
+]

data/jp/project/introductions.json

@@ -0,0 +1,5 @@
+[{
+  "head": {
+    "introduction": ""
+  }
+}]

src/views/components/s-section-bottom.pug

@@ -0,0 +1,22 @@
+.s-main__section.s-main__newsletter
+
+  include c-newsletter
+
+//- Form and navigation anchors
+//- Navigation is at the bottom of the page because of the `listSections` generated by each +section present in the article.
+header.s-main__section.s-main__header
+
+  .s-header__checklist
+
+    h2.s-header__checklist__title Report and navigation
+    //- Form to create new checklist
+    .s-header__checklist__el
+      include c-new-form
+
+    //- Navigation with anchors based on the sections
+    .s-header__checklist__el
+      include c-nav
+
+    //- Letter notation based on number of items checked
+    .s-header__checklist__el
+      include c-notation

src/views/components/s-section-top.pug

@@ -0,0 +1,18 @@
+//- List of all sections in the order the mixin +section is called in the article section.
+//- Array is populate by
+- listSections = []
+
+//- Ids of each section generated by the mixin +section when called.
+- listSectionId = []
+
+//- Section with Ad and search (TODO: to enable after first launch)
+.s-main__section.s-main__meta
+
+  include c-sponsor
+
+//-   include c-search
+
+//- Section with tag filter
+.s-main__section.s-main__filter
+
+  include c-tag-filter

src/views/index-en.pug

@@ -0,0 +1,59 @@
+extends base/layout
+
+//- Block main
+block main
+
+  include components/s-section-top
+
+  //- List each section (the order is linked to the order of the c-nav)
+  //- _items is in the JSON injected in the view with gulp-data (called _project.json)
+  .s-main__section.s-main__checklist
+
+    if _items !== undefined
+
+      +checklist-section({
+        dataSection: _items.head,
+        sectionTitle: "Head"
+      })
+
+      +checklist-section({
+        dataSection: _items.html,
+        sectionTitle: "HTML"
+      })
+
+      +checklist-section({
+        dataSection: _items.webfonts,
+        sectionTitle: "Webfonts"
+      })
+
+      +checklist-section({
+        dataSection: _items.css,
+        sectionTitle: "CSS"
+      })
+
+      +checklist-section({
+        dataSection: _items.javascript,
+        sectionTitle: "JavaScript"
+      })
+
+      +checklist-section({
+        dataSection: _items.images,
+        sectionTitle: "Images"
+      })
+
+      +checklist-section({
+        dataSection: _items.accessibility,
+        sectionTitle: "Accessibility"
+      })
+
+      +checklist-section({
+        dataSection: _items.performance,
+        sectionTitle: "Performance"
+      })
+
+      +checklist-section({
+        dataSection: _items.seo,
+        sectionTitle: "SEO"
+      })
+
+  include components/s-section-bottom

src/views/index-jp.pug

@@ -0,0 +1,59 @@
+extends base/layout
+
+//- Block main
+block main
+
+  include components/s-section-top
+
+  //- List each section (the order is linked to the order of the c-nav)
+  //- _items is in the JSON injected in the view with gulp-data (called _project.json)
+  .s-main__section.s-main__checklist
+
+    if _items !== undefined
+
+      +checklist-section({
+        dataSection: _items.利用方法,
+        sectionTitle: "利用方法"
+      })
+
+      //- +checklist-section({
+      //-   dataSection: _items.html,
+      //-   sectionTitle: "HTML"
+      //- })
+
+      //- +checklist-section({
+      //-   dataSection: _items.webfonts,
+      //-   sectionTitle: "Webfonts"
+      //- })
+
+      //- +checklist-section({
+      //-   dataSection: _items.css,
+      //-   sectionTitle: "CSS"
+      //- })
+
+      //- +checklist-section({
+      //-   dataSection: _items.javascript,
+      //-   sectionTitle: "JavaScript"
+      //- })
+
+      //- +checklist-section({
+      //-   dataSection: _items.images,
+      //-   sectionTitle: "Images"
+      //- })
+
+      //- +checklist-section({
+      //-   dataSection: _items.accessibility,
+      //-   sectionTitle: "Accessibility"
+      //- })
+
+      //- +checklist-section({
+      //-   dataSection: _items.performance,
+      //-   sectionTitle: "Performance"
+      //- })
+
+      //- +checklist-section({
+      //-   dataSection: _items.seo,
+      //-   sectionTitle: "SEO"
+      //- })
+
+  include components/s-section-bottom

wallaby.js

@@ -0,0 +1,12 @@
+
+module.exports = function (wallaby) {
+  return {
+    files: [
+      './src/scripts/**/*.js'
+    ],
+
+    tests: [
+      'test/**/*.js'
+    ]
+  };
+};