Merge pull request #432 from cofacts/ja

Japanese version

Author: MrOrz

README.md

@@ -117,6 +117,7 @@ The translation files are located under `i18n/`, in [Gettext PO format](https://
 
 - `en_US.po`: Since the language used in code is already English, this empty translation file exists to simplify settings.
 - `zh_TW.po`: Traditional Chinese translation.
+- `ja.po`: Japanese translation.
 
 ### Supporting other languages
 

components/LandingPage/SectionCanDo.js

@@ -52,7 +52,7 @@ const useStyles = makeStyles(theme => ({
   },
   text: {
     fontWeight: 500,
-    fontSize: LANG === 'en-US' ? 32 : 34,
+    fontSize: 32,
     lineHeight: 1.45,
     letterSpacing: '0.25px',
     color: 'white',
@@ -90,12 +90,12 @@ const useStyles = makeStyles(theme => ({
   cardContainer: {
     display: 'flex',
     justifyContent: 'space-between',
-    alignItems: 'center',
     maxWidth: 1050,
     margin: '0 auto',
 
     [theme.breakpoints.down('sm')]: {
       flexDirection: 'column',
+      alignItems: 'center',
     },
   },
   card: {
@@ -105,7 +105,6 @@ const useStyles = makeStyles(theme => ({
     alignItems: 'center',
     width: 'calc(50% - 30px)',
     maxWidth: 480,
-    height: LANG === 'en-US' ? 520 : 425,
     borderRadius: 8,
 
     [theme.breakpoints.down('md')]: {
@@ -131,6 +130,7 @@ const useStyles = makeStyles(theme => ({
     },
   },
   or: {
+    alignSelf: 'center',
     [theme.breakpoints.down('sm')]: {
       margin: '12px 0',
     },
@@ -184,11 +184,11 @@ const useStyles = makeStyles(theme => ({
     },
   },
   lineContent: {
-    marginTop: 32,
+    margin: '32px 0',
     padding: '0 14px',
 
     [theme.breakpoints.down('sm')]: {
-      marginTop: 17,
+      margin: '16px 0',
       padding: 0,
     },
   },

components/LandingPage/SectionNews.js

@@ -146,6 +146,18 @@ const NEWS = {
       'https://g0v.news/df9ca1460995',
     ],
   ],
+  ja: [
+    [
+      '2020-02-06 NHK',
+      '台湾 フェイクニュース最前線',
+      'https://www.nhk.or.jp/kokusaihoudou/archive/2020/02/0206.html',
+    ],
+    [
+      '2020-01-14 NHK',
+      '米中攻防 最前線で何が　～台湾総統選の裏で～',
+      'https://www.nhk.or.jp/gendai/articles/4371/',
+    ],
+  ],
 }[process.env.LOCALE];
 
 const useStyles = makeStyles(theme => ({

components/LandingPage/Stats.js

@@ -85,7 +85,6 @@ const useStyles = makeStyles(theme => ({
     color: theme.palette.secondary[500],
     padding: '0 27px',
     width: '25%',
-    whiteSpace: process.env.LOCALE === 'en_US' ? 'initial' : 'nowrap',
     textAlign: 'center',
 
     '& a': {

hooks/build

@@ -3,3 +3,4 @@
 # Variables on docker cloud: https://docs.docker.com/docker-hub/builds/advanced/
 docker build --build-arg APP_ID=RUMORS_SITE --build-arg LOCALE=en_US -t $IMAGE_NAME-en .
 docker build --build-arg APP_ID=RUMORS_SITE --build-arg LOCALE=zh_TW -t $IMAGE_NAME-tw .
+docker build --build-arg APP_ID=RUMORS_SITE --build-arg LOCALE=ja -t $IMAGE_NAME-ja .

hooks/push

@@ -3,3 +3,4 @@
 # Variables on docker cloud: https://docs.docker.com/docker-hub/builds/advanced/
 docker push $IMAGE_NAME-en
 docker push $IMAGE_NAME-tw
+docker push $IMAGE_NAME-ja