From 34937bbc2000f363ced94a381f3bccf6d7ee2fed Mon Sep 17 00:00:00 2001 From: Jan Rychly Date: Sun, 15 Oct 2023 16:53:41 -0800 Subject: [PATCH] Add people page --- src/App.tsx | 7 ++++++- src/configs/aboutme.json | 16 ++++++++++++++++ src/configs/aboutme.yaml | 13 +++++++++++++ src/layouts/Navigation.tsx | 2 ++ src/pages/People/People.tsx | 31 +++++++++++++++++++++++++++++++ src/pages/People/index.tsx | 1 + 6 files changed, 69 insertions(+), 1 deletion(-) create mode 100644 src/configs/aboutme.json create mode 100644 src/configs/aboutme.yaml create mode 100644 src/pages/People/People.tsx create mode 100644 src/pages/People/index.tsx diff --git a/src/App.tsx b/src/App.tsx index 93bd4c3..84a09d0 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -3,8 +3,9 @@ import { Navigate, RouterProvider, createHashRouter } from 'react-router-dom' import theme from './theme' import { LandingPage } from './pages/LandingPage' +import { Things } from './pages/Things' import { Layout } from './layouts/Layout' -import { Things } from './pages/Things/Things' +import { People } from './pages/People' const router = createHashRouter([ @@ -24,6 +25,10 @@ const router = createHashRouter([ path: '/things/:projectId?', element: , }, + { + path: '/people', + element: , + }, ], }, ]) diff --git a/src/configs/aboutme.json b/src/configs/aboutme.json new file mode 100644 index 0000000..d1ac6c3 --- /dev/null +++ b/src/configs/aboutme.json @@ -0,0 +1,16 @@ +{ + "about": [ + "**Team player with positive attitude** who has experience working remotely in an Agile environment using Scrum methodologies and is a fan of peer reviews. Worked together with product management, DevOps, and UI/UX designers. Have been part of both a small start-up team and a large multi-squad project.", + "**Highly motivated software developer** with two years of work experience in web development, focusing mostly on frontend but also competent with backend technologies. Proficient in TypeScript, CSS, React, and Haskell while having solid understanding of many other languages. Skilled in building beautiful UIs and writing elegant, readable, and maintainable code.", + "**Love taking on challenges, learning new things, and enjoy problem solving at its core.** Highly receptive to feedback with a strong drive for self-improvement and mastering the art of software engineering.", + "To this day proud of my bachelor’s thesis on [Game Development in Haskell](https://github.com/honzaflash/ba-thesis) which early on shows my **curiosity, willingness to challenge myself, and my ability to understand and analyze high level concepts.**" + ], + "interests": [ + "Ultimate Frisbee coach and team co-founder", + "Led a church youth club for a few years", + "Maker, designer, techie, 3D printer, and beginner woodworker", + "PC gamer and board gamer", + "Drummer", + "Hiker" + ] +} diff --git a/src/configs/aboutme.yaml b/src/configs/aboutme.yaml new file mode 100644 index 0000000..4637f51 --- /dev/null +++ b/src/configs/aboutme.yaml @@ -0,0 +1,13 @@ +about: + - "**Team player with positive attitude** who has experience working remotely in an Agile environment using Scrum methodologies and is a fan of peer reviews. Worked together with product management, DevOps, and UI/UX designers. Have been part of both a small start-up team and a large multi-squad project." + - "**Highly motivated software developer** with two years of work experience in web development, focusing mostly on frontend but also competent with backend technologies. Proficient in TypeScript, CSS, React, and Haskell while having solid understanding of many other languages. Skilled in building beautiful UIs and writing elegant, readable, and maintainable code." + - "**Love taking on challenges, learning new things, and enjoy problem solving at its core.** Highly receptive to feedback with a strong drive for self-improvement and mastering the art of software engineering." + - "To this day proud of my bachelor’s thesis on [Game Development in Haskell](https://github.com/honzaflash/ba-thesis) which early on shows my **curiosity, willingness to challenge myself, and my ability to understand and analyze high level concepts.**" + +interests: + - Ultimate Frisbee coach and team co-founder + - Led a church youth club for a few years + - Maker, designer, techie, 3D printer, and beginner woodworker + - PC gamer and board gamer + - Drummer + - Hiker \ No newline at end of file diff --git a/src/layouts/Navigation.tsx b/src/layouts/Navigation.tsx index 6ed76b9..40b4afd 100644 --- a/src/layouts/Navigation.tsx +++ b/src/layouts/Navigation.tsx @@ -12,9 +12,11 @@ const a11yProps = (index: number) => ({ }) +// TODO consolidate this config object with the router object and make creating links safer through constants or type checking const tabs: { label: string, path: string }[] = [ { label: 'Main', path: '/landing' }, { label: 'Things', path: '/things' }, + { label: 'People', path: '/people' }, ] export const Navigation = () => { diff --git a/src/pages/People/People.tsx b/src/pages/People/People.tsx new file mode 100644 index 0000000..5e3652b --- /dev/null +++ b/src/pages/People/People.tsx @@ -0,0 +1,31 @@ +import { Box, Typography } from '@mui/material' +import aboutMe from '../../configs/aboutme.json' +import { ListFromMd } from '../../components/ListFromMd' + + +export const People = () => { + + return ( + + Things are nice. And useful. + + But meaning and fulfilment is in
+ interacting with God and other
+ + People + + + Here is something about me as a people person and as a professional. + + About me + + Interests + + + + )} diff --git a/src/pages/People/index.tsx b/src/pages/People/index.tsx new file mode 100644 index 0000000..c736f9d --- /dev/null +++ b/src/pages/People/index.tsx @@ -0,0 +1 @@ +export { People } from './People'