Updated and added pages

utils/dropDown.ts

@@ -40,14 +40,12 @@ interface DropDownEntry {
  * @property {string} label Label of the component
  * @property {(DropDownMode | string)} mode Interaction mode of the component
  * @property {Array<DropDownEntry>} entries Entries of DropDown menu
- * @property {boolean} showInMobile Whether to show the component in mobile(<640px) environemnt
  * @property {(DropDownAlignment | number)=} alignment Explicitly assign the alignment of the component
  */
 interface DropDownProperty {
     label: string;
     mode: DropDownMode | string;
     entries: Array<DropDownEntry>;
-    showInMobile: boolean;
     alignment?: DropDownAlignment | number;
 }
 

utils/galleryEntry.ts

@@ -0,0 +1,18 @@
+/**
+ * Types for gallery image entry data
+ * @module utils/galleryEntry
+ */
+
+/**
+ * Interface for gallery image entry
+ * @property {number} id id from database
+ * @property {string} imagePath image URL
+ * @property {string} caption caption of the image
+ */
+interface GalleryEntry {
+    id: number;
+    imagePath: string;
+    caption: string;
+}
+
+export type { GalleryEntry };

utils/generateSeoMeta.ts

@@ -31,18 +31,41 @@ export function generateSeoMeta(
     imagePath: string,
     type?: "website" | "article"
 ): UseSeoMetaInput {
+    const titleComposer = (title: string): string => {
+        return title + " - 岐阜高専宇宙工学研究会";
+    };
+
+    const descriptionComposer = (description: string): string => {
+        return (
+            description +
+            " - 岐阜高専宇宙工学研究会【SERA】公式ホームページです。航空や宇宙に興味がある学生が所属しており、モデルロケットや缶サット製作などを中心に宇宙に関する知識を高めるために活動しています。"
+        );
+    };
+
     return {
         title: title,
-        ogTitle: title + " - 岐阜高専宇宙工学研究会",
-        twitterTitle: title + " - 岐阜高専宇宙工学研究会",
-        description: description,
-        ogDescription: description,
-        twitterDescription: description,
+        ogTitle: titleComposer(title),
+        twitterTitle: titleComposer(title),
+        description: descriptionComposer(description),
+        ogDescription: descriptionComposer(description),
+        twitterDescription: descriptionComposer(description),
         ogImage: imagePath,
         twitterImage: imagePath,
         twitterCard: "summary",
+        twitterSite: "@SERA_NITGC",
         charset: "utf-8",
         ogLocale: "ja_JP",
         ogType: type || "website",
+        articleTag: [
+            "宇宙工学研究会",
+            "SERA",
+            "岐阜高専",
+            "岐阜工業高等専門学校",
+            "クラブ活動",
+            "部活動",
+            "同好会",
+            "宇宙",
+            "研究会",
+        ],
     };
 }

utils/linkCard.ts

@@ -17,4 +17,4 @@ interface LinkCardProperty {
     imagePath?: string;
 }
 
-export type { LinkCardProperty };
+export type { LinkCardProperty };

utils/qAndABox.ts

@@ -0,0 +1,14 @@
+/**
+ * Types for QAndABox component
+ * @module utils/qAndABox
+ */
+
+/**
+ * Interface that defines property for QAndABox component
+ * @property {string} question
+ */
+interface QAndABoxProperty {
+    question: string;
+}
+
+export type { QAndABoxProperty };