diff --git a/src/app/globals.scss b/src/app/globals.scss index b87fb19..35085ae 100644 --- a/src/app/globals.scss +++ b/src/app/globals.scss @@ -42,3 +42,14 @@ span.visually-hidden { display: none; visibility: hidden; } + +div { + &.page { + display: flex; + } + + &.content { + margin-left: 60px; + width: calc(100% - 60px); + } +} diff --git a/src/app/home.scss b/src/app/home.scss index 340a779..9ce9767 100644 --- a/src/app/home.scss +++ b/src/app/home.scss @@ -3,13 +3,11 @@ button.btn-hover { border: none; border-radius: 50px; cursor: pointer; - height: 115px; -o-transition: all 0.4s ease-in-out; margin: 5px; text-align: center; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; - width: 115px; &:hover { background-position: 100% 0; @@ -103,6 +101,19 @@ div { font-family: "Ubuntu", sans-serif; } + span { + &.about { + background: #a09abcbf; + } + + &.name { + background: #800000bf; + text-align: center; + font-weight: bold; + font-family: "Ubuntu", sans-serif; + } + } + p { &.about { background: #d4bebebf; @@ -167,18 +178,20 @@ div { } span { - &.about { - background: #a09abcbf; - } - &.name { - background: #800000bf; - text-align: center; - font-weight: bold; font-size: 48pt; - font-family: "Ubuntu", sans-serif; } } + + button.btn-hover { + width: 115px; + height: 115px; + } + + svg.devicon { + width: 85px; + height: 85px; + } } &.mobile { @@ -215,6 +228,16 @@ div { font-size: 24pt; } } + + button.btn-hover { + width: 57px; + height: 57px; + } + + svg.devicon { + width: 42px; + height: 42px; + } } } diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 8e351cc..6254ff0 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,6 +1,5 @@ import "./globals.scss"; import type { Metadata } from "next"; -import { Navbar } from "./navigation/nav"; export const metadata: Metadata = { metadataBase: new URL("https://lai-huy.github.io"), @@ -35,10 +34,7 @@ export default function RootLayout({ return ( -
- - {children} -
+
{children}
); diff --git a/src/app/page.tsx b/src/app/page.tsx index 25cce2a..3f0d6c7 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -5,6 +5,8 @@ import Link from "next/link"; import { GithubOriginal, LinkedinOriginal } from "devicons-react"; import { faEnvelope } from "@fortawesome/free-solid-svg-icons"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { Navbar } from "./navigation/nav"; +import { userAgent } from "next/server"; const mcs: string = "https://catalog.tamu.edu/graduate/colleges-schools-interdisciplinary/engineering/computer-science/mcs/#programrequirementstext"; @@ -42,103 +44,108 @@ export default function Home() { const isMobile = isMobileDevice(); return ( -
-
-

- Huy Quang Lai -

-
- - Skip to about me - -
- About Me -
-
-

- Howdy! I am a student at{" "} - - Texas A&M University - {" "} - currently studying for a Master of Computer Science. -

-
+
+ +
+
+

+ Huy Quang Lai +

+
+ + Skip to about me + +
+ About Me +
+
+

+ Howdy! I am a student at{" "} + + Texas A&M University + {" "} + currently studying for a Master of Computer Science. +

+
- - Skip to MCS Requirements - -
-

- Learn more about the MCS here. -

-
+ + Skip to MCS Requirements + +
+

+ Learn more about the MCS here. +

+
-
-

- I received my Bachelor of Science in Computer Science from{" "} - - Texas A&M University - {" "} - .
I also have a Minor in Cybersecurity and a Minor in - Mathematics. -

-
+
+

+ I received my Bachelor of Science in Computer Science + from{" "} + + Texas A&M University + {" "} + .
I also have a Minor in Cybersecurity and a Minor + in Mathematics. +
+ {navigator.userAgent} +

+
- - Skip to BS Requirements - -
-

- Learn more about the BS in Computer Science{" "} - here.
- Learn more about the Minor in Cybersecurity{" "} - here.
- Learn more about the Minor in Mathematics{" "} - here. -

-
+ + Skip to BS Requirements + +
+

+ Learn more about the BS in Computer Science{" "} + here.
+ Learn more about the Minor in Cybersecurity{" "} + here.
+ Learn more about the Minor in Mathematics{" "} + here. +

+
- - Skip to my online profiles. - -
-

- + + Skip to my online profiles. + +

+

+ - + - -

+ +

+
);