updated projects and fixed sticky mecard + layout padding

This commit is contained in:
mr-shortman 2024-12-02 14:34:14 +01:00
parent 400cc17f00
commit 465009b53a
8 changed files with 14 additions and 21 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 114 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

View File

Before

Width:  |  Height:  |  Size: 406 KiB

After

Width:  |  Height:  |  Size: 406 KiB

View File

@ -6,7 +6,7 @@ function Layout({ children }: { children: JSX.Element }) {
return ( return (
<div className="space-y-4 "> <div className="space-y-4 ">
<Navbar /> <Navbar />
<main className="container min-h-screen"> <main className="container min-h-screen py-20">
{children} {children}
{/* <div className="absolute w-1 h-screen top-0 left-1/2 -translate-x-1/2 transform bg-foreground" /> */} {/* <div className="absolute w-1 h-screen top-0 left-1/2 -translate-x-1/2 transform bg-foreground" /> */}

View File

@ -4,7 +4,7 @@ import Contact from "@/components/setions/contact";
export default function Home() { export default function Home() {
return ( return (
<> <>
<div className="pt-12 lg:pt-40"> <div className="lg:pt-20 w-full">
<Hero /> <Hero />
</div> </div>
<div className="w-full mt-20 lg:mt-44 space-y-12"> <div className="w-full mt-20 lg:mt-44 space-y-12">

View File

@ -4,7 +4,7 @@ import { Button } from "./ui/button";
function Footer() { function Footer() {
return ( return (
<footer className="container p-4 flex flex-col md:flex-row items-center justify-between mt-12"> <footer className="container p-4 flex flex-col md:flex-row items-center justify-between">
<span className="text-sm"> <span className="text-sm">
Copyright © {new Date().getFullYear()}. All rights reserved. Copyright © {new Date().getFullYear()}. All rights reserved.
</span> </span>

View File

@ -8,7 +8,7 @@ function Contact({ withoutMeCard }: { withoutMeCard?: boolean }) {
<div className="flex flex-col lg:flex-row gap-12 lg:gap-20 container "> <div className="flex flex-col lg:flex-row gap-12 lg:gap-20 container ">
{!withoutMeCard && ( {!withoutMeCard && (
<MeCard <MeCard
className="sticky top-20" className="mx-auto order-last lg:order-first lg:sticky lg:top-20"
button={{ button={{
label: "Email Me", label: "Email Me",
link: `mailto:${process.env.NEXT_PUBLIC_EMAIL}`, link: `mailto:${process.env.NEXT_PUBLIC_EMAIL}`,

View File

@ -10,29 +10,22 @@ export const projects: Project[] = [
{ {
name: "Vico Mods", name: "Vico Mods",
description: "Mods Wiki and Portfolio ", description: "Mods Wiki and Portfolio ",
image: "/vico.png", image: "/projects/vico.png",
link: "https://vico.shortman.me", link: "https://vico.shortman.me",
year: "2024", year: "2024",
}, },
{ {
name: "TinaCMS X Shadcn/ui", name: "Helfende Hufe e.V.",
description: "Barebone starter for TinaCMS with Shadcn/ui", description: "German non-profit association",
image: "/vico.png", image: "/projects/helfende-hufe.jpg",
link: "https://vico.shortman.me/2", link: "https://www.helfende-hufe-ev.de/start",
year: "2024",
},
{
name: "Vico Mods",
description: "Mods Wiki and Portfolio ",
image: "/vico.png",
link: "https://vico.shortman.me/3",
year: "2023", year: "2023",
}, },
{ {
name: "Vico Mods", name: "TinaCMS X Shadcn/ui",
description: "Mods Wiki and Portfolio ", description: "Barebone starter for TinaCMS with Shadcn/ui",
image: "/vico.png", image: "/projects/github-project.jpg",
link: "https://vico.shortman.me/4", link: "https://github.com/mr-shortman/TinaCMS-shadcn-ui-starter",
year: "2022", year: "2024",
}, },
]; ];