Skip to content

Commit

Permalink
updated landing page
Browse files Browse the repository at this point in the history
  • Loading branch information
@bpyle02
bpyle02 committed May 28, 2024
1 parent 1907900 commit fdd6d9c
Show file tree
Hide file tree
Showing 6 changed files with 35 additions and 113 deletions.
4 changes: 2 additions & 2 deletions app/(user)/about/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ async function AboutPage() {
const data = await client.fetch(query);

return (
<div className = "max-w-[70rem] mx-auto mt-[145px]">
<div className = "w-full h-screen flex flex-col items-center justify-center md:mt-0 mt-28">
<div className = "pt-10">
<Link href="/">
<Image className="w-40 mx-auto shadow-xl rounded-full drop-shadow-sm" src={urlFor(data.image.url).url()} alt="profile photo" width={128} height={128} />
Expand All @@ -37,7 +37,7 @@ async function AboutPage() {
<div className="text-center">
<h1 className="text-3xl font-bold mt-12">Hi, my name is {data.name}!</h1>
</div>
<div className="mt-12 px-4 pb-4" >
<div className="mt-12 max-w-[70rem] px-5 md:px-0" >
<PortableText value={data.bio} components={RichTextComponents} />
</div>
</div>
Expand Down
1 change: 0 additions & 1 deletion app/layout.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
import { Metadata } from 'next';
import '../styles/globals.css';
import Head from 'next/head';

export const metadata:Metadata = {
metadataBase: new URL("https://www.brandonpyle.com"),
Expand Down
51 changes: 26 additions & 25 deletions components/Card.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,32 +6,33 @@ import logo from '../public/static/memoji.png'
function Card()
{
return (
<div className = "w-full mb-20 mt-36">
<div className = "flex flex-col justify-center max-w-xs mx-auto bg-white shadow-xl rounded-xl p-5">
<div className = "">
{/* <img className = "w-32 mx-auto shadow-xl rounded-full drop-shadow-sm dark:shadow-gray-100/10" src = {profile} alt = ""/> */}
<Link href="/">
<Image className="w-32 mx-auto shadow-xl rounded-full drop-shadow-sm" src={logo} alt="profile photo" width={128} height={128} />
</Link>
</div>
<div className = "text-center mt-5">
<p className = "text-xl sm:text-2xl text-gray-900 font-bold">Brandon Pyle</p>
<p className = "text-xs sm:text-base text-gray-600 pt-2 pb-4 px-5 mx-5 w-auto inline-block border-b-2 ">Software Engineer</p>
<div className = "w-full h-screen flex flex-row items-center justify-center">
<div className = "">
<Link href="/">
<Image className="w-48" src={logo} alt="profile photo" width={1000} height={1000} />
</Link>
</div>
<div className = "border-l-2 px-6">
<p className = "text-5xl font-bold">Hi, I'm Brandon Pyle</p>
<div className = "flex mt-4 ml-1">
<a className = "text-2xl mr-5 text-[#2570d1] hover:text-black transition-colors duration-300" href = "https://www.github.com/bpyle02">
<FaGithub />
<span className = "sr-only">Github</span>
</a>
<a className = "text-2xl mr-5 text-[#2570d1] hover:text-black transition-colors duration-300" href = "mailto:business@brandonpyle.com">
<FaEnvelope />
<span className = "sr-only">Email</span>
</a>
<a className = "text-2xl text-[#2570d1] hover:text-black transition-colors duration-300" href = "https://www.linkedin.com/in/brandon-pyle">
<FaLinkedin />
<span className = "sr-only">LinkedIn</span>
</a>
</div>
<div className = "flex align-center justify-center mt-4">
<a className = "text-xl m-1 p-1 sm:m-2 sm:p-2 hover:bg-gray-200 transition-colors duration-300 rounded-full" href = "https://www.github.com/bpyle02">
<FaGithub />
<span className = "sr-only">Github</span>
</a>
<a className = "text-xl m-1 p-1 sm:m-2 sm:p-2 hover:bg-gray-200 transition-colors duration-300 rounded-full" href = "mailto:mail@brandonpyle.com">
<FaEnvelope />
<span className = "sr-only">Email</span>
</a>
<a className = "text-xl m-1 p-1 sm:m-2 sm:p-2 text-linkedin hover:bg-linkedin hover:bg-gray-200 transition-colors duration-300 rounded-full" href = "https://www.linkedin.com/in/brandon-pyle">
<FaLinkedin />
<span className = "sr-only">LinkedIn</span>
</a>
</div>
<p className = "text-lg py-4 inline-block w-[25rem]">I am a passionate software engineer with a love for making things, learning new things, and double chocolate chip cookies</p>
<br />
<Link href="/about" className="text-[#2570d1] font-bold hover:text-black transition-colors duration-300">
Read my full bio
</Link>
</div>
</div>
)
Expand Down
82 changes: 2 additions & 80 deletions components/Header.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,10 @@
"use client"

import Image from "next/image";
// import {RxHamburgerMenu} from 'react-icons/rx'
// import {RxCross1} from 'react-icons/rx'
import Link from "next/link";

// import profPic from "../public/images/logo.png";
import logo from '../public/static/memoji.png'
import { useState } from "react";
// import { LogoIonic } from "react-ionicons"
import { MenuOutline } from 'react-ionicons'
// import { CloseOutline } from 'react-ionicons'

function Header()
{
Expand All @@ -25,84 +20,11 @@ function Header()
let [open, setOpen] = useState(false);

return (
// <div className = "flex items-end p-3 flex-wrap bg-gray-100">
// <div className = "w-auto inline-flex ml-auto flex-row items-center content-between">
// {/* <div className = "text-2xl button">
// <FaMoon className="text-2xl mr-4 rounded bg-gray-100 hover:bg-gray-200 font-semibold duration-300 transition-colors" />
// </div> */}
// <button>
// <Link href = "/contact" className = "p-2 mr-4 inline-flex px-3 py-2 rounded bg-gray-100 hover:bg-gray-200 font-semibold duration-300 transition-colors">Contact</Link>
// </button>
// <button>
// <Link href = "/about" className = "p-2 mr-4 inline-flex px-3 py-2 rounded bg-gray-100 hover:bg-gray-200 font-semibold duration-300 transition-colors">About</Link>
// </button>
// <button>
// <Link href = "/blog" className = "p-2 mr-4 inline-flex px-3 py-2 rounded bg-gray-100 hover:bg-gray-200 font-semibold duration-300 transition-colors">Blog</Link>
// </button>
// <button>
// <Link href = "https://cloud.brandonpyle.com/s/G2mFSSXa4nak2xz" className = "p-2 mr-4 inline-flex px-3 py-2 rounded bg-gray-100 hover:bg-gray-200 font-semibold duration-300 transition-colors">Download my Resume</Link>
// </button>
// <button>
// <Link href = "/" className = "p-2 mr-4 inline-flex px-3 py-2 rounded bg-gray-100 hover:bg-gray-200 font-semibold duration-300 transition-colors">Home</Link>
// </button>
// </div>
// </div>

// <div>
// <nav className="w-full bg-gray-100 fixed top-0 left-0 right-0 z-10">
// <div className="justify-between px-4 mx-auto lg:max-w-7xl md:items-center md:flex md:px-8">
// <div>
// <div className="flex items-center justify-between py-3 md:py-5 md:block">
// {/* LOGO */}
// <Link href="/">
// <h2 className="text-2xl text-cyan-600 font-bold ">LOGO</h2>
// </Link>
// {/* HAMBURGER BUTTON FOR MOBILE */}
// <div className="md:hidden">
// <button
// className="p-2 text-gray-700 rounded-md outline-none focus:border-gray-400 focus:border"
// onClick={() => setNavbar(!navbar)}
// >
// {navbar ? (
// <RxCross1/>
// ) : (
// <RxHamburgerMenu />
// )}
// </button>
// </div>
// </div>
// </div>
// <div>
// <div
// className={`flex flex-1 pb-3 mt-8 md:block md:pb-0 md:mt-0 ${navbar ? 'p-12 md:p-0 block' : 'hidden'}`}>
// <div className="h-screen md:h-auto items-center justify-center">
// <button>
// <Link href = "/contact" onClick={() => setNavbar(!navbar)} className = "pb-6 text-xl text-black py-2 md:px-6 text-center border-b-2 md:border-b-0">Contact</Link>
// </button>
// <button>
// <Link href = "/about" onClick={() => setNavbar(!navbar)} className = "pb-6 text-xl text-black py-2 md:px-6 text-center border-b-2 md:border-b-0">About</Link>
// </button>
// <button>
// <Link href = "/blog" onClick={() => setNavbar(!navbar)} className = "pb-6 text-xl text-black py-2 md:px-6 text-center border-b-2 md:border-b-0">Blog</Link>
// </button>
// <button>
// <Link href = "https://cloud.brandonpyle.com/s/G2mFSSXa4nak2xz" onClick={() => setNavbar(!navbar)} className = "pb-6 text-xl text-black py-2 md:px-6 text-center border-b-2 md:border-b-0">Download my Resume</Link>
// </button>
// <button>
// <Link href = "/" onClick={() => setNavbar(!navbar)} className = "pb-6 text-xl text-black py-2 md:px-6 text-center border-b-2 md:border-b-0">Home</Link>
// </button>
// </div>
// </div>
// </div>
// </div>
// </nav>
// </div>

<div className='w-full fixed top-0 left-0 z-50'>
<div className='md:flex items-center justify-between bg-gray-100 py-4 md:px-10 px-7'>
<Link className='font-bold text-xl cursor-pointer flex items-center text-black' href = "/">
<span className='text-[#2570d1] mr-1 pt-2 pr-4 sm:text-3xl'>
<Image className="" src="/memoji.png" alt="profile photo" width={32} height={32} />
<Image className="" src={logo} alt="profile photo" width={32} height={32} />
</span>
Brandon&apos;s Portfolio
</Link>
Expand Down
2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "blog",
"version": "1.11.0",
"version": "1.11.1",
"private": true,
"scripts": {
"dev": "next dev",
Expand Down
8 changes: 4 additions & 4 deletions sanity/schemas/project.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,10 +39,10 @@ export default defineType({
type: 'string',
options: {
list: [
{value: 'Personal', title: 'Personal'},
{value: 'Client', title: 'Client'},
{value: 'School', title: 'School'},
{value: 'Professional', title: 'Professional'}
{value: 'Personal Project', title: 'Personal Project'},
{value: 'Client Commission', title: 'Client Commission'},
{value: 'School Project', title: 'School Project'},
{value: 'Professional Project', title: 'Professional Project'}
]
}
}),
Expand Down

0 comments on commit fdd6d9c

Please sign in to comment.