@@ -8,7 +8,6 @@ import { getProjects } from "+/query";
88import { Focus } from " +/schema.ts" ;
99import type { GetStaticPaths } from " astro" ;
1010import { Icon } from " astro-icon/components" ;
11- import { format } from " date-fns" ;
1211
1312export const getStaticPaths = (async () => {
1413 const projects = await getProjects (" all" );
@@ -96,25 +95,24 @@ const { Content } = await render(project);
9695 }
9796 </div >
9897 </div >
99- <div class =" container mx-auto mt-6 px-4 lg:max-w-screen-lg" >
100- <div class =" prose max-w-none rounded-lg bg-gray-100 p-4" >
101- {
102- project .data .kind === " hackathon"
103- ? ` ${format (project .data .date , " yyyy年M月d日" )}
104- に行われたハッカソンで作成されたプロジェクトです。 `
105- : project .data .description
106- }
107- </div >
98+ <article class =" container mx-auto mt-6 px-4 lg:max-w-screen-lg" >
99+ {
100+ project .data .kind === " long-term" && (
101+ <div class = " prose max-w-none rounded-lg bg-gray-100 p-4" >
102+ { project .data .description }
103+ </div >
104+ )
105+ }
108106 <div class =" prose mt-8 max-w-none" >
109107 {
110- project .data .kind === " hackathon" ? (
111- project .data .description
112- ) : (
108+ project .data .kind === " long-term" ? (
113109 <Content />
110+ ) : (
111+ project .data .description
114112 )
115113 }
116114 </div >
117- </div >
115+ </article >
118116 </main >
119117 {
120118 project .data .kind === " long-term" && (
0 commit comments