Merged CV

Author: ChristineTham

Chris Tham resume 2021-03-21.pdf

@@ -0,0 +1,40 @@
+# Resume Update Implementation Plan
+
+## Objective
+Update the `src/content/` collections and `src/pages/index.md` based on the provided resume OCR, aligning dates, roles, and descriptions.
+
+## Key Files & Context
+- `src/content/education/` (add Macquarie, SIA; modify USYD; delete UNSW)
+- `src/content/work/` (update existing entries, add USYD tutor, set `tfnsw.md` as consulting)
+- `src/pages/index.md` (add Profile summary and Papers/Conferences)
+
+## Implementation Steps
+
+### 1. Education Updates
+- **Create** `src/content/education/macquarie.md`: Master of Applied Finance, Macquarie University (1994). Add awards (Institute of Bankers Prize, "The Institute Prize").
+- **Create** `src/content/education/sia.md`: Graduate Diploma, Securities Institute of Australia (1992).
+- **Update** `src/content/education/usyd.md`: Change to Bachelor of Science (1st Class Honours and University Medal), 1988. Add scholarships.
+- **Delete** `src/content/education/unsw.md` as requested.
+
+### 2. Work History Updates
+- **`hellotham.md`**: Update role to "Principal Consultant and Director", 2016-Present. Mention providing strategic consulting services.
+- **`tfnsw.md`**: Keep separate, but set `type: consulting` and `startyear: 2016`. Incorporate the detailed bullet points from the resume (AI/ML dashboards, chatbot PoC, iOS app PoC, multi-channel framework, business plans, etc.).
+- **`broadspectrum.md`**: Align roles, dates (2011-2016), and bullet points with the resume (Strategy Consultant, Exec Manager Architecture & Design).
+- **`thorogood.md`**: Verify/align 2011 consultant role and bullets.
+- **`ing.md`**: Set dates to 2008 and verify bullet points.
+- **`nab.md`**: Update dates to 2005-2007. Break out details for Head of Distribution (2005), Head of Retail Banking (2006), and Strategy Consultant (2007).
+- **`mlc.md`**: Update dates to 1998-2004 and align bullet points.
+- **`hp.md`**: Update dates to 1995-1998. Update description (Boral data centre consolidation, etc.).
+- **`ncr.md`**: Update dates to 1992-1995. Update description (Telstra, Rockmans, Franklins, St. George).
+- **`sbv.md`**: Update dates to 1990-1992.
+- **`optech.md`**: Update dates to 1988-1990.
+- **`bain.md`**: Update dates to 1986-1988.
+- **Create `usyd-tutor.md`**: Tutor, University of Sydney, 1987.
+
+### 3. Homepage Updates
+- **`src/pages/index.md`**: Integrate the "Profile" summary from the resume into the top content.
+- **`src/pages/index.md`**: Add a new section for "Papers / Conferences" and list the items from the resume.
+
+## Verification & Testing
+- Run `pnpm run build` to ensure the content collections build without errors and all frontmatter is valid according to `content.config.ts`.
+- Visually verify changes using `pnpm run dev` if needed.

conductor/resume_update_plan.md

@@ -2,7 +2,7 @@
   "name": "spotlite",
   "description": "Astro Personal Web Site Template",
   "type": "module",
-  "version": "2.2.5",
+  "version": "2.2.6",
   "scripts": {
     "dev": "astro dev",
     "clean": "rm -rf node_modules .astro coverage dist",

package.json

@@ -16,6 +16,12 @@ const configFile = path.join(rootDir, 'src/config.json')
 const outputPath = path.join(rootDir, 'public/cv.pdf')
 const stylesheetPath = path.join(rootDir, 'scripts/pdf-theme.css')
 
+const formatDateRange = (start, end) => {
+  if (!end) return `${start} — Present`
+  if (start === end) return `${start}`
+  return `${start} — ${end}`
+}
+
 async function generatePdf() {
   console.log('Starting PDF generation...')
 
@@ -74,14 +80,14 @@ async function generatePdf() {
     // Inject collection data if it's the work or education page
     if (pageId === 'work' && workItems.length > 0) {
       const workMd = workItems.map(item => {
-        const dateStr = `${item.data.startyear} — ${item.data.endyear || 'Present'}`
+        const dateStr = formatDateRange(item.data.startyear, item.data.endyear)
         const typeStr = item.data.type === 'consulting' ? ' (Consulting)' : ''
         return `### ${item.data.role}${typeStr}\n**${item.data.company}** | *${dateStr}*\n\n${item.content}`
       }).join('\n\n')
       body = body + '\n\n' + workMd
     } else if (pageId === 'education' && educationItems.length > 0) {
       const eduMd = educationItems.map(item => {
-        const dateStr = `${item.data.startyear} — ${item.data.endyear || 'Present'}`
+        const dateStr = formatDateRange(item.data.startyear, item.data.endyear)
         return `### ${item.data.degree}\n**${item.data.institution}** | *${dateStr}*\n\n${item.content}`
       }).join('\n\n')
       body = body + '\n\n' + eduMd

public/cv.pdf

@@ -21,7 +21,7 @@ const timelineData = processTimelineData(workEntries, educationEntries)
 
 <script>
   import * as d3 from 'd3'
-  import type { TimelineEntry } from '../utils/timeline'
+  import { type TimelineEntry, formatDateRange } from '../utils/timeline'
 
   const setupTimeline = () => {
     const container = document.getElementById('timeline-container')
@@ -46,7 +46,7 @@ const timelineData = processTimelineData(workEntries, educationEntries)
 
       const margin = isVertical
         ? { top: 20, right: 20, bottom: 40, left: 100 }
-        : { top: 20, right: 30, bottom: 40, left: 40 }
+        : { top: 20, right: 30, bottom: 40, left: 150 }
 
       const innerWidth = width - margin.left - margin.right
       const innerHeight = height - margin.top - margin.bottom
@@ -101,22 +101,27 @@ const timelineData = processTimelineData(workEntries, educationEntries)
         const xScale = d3.scaleLinear().domain([minYear, maxYear]).range([0, innerWidth])
 
         const yScale = d3
-          .scaleBand<string>()
-          .domain(data.map((d) => d.title))
+          .scaleBand<number>()
+          .domain(d3.range(data.length))
           .range([0, innerHeight])
           .padding(0.2)
 
         const xAxis = d3.axisBottom(xScale).tickFormat(d3.format('d'))
+        const yAxis = d3.axisLeft(yScale).tickFormat((i) => data[i].organization || data[i].title)
 
         svg.append('g').attr('transform', `translate(0,${innerHeight})`).call(xAxis)
+        svg.append('g').call(yAxis).selectAll('text').attr('class', 'text-[10px] fill-current')
 
         svg
           .selectAll('rect')
           .data(data)
           .join('rect')
           .attr('x', (d) => xScale(d.startYear))
-          .attr('y', (d) => yScale(d.title) || 0)
-          .attr('width', (d) => xScale(d.endYear) - xScale(d.startYear))
+          .attr('y', (_d, i) => yScale(i) || 0)
+          .attr('width', (d) => {
+            const end = d.startYear === d.endYear && !d.isOngoing ? d.endYear + 1 : d.endYear
+            return xScale(end) - xScale(d.startYear)
+          })
           .attr('height', yScale.bandwidth())
           .attr('fill', (d) =>
             d.isOngoing ? `url(#grad-h-${d.type})` : colorMap[d.type] || '#ccc'
@@ -130,7 +135,7 @@ const timelineData = processTimelineData(workEntries, educationEntries)
                 <p class="text-primary leading-tight">${d.organization}</p>
                 <div class="mt-2 pt-2 border-t border-primary/20 flex justify-between items-center">
                   <span class="text-xs text-secondary uppercase tracking-wider">${d.type}</span>
-                  <span class="font-bold text-accent">${d.startYear} - ${d.isOngoing ? 'Present' : d.endYear}</span>
+                  <span class="font-bold text-accent">${formatDateRange(d.startYear, d.isOngoing ? undefined : d.endYear)}</span>
                 </div>
               </div>
             `)
@@ -167,23 +172,35 @@ const timelineData = processTimelineData(workEntries, educationEntries)
         const yScale = d3.scaleLinear().domain([minYear, maxYear]).range([0, innerHeight])
 
         const xScale = d3
-          .scaleBand<string>()
-          .domain(data.map((d) => d.title))
+          .scaleBand<number>()
+          .domain(d3.range(data.length))
           .range([0, innerWidth])
           .padding(0.2)
 
         const yAxis = d3.axisLeft(yScale).tickFormat(d3.format('d'))
+        const xAxis = d3.axisBottom(xScale).tickFormat((i) => data[i].organization || data[i].title)
 
         svg.append('g').call(yAxis)
+        svg
+          .append('g')
+          .attr('transform', `translate(0,${innerHeight})`)
+          .call(xAxis)
+          .selectAll('text')
+          .attr('class', 'text-[8px] fill-current')
+          .attr('transform', 'rotate(-45)')
+          .style('text-anchor', 'end')
 
         svg
           .selectAll('rect')
           .data(data)
           .join('rect')
-          .attr('x', (d) => xScale(d.title) || 0)
+          .attr('x', (_d, i) => xScale(i) || 0)
           .attr('y', (d) => yScale(d.startYear))
           .attr('width', xScale.bandwidth())
-          .attr('height', (d) => yScale(d.endYear) - yScale(d.startYear))
+          .attr('height', (d) => {
+            const end = d.startYear === d.endYear && !d.isOngoing ? d.endYear + 1 : d.endYear
+            return yScale(end) - yScale(d.startYear)
+          })
           .attr('fill', (d) =>
             d.isOngoing ? `url(#grad-v-${d.type})` : colorMap[d.type] || '#ccc'
           )
@@ -196,7 +213,7 @@ const timelineData = processTimelineData(workEntries, educationEntries)
                 <p class="text-primary leading-tight">${d.organization}</p>
                 <div class="mt-2 pt-2 border-t border-primary/20 flex justify-between items-center">
                   <span class="text-xs text-secondary uppercase tracking-wider">${d.type}</span>
-                  <span class="font-bold text-accent">${d.startYear} - ${d.isOngoing ? 'Present' : d.endYear}</span>
+                  <span class="font-bold text-accent">${formatDateRange(d.startYear, d.isOngoing ? undefined : d.endYear)}</span>
                 </div>
               </div>
             `)

scripts/generate-pdf.js

@@ -1,6 +1,7 @@
 ---
 import { getCollection } from 'astro:content'
 import { Image } from 'astro:assets'
+import { formatDateRange } from '../utils/timeline'
 
 let education = await getCollection('education')
 education = education.sort((a, b) => {
@@ -24,14 +25,13 @@ education = education.sort((a, b) => {
             href={`${import.meta.env.BASE_URL}education/${item.id}/`}
             class='group p-2 rounded-xl flex gap-4 transition -m-2 hover:bg-heavenlyPink/50 focus-ring dark:hover:bg-grapeade/30'
           >
-            <div class='mt-1 rounded-full flex flex-none h-10 w-10 ring-1 ring-opalGray/20 shadow-md items-center justify-center relative dark:border dark:border-border/50 dark:bg-blackBeauty dark:ring-0'>
+            <div class='mt-1 flex flex-none w-24 h-10 ring-1 ring-opalGray/20 shadow-md items-center justify-center relative dark:border dark:border-border/50 dark:bg-blackBeauty dark:ring-0'>
               <Image
                 src={item.data.image}
                 alt={item.data.institution}
-                width={64}
                 height={64}
                 loading='lazy'
-                class='h-8 w-8 object-cover'
+                class='h-8 w-auto object-contain'
               />
             </div>
             <dl class='flex flex-auto flex-wrap gap-x-2'>
@@ -44,9 +44,9 @@ education = education.sort((a, b) => {
               <dt class='sr-only'>Date</dt>
               <dd
                 class='text-xs text-secondary ml-auto'
-                aria-label={`${item.data.startyear} to ${item.data.endyear || 'Present'}`}
+                aria-label={formatDateRange(item.data.startyear, item.data.endyear)}
               >
-                {item.data.startyear} — {item.data.endyear || 'Present'}
+                {formatDateRange(item.data.startyear, item.data.endyear)}
               </dd>
             </dl>
           </a>

src/components/d3timeline.astro

@@ -1,6 +1,7 @@
 ---
 import { getCollection } from 'astro:content'
 import { Image } from 'astro:assets'
+import { formatDateRange } from '../utils/timeline'
 
 let work = await getCollection('work')
 work = work.sort((a, b) => {
@@ -47,9 +48,9 @@ work = work.sort((a, b) => {
               <dt class='sr-only'>Date</dt>
               <dd
                 class='text-xs text-secondary ml-auto'
-                aria-label={`${job.data.startyear} to ${job.data.endyear || 'Present'}`}
+                aria-label={formatDateRange(job.data.startyear, job.data.endyear)}
               >
-                {job.data.startyear} — {job.data.endyear || 'Present'}
+                {formatDateRange(job.data.startyear, job.data.endyear)}
               </dd>
             </dl>
           </a>

src/components/education.astro

@@ -0,0 +1,11 @@
+---
+institution: Macquarie University
+degree: Master of Applied Finance
+startyear: 1994
+endyear: 1994
+image: ./mq.svg
+---
+
+Awarded:
+- Australian Institute of Bankers Prize for Management of Financial Institutions
+- Australian Institute of Bankers "The Institute Prize" (for graduating top of class)