-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' into dev/auth-api
- Loading branch information
Showing
6 changed files
with
6,092 additions
and
19 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,50 @@ | ||
| import React from "react"; | ||
| import { Project } from "./projects"; | ||
|
|
||
| const ProjectCard = ({logo, title, lead, contact, description, stack, progress}: Project) => { | ||
| return ( | ||
| <div className="rounded-lg bg-base-100 w-10/12 py-8 px-12 mx-auto flex flex-row items-center content-center gap-10 my-10"> | ||
| {/* Left half */} | ||
| <img src={logo} /> | ||
|
|
||
| {/* Right half */} | ||
| <div> | ||
| {/* Heading */} | ||
| <h1 className="text-2xl font-bold text-primary text-left mb-4"> | ||
| {title ? title : "Default"} | ||
| </h1> | ||
|
|
||
| {/* Body */} | ||
| <div className="text-lg flex flex-col gap-2"> | ||
| <div> | ||
| <span className="font-bold">Project Lead: </span> | ||
| {lead ? lead : "Default"} | ||
| </div> | ||
|
|
||
| <div> | ||
| <span className="font-bold">Contact: </span> | ||
| {contact ? contact : "Default"} | ||
| </div> | ||
|
|
||
| <div> | ||
| <span className="font-bold">Tech Stack: </span> | ||
| {stack ? stack : "Default"} | ||
| </div> | ||
|
|
||
| <div> | ||
| <span className="font-bold">Description: </span> | ||
| {description ? description : "Default"} | ||
| </div> | ||
|
|
||
| <div> | ||
| <span className="font-bold">Progress: </span> | ||
| {progress ? progress : "Default"} | ||
| </div> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default ProjectCard; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,39 @@ | ||
| "use client"; | ||
| import React from "react"; | ||
| import ProjectCard from "./ProjectCard"; | ||
| import { Project, projectsData } from "./projects"; | ||
| import { useState } from "react"; | ||
|
|
||
| const Projects = () => { | ||
| const [projects, setProjects] = useState(projectsData); | ||
|
|
||
| return ( | ||
| <> | ||
| {/* Intro */} | ||
| <section className="intro mt-16 mb-5 max-w-2xl mx-auto"> | ||
| <h1 | ||
| className="bg-gradient-to-t from-primary to-secondary | ||
| bg-clip-text text-4xl font-extrabold text-transparent md:text-5xl" | ||
| > | ||
| Projects | ||
| </h1> | ||
| <div className="mt-3 text-xl text-center"> | ||
| <div className="leading-8">Our mission is simple.</div> | ||
| <div className="leading-8">Want to build? We'll make it happen.</div> | ||
| <div className="text-xl text-primary opacity-70 mt-1"> | ||
| Write to <span className="hover:underline hover:font-bold"><a href="mailto:[email protected]">[email protected]</a></span> for more info. | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| {/* Exhibit */} | ||
| <section className="exihibit"> | ||
| {projects.map((project, key) => ( | ||
| <ProjectCard key={key} {...project} /> | ||
| ))} | ||
| </section> | ||
| </> | ||
| ); | ||
| }; | ||
|
|
||
| export default Projects; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,41 @@ | ||
| const placeholder_w = 400; | ||
| const placeholder_h = 240; | ||
| const defaultImage = `https://dummyimage.com/${placeholder_w}x${placeholder_h}` | ||
| export interface Project{ | ||
| logo: string; | ||
| title: string; | ||
| lead: string; | ||
| contact: string; | ||
| description: string; | ||
| stack?: string; | ||
| progress: string; | ||
| } | ||
|
|
||
| export const projectsData: Project[] = [ | ||
| { | ||
| logo: defaultImage, | ||
| title: "Project 1", | ||
| lead: "lead 1", | ||
| contact: "[email protected]", | ||
| description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia, aliquid. Laudantium veritatis veniam praesentium nesciunt facilis quod quam nihil labore perferendis, qui molestiae ad quibusdam magnam consequatur tempore, hic minus!", | ||
| stack: "Stack", | ||
| progress: "In Progress" | ||
| }, | ||
| { | ||
| logo: defaultImage, | ||
| title: "Project 2", | ||
| lead: "Lead 2", | ||
| contact: "[email protected]", | ||
| description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia, aliquid. Laudantium veritatis veniam praesentium nesciunt facilis quod quam nihil labore perferendis, qui molestiae ad quibusdam magnam consequatur tempore, hic minus!", | ||
| progress: "Conceptualization" | ||
| }, | ||
| { | ||
| logo: defaultImage, | ||
| title: "Project 3", | ||
| lead: "Lead 3", | ||
| contact: "[email protected]", | ||
| description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia, aliquid. Laudantium veritatis veniam praesentium nesciunt facilis quod quam nihil labore perferendis, qui molestiae ad quibusdam magnam consequatur tempore, hic minus!", | ||
| stack: "Stack", | ||
| progress: "Complete" | ||
| }, | ||
| ] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.