add about me and support me

freitzzz · Aug 16, 2022 · ff038f1 · ff038f1
1 parent 0357193
commit ff038f1
Show file tree

Hide file tree

Showing 5 changed files with 58 additions and 4 deletions.
diff --git a/src/components/Misc/TheIndexViewHead.vue b/src/components/Misc/TheIndexViewHead.vue
@@ -9,17 +9,26 @@
       {{ t("base.description") }}
     </n-p>
 
-    <n-space size="large">
-      <NavigateToScan />
-      <NavigateToGitHub />
+    <n-space vertical :size="0">
+      <n-space size="large">
+        <NavigateToScan />
+        <NavigateToGitHub />
+      </n-space>
+
+      <n-space size="large">
+        <NavigateToHomePage />
+        <NavigateToSupportMe />
+      </n-space>
     </n-space>
   </n-space>
 </template>
 
 <script setup lang="ts">
-import { NH1, NP, NSpace, NButton, NIcon } from "naive-ui";
+import { NH1, NP, NSpace } from "naive-ui";
 import NavigateToScan from "@/components/buttons/NavigateToScan.vue";
 import NavigateToGitHub from "@/components/buttons/NavigateToGitHub.vue";
+import NavigateToHomePage from "@/components/buttons/NavigateToHomePage.vue";
+import NavigateToSupportMe from "@/components/buttons/NavigateToSupportMe.vue";
 
 import { useI18n } from "vue-i18n";
 

diff --git a/src/components/buttons/NavigateToHomePage.vue b/src/components/buttons/NavigateToHomePage.vue
@@ -0,0 +1,23 @@
+<template>
+  <n-button
+    text
+    tag="a"
+    href="https://zczc.cz"
+    target="_blank"
+  >
+    <template #icon>
+      <n-icon>
+        <Home12Regular />
+      </n-icon>
+    </template>
+    {{ t("actions.navigateToHomePage") }}
+  </n-button>
+</template>
+
+<script setup lang="ts">
+import { NButton, NIcon } from "naive-ui";
+import { Home12Regular } from "@vicons/fluent";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+</script>
diff --git a/src/components/buttons/NavigateToSupportMe.vue b/src/components/buttons/NavigateToSupportMe.vue
@@ -0,0 +1,18 @@
+<template>
+  <n-button text tag="a" href="https://zczc.cz" target="_blank">
+    <template #icon>
+      <n-icon>
+        <Heart />
+      </n-icon>
+    </template>
+    {{ t("actions.navigateToSupportMe") }}
+  </n-button>
+</template>
+
+<script setup lang="ts">
+import { NButton, NIcon } from "naive-ui";
+import { Heart } from "@vicons/ionicons5";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+</script>
diff --git a/src/locale/en/actions.ts b/src/locale/en/actions.ts
@@ -1,5 +1,7 @@
 export const actions = {
   navigateToScan: "Scan",
+  navigateToHomePage: "About Me",
+  navigateToSupportMe: "Support Me",
   backToIndex: "Back",
   preview: "Preview",
   save: "Save",

diff --git a/src/locale/zh-CN/actions.ts b/src/locale/zh-CN/actions.ts
@@ -1,5 +1,7 @@
 export const actions = {
   navigateToScan: "开始扫描",
+  navigateToHomePage: "我的主页",
+  navigateToSupportMe: "支持我",
   backToIndex: "返回",
   preview: "预览",
   save: "保存",