WIP

v2/README.md

@@ -38,3 +38,15 @@ You can check out [the Next.js GitHub repository](https://github.com/vercel/next
 The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
 
 Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+
+## Top repos
+```bash
+curl -L \
+  -H "Accept: application/vnd.github+json" \
+  -H "X-GitHub-Api-Version: 2022-11-28" \
+  https://api.github.com/users/yuhonas/repos | jq '[sort_by(.stargazers_count) | reverse | limit(4; .[])]'
+```
+
+## Links
+* https://github.com/gauravghongde/social-icons
+* https://www.svgrepo.com/svg/342086/open-source-initiative

v2/pages/index.tsx

@@ -12,26 +12,29 @@ const sections = [
 ]
 
 const resume = require('../public/resume.clintp.json');
-// console.log(resume)
+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 <h1 className="text-4xl font-bold dark:text-white">{children}</h1>
 }
+
 export default function Home() {
 
   return (
     <main className={`min-h-screen dark:bg-neutral-900 ${inter.className}`}>
         <header className="fixed inset-x-0 bottom-0 bg-neutral-800 sm:relative">
           <div className="mx-auto justify-between p-3 sm:flex sm:max-w-4xl sm:p-4">
-            <a href="#" className="hidden items-center gap-1 sm:flex">
+            <a href="/" className="hidden items-center gap-1 sm:flex">
                 <img className="inline-block w-8 object-cover rounded" src={resume.basics.image} />
-              <span className="font-fira text-lg font-bold text-white">{ resume.basics.name }</span>
+              <span className="font-fira text-lg font-bold text-white">$ ./clintp.xyz</span>
             </a>
           </div>
         </header>
-       <Markdown components={{h1: CustomH1}}># testing</Markdown>
+       <Markdown components={{h1: CustomH1}}></Markdown>
        <article className="font-fira mx-auto max-w-3xl p-4 selection:bg-black selection:text-white">
       <h1 className="font-fira mb-8 text-4xl font-bold dark:text-white sm:mt-16">Who?</h1>
       <img className="float-right w-44 rounded-full" src={ resume.basics.image + '?s=200'} />
@@ -44,17 +47,28 @@ export default function Home() {
       </ul>
       </section>
       <section className="mt-12">
+        <h2 className="text-3xl font-bold dark:text-white">Some of my Projects</h2>
+
         <div className="mt-8 grid grid-cols-1 gap-8 sm:grid-cols-2">
-         <section className="card cursor-pointer rounded p-5 shadow-sm shadow-black/60 transition hover:-translate-y-2 hover:shadow-md hover:shadow-black/50 dark:bg-neutral-800" >
-          <header className="flex items-center justify-between dark:text-gray-50">
-            <h3 className="text-lg font-bold">Some project</h3>
-            <span>123</span>
-          </header>
-          <div className="mt-2 dark:text-gray-300">Generate font size variables for a fluid type scale with CSS clamp.</div>
-          <footer className="my-4 flex gap-1">
-           <span className="bg-neutral-100 px-4 py-1 text-sm dark:bg-neutral-600 dark:text-gray-50"></span>
-          </footer>
-         </section>
+         {resume.projects.map(({ name, keywords, description }, index) => (
+           <section key={index} className="card cursor-pointer rounded p-5 shadow-sm shadow-black/60 transition hover:-translate-y-2 hover:shadow-md hover:shadow-black/50 dark:bg-neutral-800" >
+            <header className="flex items-center justify-between dark:text-gray-50">
+              <h3 className="text-lg font-bold">{name}</h3>
+              <Image src="/images/logo-open-source-initiative.svg"
+              width={20}
+              height={20}
+              className="dark:invert"
+              alt="Open Source Initiative Logo"
+              />
+            </header>
+            <div className="mt-2 dark:text-gray-300">{description}</div>
+            <footer className="my-4 flex gap-1">
+             {keywords.map((keyword: string, index: Key ) => (
+               <span key={index} className="bg-neutral-100 px-4 py-1 text-sm dark:bg-neutral-600 dark:text-gray-50">{keyword}</span>
+             ))}
+            </footer>
+           </section>
+          ))}
         </div>
         </section>
       </article>

v2/public/resume.clintp.json

@@ -7,7 +7,7 @@
     "email": "[email protected]",
     "phone": "",
     "url": "https://clintp.xyz",
-    "summary": "I'm a Software engineering manager with over 10 years experience developing for the web in a multitude of languages, highly collaborative with an excellent understanding of development best practices throughout the entire SDLC.\nExperience owning & crafting product / technical road maps collaborating with both clients and technical stakeholders to many successful deliveries.",
+    "summary": "Software engineering manager with over 10 years experience developing for the web across multiple languages. Highly collaborative with an excellent understanding of development best practices throughout the entire SDLC, specializing in growing high-performing agile teams and crafting product/technical roadmaps. Demonstrated success in collaborating with both clients and technical stakeholders, leading to numerous successful deliveries",
     "location": {
       "address": "",
       "postalCode": "",
@@ -161,7 +161,7 @@
       "summary": "",
       "highlights": [
         "Provided guidance on product strategy, ownership, and best practices",
-        "Made key individual contributions (IC) with a focus on Django/Python.",
+        "Made key individual contributions (IC) with a focus on Django/Python",
         "Implemented and optimized development (CI/CD) pipelines for increased efficiency",
         "Advised on and assisted with the hiring and recruiting process"
       ]
@@ -319,7 +319,7 @@
   ],
   "projects": [
     {
-      "name": "Miss Direction",
+      "name": "Free exercise DB",
       "description": "Open Public Domain Exercise Dataset in JSON format, over 800 exercises with a browsable public searchable frontend",
       "highlights": [
       ],
@@ -330,7 +330,24 @@
       "endDate": "2024-01-01",
       "url": "https://github.com/yuhonas/free-exercise-db",
       "roles": [
-        "Creator", "Engineer"
+        "Creator"
+      ],
+      "entity": "owner",
+      "type": "open-source"
+    },
+    {
+      "name": "zsh ansimotd",
+      "description": "a zsh-plugin to display old skool ansi & ascii bbs art on logon",
+      "highlights": [
+      ],
+      "keywords": [
+        "art", "bbs", "zsh-plugin"
+      ],
+      "startDate": "2023-03-01",
+      "endDate": "2024-01-01",
+      "url": "https://github.com/yuhonas/zsh-ansimotd",
+      "roles": [
+        "Creator"
       ],
       "entity": "owner",
       "type": "open-source"