Add phone and heading alignment

Author: ffffranklin

app/info/resume/page/resume-jake/resume-jake.module.scss

@@ -2,6 +2,7 @@
 @use '../../../../../styles/foundation/global';
 
 $content-width: 60rem;
+$base-font-size: variables.$font-size-small;
 
 @mixin uppercase-with-large-first-letter($base-font-size) {
   text-transform: uppercase;
@@ -20,7 +21,7 @@ $content-width: 60rem;
 .resumeJake {
   color: variables.$color-font-one;
   font-family: variables.$font-family-two;
-  font-size: variables.$font-size-small;
+  font-size: $base-font-size;
 
   h1 {
     text-align: center;
@@ -29,13 +30,13 @@ $content-width: 60rem;
     padding-bottom: 0;
     line-height: 3.5rem;
     font-size: variables.$font-size-huge;
-    font-weight: variables.$heading-weight-extra-bold;
+    font-weight: variables.$heading-weight-bold;
     letter-spacing: 0.03rem;
     //color: variables.$color-font-two;
   }
 
   h2 {
-    $font-size: variables.$font-size-small;
+    $font-size: $base-font-size;
 
     font-size: $font-size;
     font-weight: global.$font-weight-normal;
@@ -54,7 +55,7 @@ $content-width: 60rem;
   h3 {
     margin-top: 0.5rem;
     margin-bottom: 0;
-    font-size: variables.$font-size-small;
+    font-size: $base-font-size;
     font-weight: variables.$heading-weight-extra-bold;
 
     a {
@@ -69,6 +70,12 @@ $content-width: 60rem;
     font-style: italic;
   }
 
+  h3, h4 {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+  }
+
   // lists below subheadings like position experience
   h4 ~ ul {
     margin-top: 0;
@@ -77,6 +84,7 @@ $content-width: 60rem;
   // all content below h2s
   h2 ~ *:not(h2) {
     margin-left: 1rem;
+    margin-right: 1rem;
   }
 
   a {
@@ -94,7 +102,7 @@ $content-width: 60rem;
     margin: 0;
     padding: 0;
     list-style: none;
-    font-size: variables.$font-size-small;
+    font-size: $base-font-size;
     text-align: center;
     line-height: 1rem;
 

components/phone.tsx

@@ -0,0 +1,10 @@
+'use client';
+
+import { useSearchParams } from 'next/navigation';
+
+export default function Phone() {
+  const num = atob('NDE1LTMyMC02NjYz');
+  const searchParams = useSearchParams();
+
+  return <>{searchParams?.get('phone') && num}</>;
+}

markdown/resume-hand-revised.mdx

@@ -1,8 +1,11 @@
+import Phone from '../components/phone';
+import {Suspense} from 'react';
+
 # Franklin Clark
- - 619-123-1234
+ - <Suspense><Phone /></Suspense>
  - [ffffranklin@pobox.com](mailto:ffffranklin@pobox.com)
- - [linkedin.com/in/franklinclark]()
- - [github.com/ffffranklin]()
+ - [linkedin.com/in/franklinclark](https://www.linkedin.com/in/franklinclark)
+ - [github.com/ffffranklin](https://www.github.com/ffffranklin)
 
 ## Summary
 
@@ -15,8 +18,8 @@ I like to work on fun-to-use products and challenging problems with diverse team
 
 ## Experience
 
-### [ThoughtSpot](https://www.thoughtspot.com)
-####  Senior Software Engineer / Mountain View, CA / 2023 - 2025
+### [ThoughtSpot](https://www.thoughtspot.com) <aside>Mountain View, CA</aside>
+#### Senior Software Engineer <aside>2023 - 2025</aside>
 
  - Partnered with Staff and Managing Engineers to migrate Mode to ThoughtSpot’s
 Analyst Studio, integrating both platforms with ThoughtSpot’s ecosystem.
@@ -26,20 +29,20 @@ automation tool using CircleCI, NodeJS, and GhostInspector
 overhead and improved software quality.
  - Troubleshot Fastly, AWS S3 content delivery and AWS SQS message queues
 
-### [Mode](https://www.mode.com) (merged with [ThoughtSpot](https://www.thoughtspot.com) in July 2023)
-#### Senior Software Engineer Lead, Front End (L5) / San Francisco, CA / 2022 - 2023
+### <span>[Mode](https://www.mode.com) (merged with [ThoughtSpot](https://www.thoughtspot.com) in July 2023)</span> <aside>San Francisco, CA</aside>
+#### Senior Software Engineer Lead, Front End (L5) <aside>2022 - 2023</aside>
 
  - Partnered with dbt and led the integration of dbt Metrics into the visualization
 query system, coordinating engineering efforts across 3 teams and delivering
 the project on time.
  - Served as tech lead for the logged-out user experience by designing sitewide
 observability and RUM instrumentation, optimizing session management across
 browser tabs, and developing integration and end-to-end test plans
- - Designed the architecture for workspace and member API tokens, led the global
-search initiative with Algolia integration, and executed full-stack data modeling,
+ - Designed the architecture for workspace and member API tokens in Angular
+ - Led the global search initiative with Preact Algolia integration, and executed full-stack data modeling,
 enabling hundreds of users to perform faster searches.
 
-#### Senior Software Engineer, Front End (L3) / San Francisco, CA / 2016 - 2022
+#### Senior Software Engineer, Front End (L3) <aside>2016 - 2022</aside>
 
  - Developed and optimized frontend systems for visual analytics using Angular,
 React, and NodeJS; resolved performance bottlenecks in report rendering and
@@ -59,8 +62,8 @@ technical direction
 and workspace settings, collaborating with product and engineering to ensure
 testable workflows, improving system security and maintainability
 
-### [Prosper Marketplace](https://www.prosper.com)
-#### Front-End Web Engineering Manager / San Francisco, CA / 2012 - 2015
+### [Prosper Marketplace](https://www.prosper.com) <aside>San Francisco, CA</aside>
+#### Front-End Web Engineering Manager <aside>2012 - 2015</aside>
 
  - Established and coordinated the Prosper Front End Engineering team, expanding
 it to 6 members
@@ -80,14 +83,14 @@ NodeJS
  - Trained by Peter Bell (author of O'Reilly's Introducing GitHub) in Git for
 continuous integration
 
-### [Boulevards New Media](http://boulevards.com)
-#### Lead Web Developer and Project Manager / San Francisco, CA / 2006 - 2012
+### [Boulevards New Media](http://boulevards.com) <aside>San Francisco, CA</aside>
+#### Lead Web Developer and Project Manager <aside>2006 - 2012</aside>
 
  - Promoted from Lead Web Developer to Project Manager, leading a team of 4 and
 delivering over 10 successful projects while sustaining team retention
  - Built Boulevards’ project management infrastructure from the ground up
- - Designed and deployed over 30 projects—including websites, widgets, and
-prototypes—for flagship properties like SFStation.com
+ - Designed and deployed over 30 projects - including websites, widgets, and
+prototypes - for flagship properties like SFStation.com
  - Coordinated company-wide projects and initiatives
  - Optimized project scopes to maintain budget discipline over three years
  - Invented and implemented an object-oriented CSS methodology and compiler
@@ -96,14 +99,14 @@ for component-based styles
 site stability and enabling faster content updates
  - Resolved complex design and programming roadblocks
 
-### [Onomy Labs, Inc.](http://www.onomy.com)
-#### Artist, Multimedia Engineer (Paid internship) / Menlo Park, CA / 2006 - 2007
+### [Onomy Labs, Inc.](http://www.onomy.com) <aside>Menlo Park, CA</aside>
+#### Artist, Multimedia Engineer (Paid internship) <aside>2006 - 2007</aside>
 
  - Created 3D interactive prototypes in Blender with Python, flash and HTML
  - Developed productive office culture based on the “Getting Things Done” methodology
 
 ## Education
-### BFA / Digital Media Art / San Jose State University / 2001-2006
+### BFA / Digital Media Art / San Jose State University <aside>2001 - 2006</aside>
 #### Multidisciplinary program offering a digital art and design curriculum in the areas of computer graphics, web development, programming, physical computing, fabrication, prototyping, interactivity and computer games. Graduation pending.
 
 ## Skills