Add multi-language support

.gitignore

@@ -1 +1,2 @@
 .DS_Store
+.idea

css/main.css

@@ -21,6 +21,31 @@ section > div , footer > div{
 	font-weight: normal;
 	padding: 48px 0px 58px;
 }
+/***** lang *****/
+#change-lang{
+	display: flex;
+	margin-top: 10px;
+	justify-content: center;
+	align-items: center;
+}
+#change-lang > label{
+	font-size: 13px;
+}
+
+#change-lang > select {
+	max-width: 100%;
+	height: 25px;
+	float: right;
+	margin-left: 5px;
+	padding: 0px 24px;
+	font-size: 13px;
+	line-height: 1.75;
+	color: #333;
+	background:none;
+	border: 1px solid #379ad9;
+	-ms-word-break: normal;
+	word-break: normal;
+}
 
 /***** application *****/
 #application > div{
@@ -176,14 +201,10 @@ section > div , footer > div{
 .dots{
 	display: none !important;
 }
-#thumbnail1{
-	background-image: url( '../img/thumbnail1.png' );
-}
-#thumbnail2{
-	background-image: url( '../img/thumbnail2.png' );
-}
-#thumbnail3{
-	background-image: url( '../img/thumbnail3.png' );
+.thumbnail{
+	width: 98px;
+	height: 78px;
+	object-fit: cover;
 }
 
 /***** function *****/

locales/en/translation.json

@@ -0,0 +1,37 @@
+{
+  "app": {
+    "application-description": "macOS Snippet App",
+    "application-condition": "macOS 10.10 or later"
+  },
+  "function": {
+    "title": "Main Functions",
+    "function-content": {
+      "1": "It is a clipboard extension application that supports multiple formats such as plain text and images.",
+      "2": "You can freely call up the menu with the shortcut key, and you can refer to the clipboard history at any time.",
+      "3": "Also, by registering a fixed phrase as a snippet, you can paste the fixed phrase at any time."
+    }
+  },
+  "opensource": {
+    "title": "Open Source",
+    "help": "Clipy is open source. If you have any bugs, bugs, requests, etc,",
+    "waiting": "We are waiting for you! Japanese is fine too!"
+  },
+  "img": {
+    "screenshots": {
+      "1": "img/screenshots/en/1.png",
+      "2": "img/screenshots/en/2.png",
+      "3": "img/screenshots/en/3.png"
+    },
+    "thumbnails": {
+      "1": "img/thumbnails/en/thumbnail1.png",
+      "2": "img/thumbnails/en/thumbnail2.png",
+      "3": "img/thumbnails/en/thumbnail3.png"
+    }
+  },
+  "thanks": {
+    "title": "Special thanks",
+    "clipmenu": "Clipmenu Is released as open source",
+    "naotaka": "Thank you. Without this code, it wouldn't have been possible to publish it in the form of a remake.",
+    "context": "The current functions have been covered, but we will aim to further improve the functions by adding unique functions. I'm really thankful to you."
+  }
+}

locales/ja/translation.json

@@ -0,0 +1,37 @@
+{
+  "app": {
+    "application-description": "macOS スニペットアプリ",
+    "application-condition": "macOS 10.10以降"
+  },
+  "function": {
+    "title": "主な機能",
+    "function-content": {
+      "1": "プレーンテキストや画像といった複数の形式に対応したクリップボード拡張アプリです。",
+      "2": "ショートカットキーで自由にメニューを呼び出すことができ、いつでもクリップボードの履歴を参照できます。",
+      "3": "また、スニペットとして定型文を登録しておくことで、いつでも定型文をペーストできます。"
+    }
+  },
+  "opensource": {
+    "title": "オープンソース",
+    "help": "Clipyはオープンソースで公開されています。バグや不具合、要望等ありましたら、",
+    "waiting": "などお待ちしています！日本語でも大丈夫です！"
+  },
+  "img": {
+    "screenshots": {
+      "1": "img/screenshots/ja/1.png",
+      "2": "img/screenshots/ja/2.png",
+      "3": "img/screenshots/ja/3.png"
+    },
+    "thumbnails": {
+      "1": "img/thumbnails/ja/thumbnail1.png",
+      "2": "img/thumbnails/ja/thumbnail2.png",
+      "3": "img/thumbnails/ja/thumbnail3.png"
+    }
+  },
+  "thanks": {
+    "title": "スペシャルサンクス",
+    "clipmenu": "Clipmenuをオープンソースとして公開していただき",
+    "naotaka": "に感謝いたします。このコードがなければリメイクという形で公開はありえませんでした。",
+    "context": "現状機能が被ってしまっていますが、独自機能を追加してさらなる機能向上を目指していきます。本当にありがとうございました。"
+  }
+}