Add banner and make jake resume default

Author: ffffranklin

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

@@ -126,6 +126,35 @@ $basic-info-font-size-print: 0.75rem;
     }
   }
 
+  //bannder
+  aside[role="banner"] {
+    background: variables.$color-two;
+    margin: 1rem 0;
+    padding: 1rem;
+    text-align: center;
+    color: variables.$color-font-five;
+    font-family: variables.$font-family-open-sans;
+
+    h2 {
+      margin: 0;
+      text-transform: none;
+      font-size: variables.$font-size-xxlarge;
+      font-weight: variables.$heading-weight-bold;
+      border: none;
+
+      &::first-letter{
+        font-size: inherit;
+        letter-spacing: inherit;
+      }
+    }
+
+    h3 {
+      display: initial;
+      font-weight: variables.$heading-weight-regular;
+      font-size: variables.$font-size-large;
+    }
+  }
+
   background: {
     color: #fff;
   }
@@ -152,6 +181,11 @@ $basic-info-font-size-print: 0.75rem;
         border-color: variables.$color-three;
       }
     }
+    aside[role="banner"] {
+      color: variables.$color-font-five !important;
+      background-color: variables.$color-bg-three !important;
+      print-color-adjust: exact;
+    }
   }
 }
 

app/info/resume/page/resume-wrapper.tsx

@@ -7,7 +7,7 @@ import Resume from './resume/resume';
 
 export default function ResumeWrapper() {
   const searchParams = useSearchParams();
-  const isJakeTheme = searchParams?.get('theme')?.toLowerCase() === 'jake';
+  const isOldTheme = searchParams?.get('theme')?.toLowerCase() === 'old';
 
-  return <>{(isJakeTheme && <ResumeJake />) || <Resume />}</>;
+  return <>{(isOldTheme && <Resume />) || <ResumeJake />}</>;
 }

app/layout.tsx

@@ -10,7 +10,7 @@ const martel = Martel({
 });
 
 const openSans = Open_Sans({
-  weight: ['300', '400', '800'],
+  weight: ['300', '400', '700', '800'],
   subsets: ['latin'],
 });
 

markdown/resume-hand-revised.mdx

@@ -12,9 +12,14 @@ import {Suspense} from 'react';
   <li>[github.com/ffffranklin](https://www.github.com/ffffranklin)</li>
 </ul>
 
+<aside role="banner">
+    <h2>Frontend Engineer</h2>
+    <h3>Delivering delightful experiences and seamless fullstack solutions</h3>
+</aside>
+
 ## Summary
 
-Versatile Frontend software engineer with 15+ years of experience building reliable, scalable, and robust
+Versatile frontend software engineer with 15+ years of experience building reliable, scalable, and robust
 frontend systems across data analytics and enterprise software environments. I've also served as
 a tech lead responsible for cross-team integrations. I helped drive the fullstack integrations
 with collaborative technical planning, test driven code, and with high agility.
@@ -62,8 +67,8 @@ enabling hundreds of users to perform faster searches.
 #### 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
-led Agile adoption with real user monitoring
+React, and NodeJS; resolved performance bottlenecks in report rendering.
+ - Built first generation visualizations for tables, pivot tables, and big numbers.
  - Mentored and grew the frontend team by leading a Quality ERG that implemented
 automation and style guides, collaborating on UI improvements, and establishing
 durable architecture and DX teams, increasing code quality and drastically