fix project description being too long

Author: aster-void

contents/projects/hackathon/2024-06-08/shift-syncer.md

@@ -3,8 +3,14 @@ title: ShiftSyncer
 kind: hackathon
 status: finished
 date: 2024-06-08
-description: 複数人から登録されたシフトの希望を基に、最適なシフトを作成するアプリです。シフトの希望を出す際に、シフトに入れるか否かだけではなく、積極的に入りたいのか、それとも人が居なかったら入っても良い程度なのかといった事情も勘案できるようになっています。
+description: 複数人から登録されたシフトの希望を基に、最適なシフトを作成するアプリです。
 image:
   src: ./shift-syncer.png
 github: https://github.com/ut-code/ShiftSyncer
 ---
+
+# ShiftSyncer
+
+複数人から登録されたシフトの希望を基に、最適なシフトを作成するアプリです。
+
+シフトの希望を出す際に、シフトに入れるか否かだけではなく、積極的に入りたいのか、それとも人が居なかったら入っても良い程度なのかといった事情も勘案できるようになっています。

src/components/ProjectList.astro

@@ -44,7 +44,8 @@ const { projects, variant = "full" } = props;
             <h3 class="text-xl font-bold text-gray-800">
               {project.data.title}
             </h3>
-            <p class="prose mt-2 text-gray-500">
+            {/* h-14: 2 行はいる */}
+            <p class="prose mt-2 line-clamp-2 h-14 text-gray-500">
               {project.data.description.length < 120
                 ? project.data.description
                 : project.data.description.slice(0, 120) + "..."}