2025

zk-phi · Jan 1, 2025 · 9a79079 · 9a79079
1 parent 62b1312
commit 9a79079
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 33 deletions.
diff --git a/src/components/cards/Tutorial.vue b/src/components/cards/Tutorial.vue
@@ -29,40 +29,48 @@ export default defineComponent({
     openFAQ() {
       window.open("https://scrapbox.io/MEGAMOJI/%F0%9F%93%8C_%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F%F0%9F%99%8B");
     },
+    openQ() {
+      window.open("https://zk-phi.github.io/Q/2025");
+    },
   },
 });
 </script>
 
 <template>
-  <Card title="遊び方">
-    <Space vertical xlarge>
-      <Media :icon="textSample">
-        <template #title>
-          <Text /> テキスト
-        </template>
-        文字からスタンプを作ります。「テキスト」欄になにか入力してみてください。
-      </Media>
-      <Media :icon="imageSample">
-        <template #title>
-          <Image /> 画像ファイル
-        </template>
-        好きな画像を正方形にトリミングしてスタンプにします。
-      </Media>
-      <Media :icon="fukumojiSample">
-        <template #title>
-          <Emoji /> パーツ
-        </template>
-        既存の絵文字を合成してスタンプを作ります。
-      </Media>
-      <Button type="text" @click="openFAQ">
-        よくある質問
-      </Button>
-      <Button type="text" @click="openLicense">
-        <template #icon>
-          ⚖️
-        </template>
-        ライセンス表示
-      </Button>
-    </Space>
-  </Card>
+  <Space vertical large>
+    <Card title="遊び方">
+      <Space vertical xlarge>
+        <Media :icon="textSample">
+          <template #title>
+            <Text /> テキスト
+          </template>
+          文字からスタンプを作ります。「テキスト」欄になにか入力してみてください。
+        </Media>
+        <Media :icon="imageSample">
+          <template #title>
+            <Image /> 画像ファイル
+          </template>
+          好きな画像を正方形にトリミングしてスタンプにします。
+        </Media>
+        <Media :icon="fukumojiSample">
+          <template #title>
+            <Emoji /> パーツ
+          </template>
+          既存の絵文字を合成してスタンプを作ります。
+        </Media>
+        <Button type="text" @click="openFAQ">
+          よくある質問
+        </Button>
+        <Button type="text" @click="openLicense">
+          <template #icon>
+            ⚖️
+          </template>
+          ライセンス表示
+        </Button>
+      </Space>
+    </Card>
+    <Button type="text" @click="openQ">
+      ？
+    </Button>
+  </Space>
 </template>
diff --git a/src/components/global/Header.vue b/src/components/global/Header.vue
@@ -4,7 +4,7 @@
       MEGAMOJI
     </h1>
     <p class="description">
-      カスタム絵文字をサクッと作れる<span class="nya">🐱</span>
+      カスタム絵文字をサクッと作れる<span class="nya">🎍</span>
     </p>
   </header>
 </template>
@@ -43,7 +43,7 @@
 
 .nya:hover::after {
   color: var(--border);
-  content: " < nya!";
+  content: " < Happy New Nyaa!";
 }
 
 @keyframes nya {