added cv button to home page
continuous-integration/drone/push Build is passing Details

main
Guus van Meerveld 2 months ago
parent 300c7048f2
commit 83eec0fc72

@ -6,17 +6,25 @@ import { Link } from "@nextui-org/link";
import { Spacer } from "@nextui-org/spacer"; import { Spacer } from "@nextui-org/spacer";
import { Tooltip } from "@nextui-org/tooltip"; import { Tooltip } from "@nextui-org/tooltip";
import { Component } from "@typings/component"; import { Component } from "@typings/component";
import NextLink from "next/link";
import { useMemo } from "react"; import { useMemo } from "react";
import { FiGithub, FiMail, FiLinkedin } from "react-icons/fi"; import { FiGithub, FiMail, FiLinkedin, FiFileText } from "react-icons/fi";
import HeaderProps from "@models/header"; import HeaderProps from "@models/header";
interface Social {
link: string;
name: string;
icon: React.ReactElement;
isExternal?: boolean;
}
export const Header: Component<{ data: HeaderProps; avatar: string }> = ({ export const Header: Component<{ data: HeaderProps; avatar: string }> = ({
data, data,
avatar avatar
}) => { }) => {
const socials = useMemo( const socials = useMemo<Social[]>(
() => [ () => [
{ {
link: `mailto:${data.contact.email}`, link: `mailto:${data.contact.email}`,
@ -32,6 +40,12 @@ export const Header: Component<{ data: HeaderProps; avatar: string }> = ({
link: data.contact.linkedin, link: data.contact.linkedin,
name: "LinkedIn", name: "LinkedIn",
icon: <FiLinkedin /> icon: <FiLinkedin />
},
{
link: "/cv",
name: "Cv",
icon: <FiFileText />,
isExternal: false
} }
], ],
[data.contact] [data.contact]
@ -57,7 +71,12 @@ export const Header: Component<{ data: HeaderProps; avatar: string }> = ({
<Spacer y={4} /> <Spacer y={4} />
{socials.map((social) => ( {socials.map((social) => (
<Link isExternal href={social.link} key={social.name.toLowerCase()}> <Link
isExternal={social.isExternal ?? true}
as={NextLink}
href={social.link}
key={social.name.toLowerCase()}
>
<Tooltip showArrow content={social.name}> <Tooltip showArrow content={social.name}>
<Button <Button
className="text-2xl mr-4" className="text-2xl mr-4"

@ -12,10 +12,10 @@ import ProjectProps from "@models/project";
export const Projects: Component<{ data: ProjectProps[] }> = ({ data }) => { export const Projects: Component<{ data: ProjectProps[] }> = ({ data }) => {
return ( return (
<> <>
<div className="container mx-auto"> <div className="container mx-auto p-4 min-h-96">
<h1 className="text-4xl text-center mb-8">Projects</h1> <h1 className="text-4xl text-center mb-8">Projects</h1>
<div className="grid gap-4 grid-cols-1 lg:grid-cols-2 xl:grid-cols-3"> <div className="grid gap-4 grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 ">
{data.map((project) => { {data.map((project) => {
const url = new URL(project.url); const url = new URL(project.url);

@ -1,7 +1,6 @@
"use client"; "use client";
import { Card, CardBody } from "@nextui-org/card"; import { Card, CardBody } from "@nextui-org/card";
import { Divider } from "@nextui-org/divider";
import { Image } from "@nextui-org/image"; import { Image } from "@nextui-org/image";
import { Listbox, ListboxItem } from "@nextui-org/listbox"; import { Listbox, ListboxItem } from "@nextui-org/listbox";
import { Progress } from "@nextui-org/progress"; import { Progress } from "@nextui-org/progress";

Loading…
Cancel
Save