From 822730166ec61a82a58664913017e02df1529619 Mon Sep 17 00:00:00 2001 From: Thien Nguyen Date: Mon, 4 Sep 2023 22:51:04 -0700 Subject: [PATCH] =?UTF-8?q?=F0=9F=88=82=EF=B8=8F=20no:=20update=20font=20a?= =?UTF-8?q?nd=20sync?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 11 +++++++- src/app/about/page.tsx | 2 +- src/components/about-me/(pa)/paragraph.tsx | 4 +-- src/components/dashboard/discord-status.tsx | 8 +++--- src/components/dashboard/github-calendar.tsx | 2 +- src/components/dashboard/rpg-maker.tsx | 6 ++--- src/components/dashboard/stat-age-card.tsx | 4 +-- src/components/dashboard/stat-card.tsx | 6 ++--- src/components/dashboard/techno.tsx | 2 +- src/components/footer/FooterIcons.tsx | 25 +++++++------------ .../purojekuto/(timeline)/LeftTimeline.tsx | 14 +++++------ .../purojekuto/(timeline)/RightTimeline.tsx | 14 +++++------ src/styles/globals.css | 2 +- 13 files changed, 51 insertions(+), 49 deletions(-) diff --git a/README.md b/README.md index a4b4597..cf7b2f5 100644 --- a/README.md +++ b/README.md @@ -94,6 +94,7 @@ Welcome to the project's folder structure! Below is an organized representation β”œβ”€β”€ πŸ“ app β”‚ β”œβ”€β”€ πŸ“ about β”‚ β”œβ”€β”€ πŸ“ api +β”‚ β”œβ”€β”€ πŸ“ dashboard β”‚ β”œβ”€β”€ πŸ“ contact β”‚ β”œβ”€β”€ πŸ“ guestbook β”‚ └── πŸ“ projects @@ -101,9 +102,14 @@ Welcome to the project's folder structure! Below is an organized representation β”‚ β”œβ”€β”€ πŸ“ about-me β”‚ β”‚ └── πŸ“ qa β”‚ β”œβ”€β”€ πŸ“ common -β”‚ β”œβ”€β”€ πŸ“ contact +β”‚ β”œβ”€β”€ πŸ“ dashboard +β”‚ β”‚ └── πŸ“ ... +β”‚ β”œβ”€β”€ πŸ“ about-me +β”‚ β”‚ └── πŸ“ ... β”‚ β”œβ”€β”€ πŸ“ footer +β”‚ β”‚ └── πŸ“ ... β”‚ β”œβ”€β”€ πŸ“ guestbook +β”‚ β”‚ └── πŸ“ ... β”‚ β”œβ”€β”€ πŸ“ home β”‚ β”‚ └── πŸ“ lanyard β”‚ β”œβ”€β”€ πŸ“ navbar @@ -113,6 +119,7 @@ Welcome to the project's folder structure! Below is an organized representation β”‚ β”‚ └── πŸ“ one β”‚ └── πŸ“ (timeline) β”œβ”€β”€ πŸ“ ui +β”‚ └── πŸ“ ... β”œβ”€β”€ πŸ“ hooks β”‚ └── πŸ“ lanyard └── πŸ“ lib @@ -128,6 +135,8 @@ Welcome to the project's folder structure! Below is an organized representation β”‚ β”œβ”€β”€ πŸ“„ hi.css β”‚ β”œβ”€β”€ πŸ“„ timeline.css β”‚ └── πŸ“„ activity.css +β”‚ └── πŸ“„ solar.css +β”‚ └── πŸ“„ equalizer.css ``` # Tech Stack diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 98e6d98..a66d87c 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -59,7 +59,7 @@ export default function About() { customAnswer={ <> {`I'm also fascinated with `} - {`mathematics`} + {`mathematics`} {` and wish to make a career out of it someday. Things I love include: jΜΆaΜΆpΜΆaΜΆnΜΆ, coffee, dark mode, and cats.`} } diff --git a/src/components/about-me/(pa)/paragraph.tsx b/src/components/about-me/(pa)/paragraph.tsx index 1bed117..4494668 100644 --- a/src/components/about-me/(pa)/paragraph.tsx +++ b/src/components/about-me/(pa)/paragraph.tsx @@ -22,7 +22,7 @@ const Paragraph: React.FC = (props: PAProps) => {
{/* Tag */} -

+

{props.tag === 'rpg maker games' && ( <> = (props: PAProps) => { {props.customAnswer ? (

{props.customAnswer}

diff --git a/src/components/dashboard/discord-status.tsx b/src/components/dashboard/discord-status.tsx index 2bfcc3b..60f4680 100644 --- a/src/components/dashboard/discord-status.tsx +++ b/src/components/dashboard/discord-status.tsx @@ -15,9 +15,9 @@ function DiscordStatus() { const [isBlurred, setIsBlurred] = useState(true) const statusTextColor = { - online: 'text-green-500 font-pixeloidMono', - idle: 'text-orange-400 font-pixeloidMono', - dnd: 'text-red-500 font-pixeloidMono', + online : 'text-green-500 font-pixeloidMono', + idle : 'text-orange-400 font-pixeloidMono', + dnd : 'text-red-500 font-pixeloidMono', offline: 'text-[#5865F2] font-pixeloidMono', }[status] @@ -47,7 +47,7 @@ function DiscordStatus() { {/* user name */}
{/*

{`@blank_dreams`}

*/} -

{`@blank_dreams`}

+

{`@blank_dreams`}

diff --git a/src/components/dashboard/github-calendar.tsx b/src/components/dashboard/github-calendar.tsx index 79dc458..b3af9d8 100644 --- a/src/components/dashboard/github-calendar.tsx +++ b/src/components/dashboard/github-calendar.tsx @@ -28,7 +28,7 @@ const GithubCal = () => { return ( <> -
+
{ >
-

Personal favorites

+

Personal favorites

{randomizedItems.map((game: Game, index) => ( @@ -52,8 +52,8 @@ const RPGMaker: React.FC = () => { className="carousal-item absolute z-10 flex cursor-cell flex-col rounded-lg bg-transparent duration-200 group-hover:bg-white/70 dark:group-hover:bg-black/60" >
-
{game.title}
-

{game.genres}

+
{game.title}
+

{game.genres}

diff --git a/src/components/dashboard/stat-age-card.tsx b/src/components/dashboard/stat-age-card.tsx index aecf7b0..b79b28a 100644 --- a/src/components/dashboard/stat-age-card.tsx +++ b/src/components/dashboard/stat-age-card.tsx @@ -25,13 +25,13 @@ const StatAgeCard: React.FC = () => { return (
-
+
{`Experiencing back pain at`}
-

{exactTime}

+

{exactTime}

) } diff --git a/src/components/dashboard/stat-card.tsx b/src/components/dashboard/stat-card.tsx index ad98c39..14909f0 100644 --- a/src/components/dashboard/stat-card.tsx +++ b/src/components/dashboard/stat-card.tsx @@ -4,19 +4,19 @@ import { HiOutlineExternalLink } from 'react-icons/hi' interface StatCardProps { title: string value: string | number - href : string + href: string } const StatCard: React.FC = ({ title, value, href }) => { return (
-
+
{title}
-

{value}

+

{value}

) } diff --git a/src/components/dashboard/techno.tsx b/src/components/dashboard/techno.tsx index 20e2800..810ebde 100644 --- a/src/components/dashboard/techno.tsx +++ b/src/components/dashboard/techno.tsx @@ -44,7 +44,7 @@ const techno_icons = [ const TechnologyIcon = ({ icon }: { icon: (typeof techno_icons)[0] }) => (
{icon.component} - {icon.description} + {icon.description}
) diff --git a/src/components/footer/FooterIcons.tsx b/src/components/footer/FooterIcons.tsx index 52f4d7b..fc7d90e 100644 --- a/src/components/footer/FooterIcons.tsx +++ b/src/components/footer/FooterIcons.tsx @@ -3,16 +3,13 @@ /* Trash */ import { useState } from 'react' import Link from 'next/link' - -/* Hooks */ -import useSound from 'use-sound' import { useKBar } from 'kbar' - /* Icons */ import { Github, Twitter } from 'lucide-react' -import { BsCommand } from 'react-icons/bs' import { /* AiOutlineHeart, */ AiOutlineInstagram, AiOutlineLinkedin, AiOutlineMail } from 'react-icons/ai' - +import { BsCommand } from 'react-icons/bs' +/* Hooks */ +import useSound from 'use-sound' /* UI, sup */ import { cn } from '@/lib/util/util' import { buttonVariants } from '@/components/ui/custom-button' @@ -20,8 +17,8 @@ import { Tooltip } from '@/components/common/Tooltip' import { metadata } from '@/app/api/metadata' /** - * All the right hand side of the footer functionality, - * @recommended fold code + * All the right hand side of the footer functionality, + * @recommended fold code * To see the full view * Include: * - FooterLove @@ -39,10 +36,8 @@ import { metadata } from '@/app/api/metadata' export function FooterLove() { const [ThemeSound] = useSound('/sounds/switch-on.mp3', { volume: 1 }) return ( - - - {`Β© 2023 `} - + + {`Β© 2023 `} { @@ -52,14 +47,12 @@ export function FooterLove() { target="_blank" > - + Thien Nguyen - - {` β€’ from a boy who was never enough.`} - + {` β€’ from a boy who was never enough.`} ) } diff --git a/src/components/purojekuto/(timeline)/LeftTimeline.tsx b/src/components/purojekuto/(timeline)/LeftTimeline.tsx index 2504fdd..4b87c02 100644 --- a/src/components/purojekuto/(timeline)/LeftTimeline.tsx +++ b/src/components/purojekuto/(timeline)/LeftTimeline.tsx @@ -13,19 +13,19 @@ const LeftTimeline: React.FC = ({ secondaryColor, }) => { return ( -
+
{/* Container box */} diff --git a/src/components/purojekuto/(timeline)/RightTimeline.tsx b/src/components/purojekuto/(timeline)/RightTimeline.tsx index 5b2c613..0e49f83 100644 --- a/src/components/purojekuto/(timeline)/RightTimeline.tsx +++ b/src/components/purojekuto/(timeline)/RightTimeline.tsx @@ -34,15 +34,15 @@ const RightTimeline: React.FC = ({ {/* Container box */}
diff --git a/src/styles/globals.css b/src/styles/globals.css index 171138d..a9f62b1 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -1,4 +1,4 @@ -@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300&family=Sacramento&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500&family=Sacramento&display=swap'); @font-face { font-family: Metropolis;