From ba733113c1ed7a23f9bfc574c71fb3e4c62ea67d Mon Sep 17 00:00:00 2001 From: Mikayla Dobson Date: Wed, 2 Aug 2023 17:36:12 -0500 Subject: [PATCH] consistency fixes, placeholders --- app/about/page.tsx | 12 ++++++----- app/contact/page.tsx | 38 +++++++++++++++++---------------- app/layout.tsx | 9 +++++++- app/page.tsx | 42 +++++++++++++++++++------------------ app/projects/page.tsx | 2 ++ components/Home/index.tsx | 4 ++-- components/Navbar/index.tsx | 12 +++++------ tailwind.config.js | 3 +++ 8 files changed, 70 insertions(+), 52 deletions(-) diff --git a/app/about/page.tsx b/app/about/page.tsx index 3c2d566..5724fec 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -14,10 +14,12 @@ export default function Resume() { return (
-
+

Mikayla Dobson

Software Engineer | Nashville, TN

+
+

Download a copy for later?

.pdf @@ -31,7 +33,7 @@ export default function Resume() {
- @@ -47,14 +49,14 @@ export default function Resume() {
- { educationVisible ? ( -
+

Southern Methodist University

Dallas, TX - B.A. Music

@@ -66,7 +68,7 @@ export default function Resume() {
- diff --git a/app/contact/page.tsx b/app/contact/page.tsx index b5e6bcf..59b7165 100644 --- a/app/contact/page.tsx +++ b/app/contact/page.tsx @@ -12,29 +12,31 @@ export default function ContactPage() { } return ( -
-

Thanks for your interest! I'm looking forward to hearing from you.

+
+
+

Thanks for your interest! I'm looking forward to hearing from you.

-
-
-
- - setName(e.target.value)} type="text" name="name" id="name" /> + +
+
+ + setName(e.target.value)} type="text" name="name" id="name" /> +
+ +
+ + setEmail(e.target.value)} type="email" name="email" id="email" /> +
-
- - setEmail(e.target.value)} type="email" name="email" id="email" /> +
+ +
-
-
- - -
- - - + + +
) } diff --git a/app/layout.tsx b/app/layout.tsx index 6607a9d..32a8766 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -24,14 +24,21 @@ export const metadata = { export default function RootLayout({ children }: { children: React.ReactNode }) { const pathname = usePathname(); const [bg, setBg] = useState('bg-slate-900'); + const [overlay, setOverlay] = useState(false); + const [pageIsScrolled, setPageIsScrolled] = useState(false); useEffect(() => { switch (pathname) { + case '/contact': + setBg('bg-darkPlum'); + setOverlay(true); + break; case '/': case '/about': default: setBg('bg-slate-900'); + setOverlay(false); break; } }, [pathname]) @@ -60,7 +67,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
-
diff --git a/app/page.tsx b/app/page.tsx index a5cfc37..0f390c6 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,11 +1,11 @@ -import { ColorChangeName } from "@/components/Home"; +import { ColorChangeName } from "@/components/Home"; import Image from "next/image"; import Link from "next/link"; export default function Home() { return ( - <> -
+
+
{/*
@@ -13,25 +13,27 @@ export default function Home() {
*/}
-
- - image of Mikayla Dobson - -

Hi! My name is Mikayla.

-

I build full-stack software solutions for the web, answer open-ended questions, and pet cats.

+
+
+ + image of Mikayla Dobson + +

Hi! My name is Mikayla.

+

I build full-stack software solutions for the web, answer open-ended questions, and pet cats.

-
- - Tell me what I can do for you - - - And check out some of my work while you're at it - - - Check out my work - +
+ + Tell me what I can do for you + + + And check out some of my work while you're at it + + + Check out my work + +
- +
) } diff --git a/app/projects/page.tsx b/app/projects/page.tsx index b023e1b..26d1e9d 100644 --- a/app/projects/page.tsx +++ b/app/projects/page.tsx @@ -2,6 +2,8 @@ export default function ProjectsPage() { return (

Projects Page

+ +

Contents of this page coming soon!

) } diff --git a/components/Home/index.tsx b/components/Home/index.tsx index e966ea3..82d2edc 100644 --- a/components/Home/index.tsx +++ b/components/Home/index.tsx @@ -12,8 +12,8 @@ export const ColorChangeName = () => {

Software Engineer

-
-

Pragmatic software design with style and artistry.

+
+

Pragmatic software design with style and artistry.

) diff --git a/components/Navbar/index.tsx b/components/Navbar/index.tsx index eb3b908..051c876 100644 --- a/components/Navbar/index.tsx +++ b/components/Navbar/index.tsx @@ -76,7 +76,7 @@ export default function Navbar({ pageIsScrolled = false }) { return ( <> - -
setMobileMenuOpen(false)} className={`flex flex-col z-50 rounded-bl-lg justify-end md:hidden fixed top-24 w-[25vw] text-right place-self-end bg-[#131313] ${mobileMenuOpen ? 'translate-x-[75vw]' : 'translate-x-[100vw]'} transition-all duration-500`}> +
setMobileMenuOpen(false)} className={`flex flex-col z-50 rounded-bl-lg justify-end md:hidden fixed top-24 w-[35vw] text-right place-self-end bg-[#131313] ${mobileMenuOpen ? 'translate-x-[65vw]' : 'translate-x-[100vw]'} transition-all duration-500`}> {/*
*/} - setMobileMenuOpen(false)} passHref href="/" className="w-full"> + setMobileMenuOpen(false)} passHref href="/" className="w-auto px-2">

Home

- setMobileMenuOpen(false)} passHref href="/about" className="w-full"> + setMobileMenuOpen(false)} passHref href="/about" className="w-auto px-2">

About

- setMobileMenuOpen(false)} passHref href="/projects" className="w-full"> + setMobileMenuOpen(false)} passHref href="/projects" className="w-auto px-2">

Projects

- setMobileMenuOpen(false)} passHref href="/contact" className="w-full"> + setMobileMenuOpen(false)} passHref href="/contact" className="w-auto px-2">

Contact

diff --git a/tailwind.config.js b/tailwind.config.js index f760cc4..9f3cccc 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -15,6 +15,9 @@ module.exports = { ], theme: { extend: { + colors: { + 'darkPlum': '#1e0631', + }, transitionTimingFunction: { 'quick-start': 'cubic-bezier(.17,.67,0,.89)', },