colored projects (#242)

Author: aster-void

contents/articles/README.md contents/doc/article.mdcontents/articles/README.md renamed to contents/doc/article.md

@@ -1,3 +1,4 @@
+
 # 記事ページ
 
 ## frontmatter

contents/members/README.md contents/doc/members.mdcontents/members/README.md renamed to contents/doc/members.md

@@ -1,3 +1,4 @@
+
 # メンバーページ
 
 [`[member].astro`](/src/pages/members/[member].astro) によってレンダリングされるメンバー詳細ページです。
@@ -10,10 +11,11 @@
 | ---------------- | ---- | ------------------------------------------------------------------------------------------------------------- |
 | `nameJa`         | ✅   | 名前。                                                                                                        |
 | `nameEn`         | ✅   | 英語名。                                                                                                      |
-| `joinYear`       | ✅   | ut.code(); に入会した年。ソートに使用しています。。                                                           |
+| `joinYear`       | ✅   | ut.code(); に入会した年。ソートに使用しています。                                                           |
 | `description`    | ✅   | 今の自分を表す一言。                                                                                          |
 | `faceImage`      | ✅   | 顔写真。縦横比は 1:1。顔を中央に配置し、顔の横幅がおよそ写真の横幅の 1/2 になるようにトリミングしてください。 |
 | `upperBodyImage` | ✅   | バストショット。縦横比は 1:1。                                                                                |
 | `github`         |      | GitHub の**アカウント名**                                                                                     |
 | `twitter`        |      | X (旧 Twitter) の **ID**。                                                                                    |
 | `website`        |      | 個人のウェブサイトの URL。                                                                                    |
+

contents/doc/projects.md

@@ -0,0 +1,33 @@
+# プロジェクトページ
+
+`src/pages/projects/[...id].astro` によってレンダリングされるプロジェクト詳細ページです。
+
+プロジェクトには 3 種類あります。
+
+- 長期プロジェクト
+- 学園祭プロジェクト
+- ハッカソン
+
+歴史的な経緯で長期プロジェクトは `contents/projects` 直下にありますが、学園祭プロジェクトとハッカソンは `contents/projects/{festival,hackathon}`にいれるようにしています。
+
+## frontmatter
+
+| キー          | 必須 | 説明                                                                           |
+| ------------- | ---- | ------------------------------------------------------------------------------ |
+| `title`       | ✅   | プロジェクト名                                                                 |
+| `order`       |      | 表示順。指定されなかった場合は `date` 降順でソートされます。                   |
+| `date`        | ✅   | プロジェクトの開始日。現状ソートのみで利用しています。                         |
+| `image`       | ✅   | イメージ画像に関するデータ。                                                   |
+| `image.src`   | ✅   | イメージファイルへの markdown からの相対パス。                                 |
+| `image.fit`   |      | イメージのクロップ方法。 default = "cover"。                                   |
+| `image.bg`    |      | イメージの背景色。ロード中と `crop` = "contain" のときの背景に使われています。 |
+| `description` | ✅   | 短い説明。                                                                     |
+| `tags`        |      | 使用されている技術など。現状タグごとのフィルタリング機能等は提供していません。 |
+| `github`      |      | プロジェクトの GitHub 上での URL。                                             |
+| `youtube`     |      | プロジェクトの YouTube 上での URL。                                            |
+| `website`     |      | プロジェクトのウェブサイトの URL。                                             |
+
+## body について
+
+長期プロジェクトの body は各長期プロジェクトのページに使用されています。
+それ以外は必要ありません。

contents/project-kinds.ts

@@ -0,0 +1,25 @@
+export const kinds = [
+  {
+    frontmatter: "long-term",
+    path: undefined,
+    title: "長期プロジェクト",
+    description:
+      "ut.code(); で長期間にわたって開発を行っているプロジェクトです",
+    tabTitle: "長期プロジェクト",
+  },
+  {
+    frontmatter: "festival",
+    path: "festival",
+    title: "学園祭プロジェクト",
+    description:
+      "ut.code(); が毎年参加している、学園祭に展示するプロジェクトです",
+    tabTitle: "学園祭",
+  },
+  {
+    frontmatter: "hackathon",
+    path: "hackathon",
+    title: "ハッカソンプロジェクト",
+    description: "ut.code(); で短期間で開発したハッカソンのプロジェクトです",
+    tabTitle: "ハッカソン",
+  },
+] as const;

contents/projects/README.md

@@ -0,0 +1,11 @@
+---
+title: Call Paper
+date: 2023-08-17
+kind: hackathon
+status: finished
+image:
+  src: ./call-paper.png
+description: 論文の引用関係を可視化できるアプリ
+github: https://github.com/ut-code/call-paper
+website: https://call-paper.pages.dev
+---

contents/projects/hackathon/2023-08-17/call-paper.md

@@ -0,0 +1,11 @@
+---
+title: Denigma
+date: 2023-08-17
+kind: hackathon
+status: dead
+image:
+  src: ./denigma.png
+description: "暗号解読ゲーム。シーザー暗号やRSA暗号など、基本的な暗号に触れてみよう！"
+github: https://github.com/ut-code/denigma
+website: https://utcode-denigma.onrender.com/
+---

contents/projects/hackathon/2023-08-17/call-paper.png

@@ -0,0 +1,11 @@
+---
+title: music-app
+date: 2023-08-17
+kind: hackathon
+status: finished
+image:
+  src: ./music-app.png
+description: その日の気分にあった作業用BGMを生成してくれるアプリ
+github: https://github.com/ut-code/music-app
+website: https://ut-code.github.io/music-app
+---