Goals:

Use the visual language and informational structure of a Github profile to tell my story

Challenges:

Semantic HTML

I cross checked what I was building against inspecting source on my Github profile. I wondered if the semantics of the HTML tags would alter with this being a single static site page, with particular reference to span tags used in the timeline section. Applying heading tags where spans were applied on the Github profile page overwrote some of the CSS styling which undermined the challenge of working solely within Primer's CSS system, and made me question if I was using the 'correct' or rather, 'most semantic' tag.

Scaling without Jekyll

Regrets started to settle around the time I started constructing the timeline

Heatmap Responsiveness

As I wanted to work quickly I forked the heatmap rather than build it from scratch. Adjustments to the padding or layout would cause the tooltip to break; as the tooltip was a crucial source of information I decided to compromise on displaying the heatmap on mobile layouts.

Post Mortem:

As the priority with this project was to ship rather than reach perfection I worked using the Primer build CSS (core and product) and forked the documentation landing page for the boilerplate HTML. If this resume was to become an frequently updated project I would take the time to refactor using Jekyll as the CMS.