diff --git a/README.md b/README.md index fba19ed..dc4256a 100644 --- a/README.md +++ b/README.md @@ -1,28 +1,15 @@ -# Create T3 App +# Developer Portfolio -This is a [T3 Stack](https://create.t3.gg/) project bootstrapped with `create-t3-app`. +This is my developer portfolio website, which started as a [T3 Stack](https://create.t3.gg/) project bootstrapped with `create-t3-app`. -## What's next? How do I make an app with this? +## Goals -We try to keep this project as simple as possible, so you can start with just the scaffolding we set up for you, and add additional things later when they become necessary. +My initial goal was to set up a blog. This is why I chose Next.js as the foundation. -If you are not familiar with the different technologies used in this project, please refer to the respective docs. If you still are in the wind, please join our [Discord](https://t3.gg/discord) and ask for help. +If I were to start over from scratch I would likely chose Astro as the foundation instead. -- [Next.js](https://nextjs.org) -- [NextAuth.js](https://next-auth.js.org) -- [Prisma](https://prisma.io) -- [Tailwind CSS](https://tailwindcss.com) -- [tRPC](https://trpc.io) +The other goal was to be in full control over the look and feel. Performance and style were key priorities. My choice to use TailwindCSS was absolutely the right call and allowed me to move fast and tweak things. -## Learn More +## License -To learn more about the [T3 Stack](https://create.t3.gg/), take a look at the following resources: - -- [Documentation](https://create.t3.gg/) -- [Learn the T3 Stack](https://create.t3.gg/en/faq#what-learning-resources-are-currently-available) — Check out these awesome tutorials - -You can check out the [create-t3-app GitHub repository](https://github.com/t3-oss/create-t3-app) — your feedback and contributions are welcome! - -## How do I deploy this? - -Follow our deployment guides for [Vercel](https://create.t3.gg/en/deployment/vercel), [Netlify](https://create.t3.gg/en/deployment/netlify) and [Docker](https://create.t3.gg/en/deployment/docker) for more information. +Feel free to copy any ideas, style, or code from this project. diff --git a/src/app/footer.tsx b/src/app/footer.tsx index cbdc0a8..c595d09 100644 --- a/src/app/footer.tsx +++ b/src/app/footer.tsx @@ -1,6 +1,7 @@ export default function Footer() { return ( - <footer className="text-muted prose prose-sm max-w-none py-4 print:hidden"> + <footer className="text-muted prose py-8 print:hidden"> + <p>© {new Date().getFullYear()} Kris McGinnes</p> <p> Built using <a href="https://nextjs.org/">Next.js</a> and deployed on{" "} <a href="https://vercel.com/home">Vercel</a>. Fonts used are{" "} @@ -9,9 +10,10 @@ export default function Footer() { <a href="https://fonts.google.com/specimen/Bitter?query=bitter"> Bitter </a> - . + . Icons are sources from{" "} + <a href="https://fontawesome.com">Font Awesome</a> and{" "} + <a href="https://simpleicons.org">Simple Icons</a>. </p> - <p>© {new Date().getFullYear()} Kris McGinnes</p> </footer> ) } diff --git a/src/app/page.tsx b/src/app/page.tsx index 475404f..b1af642 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ import { export default function HomePage() { return ( - <main className="py-page flex flex-col gap-12 print:gap-8 print:py-0"> + <main className="py-page flex flex-col gap-6 sm:gap-10 print:gap-8 print:py-0"> <section> <div className="flex items-center gap-4"> <Image @@ -38,7 +38,7 @@ export default function HomePage() { </div> </div> </section> - <section className="space-y-10"> + <section className="space-y-6 sm:space-y-10"> <div className="prose-default prose sm:prose-lg print:prose-sm"> <p> Since the start of my career in 2007, I have had the privilege to @@ -117,7 +117,7 @@ export default function HomePage() { </ul> </div> </section> - <section className="flex flex-col gap-10 print:gap-4"> + <section className="flex flex-col gap-6 sm:gap-10 print:gap-4"> <h1 className="large-header">Skills</h1> <section className="space-y-4"> @@ -198,7 +198,7 @@ export default function HomePage() { </section> </section> - <section className="flex flex-col gap-10 print:gap-4"> + <section className="flex flex-col gap-6 sm:gap-10 print:gap-4"> <h1 className="large-header">Experience</h1> <section className="space-y-4">