From 2786327ab60d6b1f04605d2bb82a9d94f83cdd27 Mon Sep 17 00:00:00 2001
From: Matteias Collet <matteias.collet@bluewin.ch>
Date: Tue, 28 Dec 2021 16:35:31 +0000
Subject: [PATCH] add jp translator notice

---
 Readme.md                                     |  1 +
 .../components/JPTranslatorNotice.vue         | 61 +++++++++++++++++++
 site/index.md                                 |  2 +
 site/ja/index.md                              |  2 +
 4 files changed, 66 insertions(+)
 create mode 100644 site/.vuepress/components/JPTranslatorNotice.vue

diff --git a/Readme.md b/Readme.md
index 3b6fb10..a8a34b9 100644
--- a/Readme.md
+++ b/Readme.md
@@ -99,3 +99,4 @@ The project root provides a [docker-compose](https://docs.docker.com/compose/) f
 # Press CTRL+C to stop the container
 docker-compose up --build
 ```
+
diff --git a/site/.vuepress/components/JPTranslatorNotice.vue b/site/.vuepress/components/JPTranslatorNotice.vue
new file mode 100644
index 0000000..6af6ab6
--- /dev/null
+++ b/site/.vuepress/components/JPTranslatorNotice.vue
@@ -0,0 +1,61 @@
+<template>
+  <div v-if="!dismissed" class="custom-block tip">
+    <p class="custom-block-title">
+      Looking for Japanese translators <a href="#" v-on:click="onDismiss">[dismiss]</a>
+    </p>
+    <p>
+      If you can help us with updating the translations please message psy#1363 on discord or open
+      an issue/PR on
+      <a href="https://github.com/BitPatty/gctGenerator" target="_blank" rel="noopener noreferrer"
+        >GitHub<span
+          ><svg
+            xmlns="http://www.w3.org/2000/svg"
+            aria-hidden="true"
+            focusable="false"
+            x="0px"
+            y="0px"
+            viewBox="0 0 100 100"
+            width="15"
+            height="15"
+            class="icon outbound"
+          >
+            <path
+              fill="currentColor"
+              d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"
+            ></path>
+            <polygon
+              fill="currentColor"
+              points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"
+            ></polygon>
+          </svg>
+          <span class="sr-only">(opens new window)</span></span
+        ></a
+      >
+    </p>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      dismissed: true,
+    };
+  },
+  mounted() {
+    try {
+      if (localStorage.getItem('notice-dismissed') !== 'y') {
+        this.dismissed = false;
+      }
+    } catch {}
+  },
+  methods: {
+    onDismiss() {
+      try {
+        localStorage.setItem('notice-dismissed', 'y');
+        this.dismissed = true;
+      } catch {}
+    },
+  },
+};
+</script>
diff --git a/site/index.md b/site/index.md
index 7104fee..b4a1152 100755
--- a/site/index.md
+++ b/site/index.md
@@ -2,4 +2,6 @@
 editLink: false
 ---
 
+<JPTranslatorNotice />
+
 <Generator />
diff --git a/site/ja/index.md b/site/ja/index.md
index 7104fee..b4a1152 100644
--- a/site/ja/index.md
+++ b/site/ja/index.md
@@ -2,4 +2,6 @@
 editLink: false
 ---
 
+<JPTranslatorNotice />
+
 <Generator />