Move git links out of accordion trigger as per Madeline's suggestion

This commit is contained in:
Gabriel Brown 2024-09-18 15:18:35 -05:00
parent 9b3f053d67
commit 6ef5e0399f
7 changed files with 51 additions and 59 deletions

View File

@ -1,5 +1,7 @@
"use server" "use server"
import Image from "next/image"; import Image from "next/image";
import Link from "next/link";
import { FaGithub } from "react-icons/fa";
export async function PFPName() { export async function PFPName() {
return ( return (
@ -11,6 +13,9 @@ export async function PFPName() {
<h1 className="text-4xl font-bold">Gabriel Brown</h1> <h1 className="text-4xl font-bold">Gabriel Brown</h1>
<h2 className="text-2xl font-semibold">Full Stack Developer</h2> <h2 className="text-2xl font-semibold">Full Stack Developer</h2>
</div> </div>
<Link href="https://github.com/gibbyb" className="my-auto">
< FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={36} />
</Link>
</div> </div>
); );
} }

View File

@ -13,19 +13,16 @@ export default function Fuse() {
<Accordion type="single" collapsible className="w-5/6 md:w-1/3"> <Accordion type="single" collapsible className="w-5/6 md:w-1/3">
<AccordionItem value="item-1"> <AccordionItem value="item-1">
<AccordionTrigger> <AccordionTrigger>
<div className="flex flex-row mx-auto">
<h1 className="text-lg md:text-2xl font-semibold text-center"> <h1 className="text-lg md:text-2xl font-semibold text-center">
Fuse (React Native, Next.js, & PostgreSQL) Fuse (React Native, Next.js, & PostgreSQL)
</h1> </h1>
<Link href="https://git.gbrown.org/gib/fuse_expo"
className="my-auto"
>
< FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={22} />
</Link>
</div>
</AccordionTrigger> </AccordionTrigger>
<AccordionContent> <AccordionContent>
<div className="flex flex-col"> <div className="flex flex-col my-4 mx-auto">
<Link href="https://git.gbrown.org/gib/fuse_expo" className="flex flex-row mx-auto my-4">
<h1 className="text-lg md:text-lg font-semibold text-center mx-auto">Fuse Git Repository</h1>
< FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={22} />
</Link>
<p className="indent-4"> <p className="indent-4">
Fuse is an Expo Application that served as a way to learn React Native. This Fuse is an Expo Application that served as a way to learn React Native. This
application was made for my girlfriend & I in order to send each other application was made for my girlfriend & I in order to send each other

View File

@ -13,19 +13,16 @@ export default function LazyPrimeagen() {
<Accordion type="single" collapsible className="w-5/6 md:w-1/3"> <Accordion type="single" collapsible className="w-5/6 md:w-1/3">
<AccordionItem value="item-1"> <AccordionItem value="item-1">
<AccordionTrigger> <AccordionTrigger>
<div className="flex flex-row mx-auto">
<h1 className="text-lg md:text-2xl font-semibold text-center mx-auto"> <h1 className="text-lg md:text-2xl font-semibold text-center mx-auto">
Lazy Primeagen Neovim Config (Lua) Lazy Primeagen Neovim Config (Lua)
</h1> </h1>
<Link href="https://github.com/gibbyb/Lazy_Primeagen"
className="my-auto"
>
< FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={22} />
</Link>
</div>
</AccordionTrigger> </AccordionTrigger>
<AccordionContent> <AccordionContent>
<div className="flex flex-col items-center justify-center"> <div className="flex flex-col items-center justify-center">
<Link href="https://github.com/gibbyb/Lazy_Primeagen" className="flex flex-row mx-auto my-4">
<h1 className="text-lg md:text-lg font-semibold text-center mx-auto">Lazy Primeagen Git Repository</h1>
< FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={22} />
</Link>
<p className="indent-4 items-center justify-center"> <p className="indent-4 items-center justify-center">
Lazy Primeagen is simply ThePrimeagen&apos;s Neovim Config, but with the Lazy Primeagen is simply ThePrimeagen&apos;s Neovim Config, but with the
deprecated Packer.nvim replaced with Lazy.nvim. This project is meant deprecated Packer.nvim replaced with Lazy.nvim. This project is meant

View File

@ -13,16 +13,15 @@ export default function Sunhat() {
<Accordion type="single" collapsible className="w-5/6 md:w-1/3"> <Accordion type="single" collapsible className="w-5/6 md:w-1/3">
<AccordionItem value="item-1"> <AccordionItem value="item-1">
<AccordionTrigger> <AccordionTrigger>
<div className="flex flex-row mx-auto">
<h1 className="text-lg md:text-2xl font-semibold text-center mx-auto">Sunhat (Bash)</h1> <h1 className="text-lg md:text-2xl font-semibold text-center mx-auto">Sunhat (Bash)</h1>
<Link href="https://git.gbrown.org/gib/sunhat" </AccordionTrigger>
className="my-auto" <AccordionContent>
> <div className="flex flex-row mx-auto">
<Link href="https://git.gbrown.org/gib/sunhat" className="flex flex-row mx-auto my-4">
<h1 className="text-lg md:text-lg font-semibold text-center mx-auto">Sunhat Git Repository</h1>
< FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={22} /> < FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={22} />
</Link> </Link>
</div> </div>
</AccordionTrigger>
<AccordionContent>
<div className="flex flex-col"> <div className="flex flex-col">
<p className="indent-4"> <p className="indent-4">
Sunhat is a fork of DHH&apos;s Omakub, an opinionated Ubuntu setup that Sunhat is a fork of DHH&apos;s Omakub, an opinionated Ubuntu setup that

View File

@ -44,16 +44,14 @@ export default function TechTracker() {
/> />
</div> </div>
<div className="flex flex-col"> <div className="flex flex-col">
<div className="flex flex-row my-4 mx-auto"> <Link href="https://git.gbrown.org/gib/Tech_Tracker_iOS"
className="flex flex-row mx-auto my-4"
>
<h2 className="text-lg font-semibold text-center"> <h2 className="text-lg font-semibold text-center">
Tech Tracker Native iOS Application Tech Tracker Native iOS Application
</h2> </h2>
<Link href="https://git.gbrown.org/gib/Tech_Tracker_iOS"
className="my-auto"
>
< FaGithub className="my-auto ml-2" size={22} /> < FaGithub className="my-auto ml-2" size={22} />
</Link> </Link>
</div>
<p className="indent-4"> <p className="indent-4">
A Native iOS Application written in Swift & Distributed to City of A Native iOS Application written in Swift & Distributed to City of
Gulfport IT Employees using TestFlight. This application uses APIs Gulfport IT Employees using TestFlight. This application uses APIs

View File

@ -13,25 +13,23 @@ export default function TenantPortal() {
<Accordion type="single" collapsible className="w-5/6 md:w-1/3"> <Accordion type="single" collapsible className="w-5/6 md:w-1/3">
<AccordionItem value="item-1"> <AccordionItem value="item-1">
<AccordionTrigger> <AccordionTrigger>
<div className="flex flex-row mx-auto">
<h1 className="text-lg md:text-2xl font-semibold text-center mx-auto"> <h1 className="text-lg md:text-2xl font-semibold text-center mx-auto">
Tenant Portal (Next.js & PostgreSQL) Tenant Portal (Next.js & PostgreSQL)
</h1> </h1>
<Link href="https://git.gbrown.org/gib/rent_portal"
className="my-auto"
>
< FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={22} />
</Link>
</div>
</AccordionTrigger> </AccordionTrigger>
<AccordionContent> <AccordionContent>
<div className="flex flex-col items-center justify-center"> <div className="flex flex-col items-center justify-center">
<div className="flex flex-row my-4 mx-auto"> <div className="flex flex-row my-4 mx-auto">
<Link href="https://tenantportal.gibbyb.com"> <Link href="https://tenantportal.gbrown.org">
<h2 className="text-lg font-semibold text-center underline hover:text-blue-500"> <h2 className="text-lg font-semibold text-center">
Tenant Portal Website Tenant Portal Web Application
</h2> </h2>
</Link> </Link>
<Link href="https://git.gbrown.org/gib/rent_portal"
className="my-auto"
>
< FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={22} />
</Link>
</div> </div>
<p className="indent-4 items-center justify-center"> <p className="indent-4 items-center justify-center">
Tenant Portal is a Next.js Web Application that is a work in progress, Tenant Portal is a Next.js Web Application that is a work in progress,

View File

@ -13,25 +13,23 @@ export default function WiredWorld() {
<Accordion type="single" collapsible className="w-5/6 md:w-1/3"> <Accordion type="single" collapsible className="w-5/6 md:w-1/3">
<AccordionItem value="item-1"> <AccordionItem value="item-1">
<AccordionTrigger> <AccordionTrigger>
<div className="flex flex-row mx-auto">
<h1 className="text-lg md:text-2xl font-semibold text-center mx-auto"> <h1 className="text-lg md:text-2xl font-semibold text-center mx-auto">
Wired World (PHP & MySQL) Wired World (PHP & MySQL)
</h1> </h1>
<Link href="https://github.com/gibbyb/WiredWorld"
className="my-auto"
>
< FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={22} />
</Link>
</div>
</AccordionTrigger> </AccordionTrigger>
<AccordionContent> <AccordionContent>
<div className="flex flex-col"> <div className="flex flex-col">
<div className="flex flex-row my-4 mx-auto"> <div className="flex flex-row my-4 mx-auto">
<Link href="https://wiredworld.gbrown.org"> <Link href="https://wiredworld.gbrown.org">
<h2 className="text-lg font-semibold text-center underline hover:text-blue-500"> <h2 className="text-lg font-semibold text-center">
Wired World Website Wired World Web Application
</h2> </h2>
</Link> </Link>
<Link href="https://git.gbrown.org/gib/rent_portal"
className="my-auto"
>
< FaGithub className="my-auto mr-8 md:mr-0" size={22} />
</Link>
</div> </div>
<p className="indent-4"> <p className="indent-4">
Wired World is a strange project of mine which was made as an assignment Wired World is a strange project of mine which was made as an assignment