Merge branch 'main' into nextjs

AnsellMaximilian · Nov 21, 2023 · c1e7832 · c1e7832
2 parents 842f9a0 + 9981f0e
commit c1e7832
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -39,9 +39,17 @@ export default async function Home() {
                   <Link
                     href={`/projects/${project.slug}`}
                     key={project._id}
-                    className="col-span-12 lg:col-span-6 xl:col-span-4 overflow-hidden rounded shadow-md hover:scale-105 transition-all duration-100 max-w-full"
+                    className="col-span-12 lg:col-span-6 xl:col-span-4 overflow-hidden rounded shadow-md hover:scale-105 transition-all duration-100 max-w-full group relative"
                   >
                     {/* <h3>{project.name}</h3> */}
+                    <div className="flex items-center justify-center opacity-0 group-hover:opacity-100 bg-[rgba(0,0,0,0.8)] text-white absolute inset-0 transition-all duration-200">
+                      <div className="p-4 text-center">
+                        <h3 className="font-semibold text-xl">
+                          {project.name}
+                        </h3>
+                        <p>{project.shortDescription}</p>
+                      </div>
+                    </div>
                     <Image
                       src={project.image}
                       alt={project.name}

diff --git a/sanity/schemas/project-schema.ts b/sanity/schemas/project-schema.ts
@@ -18,6 +18,7 @@ export type Project = {
   slug: string;
   content: PortableTextBlock[];
   description: string;
+  shortDescription: string;
   skills: Skill[];
   screenshots?: ProjectScreenshot[];
 };
@@ -83,6 +84,11 @@ const project = {
       title: "Description",
       type: "string",
     },
+    {
+      name: "shortDescription",
+      title: "Short Description",
+      type: "string",
+    },
     {
       name: "featured",
       title: "Featured",

diff --git a/sanity/services.ts b/sanity/services.ts
@@ -18,7 +18,8 @@ export async function fetchProjects(): Promise<Project[]> {
           videoUrl,
           repoUrl,
           content,
-          description
+          description,
+          shortDescription
         }`
   );
 }
@@ -36,6 +37,7 @@ export async function fetchProject(slug: string): Promise<Project> {
             videoUrl,
             content,
             description,
+            shortDescription,
             skills[]->{
               name,
               "image": image.asset->url,