From 916a288443b8a6aa355b3f0dd224d8ef309c3a86 Mon Sep 17 00:00:00 2001 From: Clint Plummer Date: Fri, 2 Feb 2024 12:29:27 +1100 Subject: [PATCH] wip --- .eslintrc.js => v1/.eslintrc.js | 0 v2/next.config.mjs | 10 + v2/pages/index.tsx | 255 +++++++--------------- v2/public/images/logo-social-github.svg | 10 + v2/public/images/logo-social-linkedin.svg | 3 + 5 files changed, 105 insertions(+), 173 deletions(-) rename .eslintrc.js => v1/.eslintrc.js (100%) create mode 100644 v2/public/images/logo-social-github.svg create mode 100644 v2/public/images/logo-social-linkedin.svg diff --git a/.eslintrc.js b/v1/.eslintrc.js similarity index 100% rename from .eslintrc.js rename to v1/.eslintrc.js diff --git a/v2/next.config.mjs b/v2/next.config.mjs index d5456a1..1d78eb1 100644 --- a/v2/next.config.mjs +++ b/v2/next.config.mjs @@ -1,6 +1,16 @@ /** @type {import('next').NextConfig} */ const nextConfig = { reactStrictMode: true, + images: { + remotePatterns: [ + { + protocol: "https", + hostname: "gravatar.com", + port: "", + pathname: "/avatar/**", + }, + ], + }, }; export default nextConfig; diff --git a/v2/pages/index.tsx b/v2/pages/index.tsx index b4633fa..eebf2e5 100644 --- a/v2/pages/index.tsx +++ b/v2/pages/index.tsx @@ -1,188 +1,97 @@ -// https://tailwindflex.com/@nishant-trivedi/resume-template-for-tech-field +import { Inter } from "next/font/google" import Image from "next/image"; -import { Inter } from "next/font/google"; -// import useSWR from "swr"; - -const inter = Inter({ subsets: ["latin"] }); - -const sections = [ - { title: "About", href: "#about" }, - { title: "Projects", href: "#projects" }, - { title: "Contact", href: "#contact" }, -] +import Link from "next/link"; +import { Key } from "react"; +const font = Inter({ subsets: ["latin"] }); const resume = require('../public/resume.clintp.json'); console.log(resume) -import Markdown from "react-markdown"; -import { ReactElement, JSXElementConstructor, ReactNode, ReactPortal, PromiseLikeOfReactNode, Key } from "react"; -import getConfig from "next/config"; -// see https://www.mozzlog.com/blog/react-markdown-custom-renderer -const CustomH1 = ({ children }) => { - return

{children}

+const Header = () => { + return ( +
+
+ + Picture of me + $ ./clintp.xyz + +
+ {resume.basics.profiles.map(({ network, url }, index) => ( + + {network} + ))} +
+
+
+ ); } -export default function Home() { - +const AboutSection = () => { return ( -
-
-
- - - $ ./clintp.xyz - -
-
- -
-

Who?

- -

{ resume.basics.summary }

-
-

What have you done?

+
+

What have you done?

    {resume.work.map(({ name, location, description }, index) => ( -
  • {name}
    • ))} +
  • {name}
    • + ))}
-
-
-

Some of my Projects

- -
- {resume.projects.map(({ name, keywords, description }, index) => ( -
-
-

{name}

- Open Source Initiative Logo -
-
{description}
-
- {keywords.map((keyword: string, index: Key ) => ( - {keyword} - ))} -
-
- ))} -
-
-
-
- ) - // return ( - //
- //
- //

- // Get started by editing  - // pages/index.tsx - //

- //
- // - // By{" "} - // Vercel Logo - // - //
- //
- - //
- // Next.js Logo - //
- - //
- // - //

- // Docs{" "} - // - // -> - // - //

- //

- // Find in-depth information about Next.js features and API. - //

- // + + ); +} - // - //

- // Learn{" "} - // - // -> - // - //

- //

- // Learn about Next.js in an interactive course with quizzes! - //

- // +const ProjectsSection = () => { + return ( +
+

Some of my Projects

+
+ {resume.projects.map(({ name, keywords, description }, index) => ( + + ))} +
+
+ ); +} - // - //

- // Templates{" "} - // - // -> - // - //

- //

- // Discover and deploy boilerplate example Next.js projects. - //

- // +const ProjectCard = ({ name, keywords, description }) => { + return ( +
+
+

{name}

+ Open Source Initiative Logo +
+
{description}
+
+ {keywords.map((keyword: string, index: Key) => ( + {keyword} + ))} +
+
+ ); +} - // - //

- // Deploy{" "} - // - // -> - // - //

- //

- // Instantly deploy your Next.js site to a shareable URL with Vercel. - //

- // - //
- //
- // ); +export default function Home() { + return ( +
+
+
+

Who?

+ {/* Picture of me */} + Picture of me +

{resume.basics.summary}

+ + +
+
+ ); } diff --git a/v2/public/images/logo-social-github.svg b/v2/public/images/logo-social-github.svg new file mode 100644 index 0000000..854aafa --- /dev/null +++ b/v2/public/images/logo-social-github.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/v2/public/images/logo-social-linkedin.svg b/v2/public/images/logo-social-linkedin.svg new file mode 100644 index 0000000..2ae6cc6 --- /dev/null +++ b/v2/public/images/logo-social-linkedin.svg @@ -0,0 +1,3 @@ + + +