some japanese translation

4 files changed, 132 insertions, 33 deletions

diff --git a/static/css/en/login-area.css b/static/css/en/login-area.css
new file mode 100644
index 00000000..29024e12
--- /dev/null
+++ b/static/css/en/login-area.css
@@ -0,0 +1,31 @@
+#login-area {
+  background-image: image-set(
+    url("../../images/core/sidebar/[email protected]") 1x,
+    url("../../images/core/sidebar/[email protected]") 2x,
+    url("../../images/core/sidebar/[email protected]") 3x
+  );
+}
+
+#login-area > #register-now-button {
+  display: block;
+  width: 50px;
+  height: 12px;
+  cursor: pointer;
+  border-radius: 2px;
+  position: absolute;
+  bottom: 23px;
+  right: 32px;
+  background: transparent;
+}
+
+#login-area > #forgot-password-button {
+  display: block;
+  width: 64px;
+  height: 12px;
+  cursor: pointer;
+  border-radius: 2px;
+  position: absolute;
+  bottom: 85px;
+  right: 21px;
+  background: transparent;
+}
diff --git a/static/css/ja/login-area.css b/static/css/ja/login-area.css
new file mode 100644
index 00000000..c05a350b
--- /dev/null
+++ b/static/css/ja/login-area.css
@@ -0,0 +1,31 @@
+#login-area {
+  background-image: image-set(
+    url("../../images/core/sidebar/[email protected]") 1x,
+    url("../../images/core/sidebar/[email protected]") 2x,
+    url("../../images/core/sidebar/[email protected]") 3x
+  );
+}
+
+#login-area > #register-now-button {
+  display: block;
+  width: 76px;
+  height: 12px;
+  cursor: pointer;
+  border-radius: 2px;
+  position: absolute;
+  bottom: 23px;
+  right: 27px;
+  background: transparent;
+}
+
+#login-area > #forgot-password-button {
+  display: block;
+  width: 75px;
+  height: 12px;
+  cursor: pointer;
+  border-radius: 2px;
+  position: absolute;
+  bottom: 85px;
+  right: 14px;
+  background: transparent;
+}
diff --git a/static/css/core.css b/static/css/shared/core.css
index d13338d4..06fcb57c 100644
--- a/static/css/core.css
+++ b/static/css/shared/core.css
@@ -3,8 +3,6 @@
   margin: 0;
   padding: 0;
   box-sizing: border-box;
-  font-family: "Mali", sans-serif;
-  font-size: 11px;
 }
 
 *,
@@ -25,6 +23,10 @@ html {
   color: #fff;
 }
 
+a:visited {
+  color: #fff;
+}
+
 #video-background {
   position: fixed;
   top: 0;
@@ -77,11 +79,13 @@ html {
 .flip-container {
   perspective: 1000px;
 }
+
 .flipper {
   position: relative;
   transform-style: preserve-3d;
   transition: transform 0.6s;
 }
+
 .front,
 .back {
   position: absolute;
@@ -92,6 +96,7 @@ html {
   align-items: center;
   justify-content: start;
 }
+
 .back {
   transform: rotateX(180deg);
 }
@@ -134,193 +139,255 @@ html {
   1% {
     transform: rotateX(10deg) skewX(90deg);
   }
+
   2% {
     transform: rotateX(0deg) skewX(0deg);
   }
 }
+
 @keyframes noise-1 {
   3.3333333333% {
     clip-path: inset(9px 0 46px 0);
   }
+
   6.6666666667% {
     clip-path: inset(54px 0 5px 0);
   }
+
   10% {
     clip-path: inset(13px 0 46px 0);
   }
+
   13.3333333333% {
     clip-path: inset(54px 0 31px 0);
   }
+
   16.6666666667% {
     clip-path: inset(80px 0 1px 0);
   }
+
   20% {
     clip-path: inset(61px 0 29px 0);
   }
+
   23.3333333333% {
     clip-path: inset(39px 0 32px 0);
   }
+
   26.6666666667% {
     clip-path: inset(25px 0 43px 0);
   }
+
   30% {
     clip-path: inset(68px 0 5px 0);
   }
+
   33.3333333333% {
     clip-path: inset(4px 0 42px 0);
   }
+
   36.6666666667% {
     clip-path: inset(90px 0 4px 0);
   }
+
   40% {
     clip-path: inset(75px 0 25px 0);
   }
+
   43.3333333333% {
     clip-path: inset(56px 0 17px 0);
   }
+
   46.6666666667% {
     clip-path: inset(24px 0 26px 0);
   }
+
   50% {
     clip-path: inset(90px 0 8px 0);
   }
+
   53.3333333333% {
     clip-path: inset(22px 0 65px 0);
   }
+
   56.6666666667% {
     clip-path: inset(45px 0 29px 0);
   }
+
   60% {
     clip-path: inset(93px 0 3px 0);
   }
+
   63.3333333333% {
     clip-path: inset(80px 0 12px 0);
   }
+
   66.6666666667% {
     clip-path: inset(93px 0 4px 0);
   }
+
   70% {
     clip-path: inset(75px 0 17px 0);
   }
+
   73.3333333333% {
     clip-path: inset(96px 0 1px 0);
   }
+
   76.6666666667% {
     clip-path: inset(68px 0 5px 0);
   }
+
   80% {
     clip-path: inset(10px 0 64px 0);
   }
+
   83.3333333333% {
     clip-path: inset(78px 0 18px 0);
   }
+
   86.6666666667% {
     clip-path: inset(14px 0 36px 0);
   }
+
   90% {
     clip-path: inset(54px 0 4px 0);
   }
+
   93.3333333333% {
     clip-path: inset(18px 0 65px 0);
   }
+
   96.6666666667% {
     clip-path: inset(79px 0 14px 0);
   }
+
   100% {
     clip-path: inset(82px 0 11px 0);
   }
 }
+
 @keyframes noise-2 {
   0% {
     clip-path: inset(45px 0 42px 0);
   }
+
   3.3333333333% {
     clip-path: inset(97px 0 2px 0);
   }
+
   6.6666666667% {
     clip-path: inset(98px 0 2px 0);
   }
+
   10% {
     clip-path: inset(67px 0 19px 0);
   }
+
   13.3333333333% {
     clip-path: inset(28px 0 8px 0);
   }
+
   16.6666666667% {
     clip-path: inset(85px 0 2px 0);
   }
+
   20% {
     clip-path: inset(94px 0 2px 0);
   }
+
   23.3333333333% {
     clip-path: inset(75px 0 3px 0);
   }
+
   26.6666666667% {
     clip-path: inset(47px 0 42px 0);
   }
+
   30% {
     clip-path: inset(69px 0 9px 0);
   }
+
   33.3333333333% {
     clip-path: inset(79px 0 22px 0);
   }
+
   36.6666666667% {
     clip-path: inset(50px 0 5px 0);
   }
+
   40% {
     clip-path: inset(2px 0 53px 0);
   }
+
   43.3333333333% {
     clip-path: inset(74px 0 19px 0);
   }
+
   46.6666666667% {
     clip-path: inset(8px 0 57px 0);
   }
+
   50% {
     clip-path: inset(96px 0 3px 0);
   }
+
   53.3333333333% {
     clip-path: inset(19px 0 36px 0);
   }
+
   56.6666666667% {
     clip-path: inset(18px 0 43px 0);
   }
+
   60% {
     clip-path: inset(28px 0 50px 0);
   }
+
   63.3333333333% {
     clip-path: inset(17px 0 3px 0);
   }
+
   66.6666666667% {
     clip-path: inset(77px 0 4px 0);
   }
+
   70% {
     clip-path: inset(64px 0 29px 0);
   }
+
   73.3333333333% {
     clip-path: inset(57px 0 29px 0);
   }
+
   76.6666666667% {
     clip-path: inset(7px 0 62px 0);
   }
+
   80% {
     clip-path: inset(27px 0 10px 0);
   }
+
   83.3333333333% {
     clip-path: inset(44px 0 5px 0);
   }
+
   86.6666666667% {
     clip-path: inset(18px 0 34px 0);
   }
+
   90% {
     clip-path: inset(61px 0 39px 0);
   }
+
   93.3333333333% {
     clip-path: inset(3px 0 51px 0);
   }
+
   96.6666666667% {
     clip-path: inset(28px 0 22px 0);
   }
+
   100% {
     clip-path: inset(48px 0 37px 0);
   }
@@ -331,4 +398,4 @@ html {
   color: transparent;
   position: absolute;
   top: 0;
-}
+}
\ No newline at end of file
diff --git a/static/css/login-area.css b/static/css/shared/login-area.css
index 3d8b75ac..4fd5331c 100644
--- a/static/css/login-area.css
+++ b/static/css/shared/login-area.css
@@ -1,12 +1,6 @@
 #login-area {
   width: 200px;
   height: 280px;
-  /* background: url("../images/core/sidebar/login-area.png") no-repeat; */
-  background-image: image-set(
-    url("../images/core/sidebar/[email protected]") 1x,
-    url("../images/core/sidebar/[email protected]") 2x,
-    url("../images/core/sidebar/[email protected]") 3x
-  );
   background-repeat: no-repeat;
   background-size: 200px 280px;
   margin: auto;
@@ -59,30 +53,6 @@
   background: transparent;
 }
 
-#login-area > #register-now-button {
-  display: block;
-  width: 50px;
-  height: 12px;
-  cursor: pointer;
-  border-radius: 2px;
-  position: absolute;
-  bottom: 23px;
-  right: 32px;
-  background: transparent;
-}
-
-#login-area > #forgot-password-button {
-  display: block;
-  width: 64px;
-  height: 12px;
-  cursor: pointer;
-  border-radius: 2px;
-  position: absolute;
-  bottom: 85px;
-  right: 21px;
-  background: transparent;
-}
-
 #login-error {
   position: relative;
 }