From a8cc873ab643f01634ba28ff2f16cc51207dc222 Mon Sep 17 00:00:00 2001
From: Alessia Bellisario <github@bellisar.io>
Date: Mon, 17 Oct 2022 21:24:47 -0400
Subject: [PATCH] chore: use cancel-workflow-action (#1720)

---
 .github/workflows/deploy.yml   |  20 ++++++++
 .github/workflows/workflow.yml |   2 +
 .gitignore                     |   3 +-
 README.md                      |  10 +---
 src/images/logos/apollo.svg    |   3 --
 src/images/logos/breather.webp | Bin 8784 -> 0 bytes
 src/images/logos/venmo.svg     |   3 --
 src/pages/index.jsx            |  85 ++++++++++++++++++++++++++-------
 8 files changed, 94 insertions(+), 32 deletions(-)
 create mode 100644 .github/workflows/deploy.yml
 delete mode 100644 src/images/logos/apollo.svg
 delete mode 100644 src/images/logos/breather.webp
 delete mode 100644 src/images/logos/venmo.svg

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
new file mode 100644
index 000000000..062b3fda6
--- /dev/null
+++ b/.github/workflows/deploy.yml
@@ -0,0 +1,20 @@
+name: Deploy
+on:
+  issues:
+    types: [closed, edited, deleted]
+jobs:
+  run:
+    runs-on: macos-latest
+    if: ${{ github.event.issue.author_association == 'OWNER' }}
+    steps:
+      - name: Cancel Workflow
+        uses: styfle/cancel-workflow-action@0.11.0
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Deploy to Vercel
+        uses: BetaHuhn/deploy-to-vercel-action@v1.7.1
+        with:
+          GITHUB_TOKEN: ${{ secrets.GH_PAT }}
+          VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }}
+          VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+          VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
diff --git a/.github/workflows/workflow.yml b/.github/workflows/workflow.yml
index 449f22249..29b78a76c 100644
--- a/.github/workflows/workflow.yml
+++ b/.github/workflows/workflow.yml
@@ -4,6 +4,8 @@ jobs:
   run:
     runs-on: macos-latest
     steps:
+      - name: Cancel Workflow Action
+        uses: styfle/cancel-workflow-action@0.11.0
       - uses: actions/checkout@v3
       - name: Cache node modules
         uses: actions/cache@v3
diff --git a/.gitignore b/.gitignore
index 2d2012d79..b75f65bf6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,4 +6,5 @@ node_modules
 yarn-error.log
 .vscode
 coverage
-.next
\ No newline at end of file
+.next
+.vercel
diff --git a/README.md b/README.md
index af7478343..4a1bf092f 100644
--- a/README.md
+++ b/README.md
@@ -4,18 +4,12 @@
 
   <p>
     <a href="https://github.com/alessbell/aless.co/actions?query=workflow%3ATests" title="Tests"><img src="https://github.com/alessbell/aless.co/workflows/Tests/badge.svg"/></a>
-    <a href="https://codecov.io/gh/alessbell/aless.co" title="Code Coverage"><img src="https://codecov.io/gh/alessbell/aless.co/branch/main/graph/badge.svg"/></a>
-    <a href="https://github.com/prettier/prettier" title="Prettier Code Formatting"><img src="https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-round"/></a>
   </p>
 
 </div>
 
-A blog by me! Built with:
+A blog! Built with:
 
-- [Gatsby](https://github.com/gatsbyjs/gatsby)
-- [TypeScript](https://www.typescriptlang.org/)
-- [GraphQL](https://graphql.org/)
-- [Emotion](https://github.com/emotion-js/emotion)
+- [Next.js](https://github.com/gatsbyjs/gatsby)
 - [MDX](https://github.com/mdx-js/mdx)
 - [Vercel](https://vercel.com)
-- [React Testing Library](https://github.com/kentcdodds/react-testing-library)
diff --git a/src/images/logos/apollo.svg b/src/images/logos/apollo.svg
deleted file mode 100644
index 4d2611d68..000000000
--- a/src/images/logos/apollo.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
-  <path fill="#3f20ba" d="M160.227 178.519h27.63L143.75 64.049h-30.549l-44.107 114.47h27.632l7.208-19.39h41.675l-7.544-21.456h-27.44l17.85-49.254 31.752 90.1zm91.112-84.751a6.641 6.641 0 0 0-8.185-4.627 6.648 6.648 0 0 0-4.628 8.183A114.646 114.646 0 0 1 242.704 128c0 63.248-51.456 114.702-114.704 114.702-63.248 0-114.703-51.454-114.703-114.702C13.297 64.751 64.752 13.296 128 13.296c26.793 0 52.718 9.518 73.179 26.456a15.938 15.938 0 0 0-1.238 6.173c0 8.835 7.162 15.997 15.997 15.997s15.997-7.162 15.997-15.997-7.162-15.997-15.997-15.997c-1.701 0-3.338.271-4.876.763C188.022 11.056 158.513 0 128 0 57.421 0 0 57.42 0 128c0 70.579 57.421 127.999 128 127.999 70.579 0 128-57.42 128-127.999a127.95 127.95 0 0 0-4.661-34.232z"/>
-</svg>
\ No newline at end of file
diff --git a/src/images/logos/breather.webp b/src/images/logos/breather.webp
deleted file mode 100644
index 09fec2c6a2fe0500d43ebcbc4361de352800423c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8784
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
Gr~m*bhCn?4

diff --git a/src/images/logos/venmo.svg b/src/images/logos/venmo.svg
deleted file mode 100644
index 473389d49..000000000
--- a/src/images/logos/venmo.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="512px" height="512px" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg">
-  <path fill="#0074de" d="M444.17,32H70.28C49.85,32,32,46.7,32,66.89V441.6C32,461.91,49.85,480,70.28,480H444.06C464.6,480,480,461.8,480,441.61V66.89C480.12,46.7,464.6,32,444.17,32ZM278,387H174.32L132.75,138.44l90.75-8.62,22,176.87c20.53-33.45,45.88-86,45.88-121.87,0-19.62-3.36-33-8.61-44L365.4,124.1c9.56,15.78,13.86,32,13.86,52.57C379.25,242.17,323.34,327.26,278,387Z"/>
-</svg>
\ No newline at end of file
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 1a752f6dd..16318d3f3 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -12,13 +12,62 @@ import image2 from '@/images/photos/image-7.jpg'
 import image3 from '@/images/photos/image-9.jpg'
 import image4 from '@/images/photos/image-11.jpg'
 import image5 from '@/images/photos/image-10.jpg'
-import logoApollo from '@/images/logos/apollo.svg'
-import logoVenmo from '@/images/logos/venmo.svg'
-import logoBreather from '@/images/logos/breather.webp'
 // import { generateRssFeed } from '@/lib/generateRssFeed'
 import { getAllArticles } from '@/lib/getAllArticles'
 import { formatDate } from '@/lib/formatDate'
 
+function ApolloLogo(props) {
+  return (
+    <svg
+      width="26"
+      height="26"
+      viewBox="0 0 256 256"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid"
+    >
+      <path
+        fill="#3f20ba"
+        className="dark:fill-zinc-300 dark:stroke-zinc-500"
+        d="M160.227 178.519h27.63L143.75 64.049h-30.549l-44.107 114.47h27.632l7.208-19.39h41.675l-7.544-21.456h-27.44l17.85-49.254 31.752 90.1zm91.112-84.751a6.641 6.641 0 0 0-8.185-4.627 6.648 6.648 0 0 0-4.628 8.183A114.646 114.646 0 0 1 242.704 128c0 63.248-51.456 114.702-114.704 114.702-63.248 0-114.703-51.454-114.703-114.702C13.297 64.751 64.752 13.296 128 13.296c26.793 0 52.718 9.518 73.179 26.456a15.938 15.938 0 0 0-1.238 6.173c0 8.835 7.162 15.997 15.997 15.997s15.997-7.162 15.997-15.997-7.162-15.997-15.997-15.997c-1.701 0-3.338.271-4.876.763C188.022 11.056 158.513 0 128 0 57.421 0 0 57.42 0 128c0 70.579 57.421 127.999 128 127.999 70.579 0 128-57.42 128-127.999a127.95 127.95 0 0 0-4.661-34.232z"
+      />
+    </svg>
+  )
+}
+function VenmoLogo(props) {
+  return (
+    <svg
+      width="512px"
+      height="512px"
+      viewBox="0 0 512 512"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        fill="#0074de"
+        className="dark:fill-zinc-300 dark:stroke-zinc-500"
+        d="M444.17,32H70.28C49.85,32,32,46.7,32,66.89V441.6C32,461.91,49.85,480,70.28,480H444.06C464.6,480,480,461.8,480,441.61V66.89C480.12,46.7,464.6,32,444.17,32ZM278,387H174.32L132.75,138.44l90.75-8.62,22,176.87c20.53-33.45,45.88-86,45.88-121.87,0-19.62-3.36-33-8.61-44L365.4,124.1c9.56,15.78,13.86,32,13.86,52.57C379.25,242.17,323.34,327.26,278,387Z"
+      />
+    </svg>
+  )
+}
+function BreatherLogo(props) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24px"
+      height="24px"
+      viewBox="0 0 24 24"
+      {...props}
+    >
+      <path
+        fill="#1FA561"
+        className="dark:fill-zinc-300 dark:stroke-zinc-500"
+        d="M13.09,22.64c-0.111,0-0.258-0.037-0.332-0.111c-0.111-0.074-0.147-0.221-0.147-0.332v-2.765 c0-0.184,0.147-0.369,0.332-0.442l3.909-1.069c0.332-0.074,0.553-0.442,0.442-0.774c-0.074-0.332-0.442-0.553-0.774-0.442 l-3.355,0.885c-0.147,0.037-0.295,0-0.369-0.074c-0.111-0.074-0.184-0.221-0.184-0.369V16.04c0-0.184,0.147-0.369,0.332-0.442 l5.199-1.438c0.332-0.111,0.516-0.442,0.442-0.774c-0.111-0.332-0.442-0.516-0.774-0.442l-4.609,1.291 c-0.147,0.037-0.295,0-0.406-0.074c-0.111-0.074-0.184-0.221-0.184-0.369v-1.069c0-0.184,0.147-0.369,0.332-0.442l3.909-1.032 c0.332-0.074,0.553-0.442,0.442-0.774c-0.074-0.332-0.442-0.553-0.774-0.442l-3.355,0.885c-0.147,0.037-0.295,0-0.369-0.074 c-0.111-0.074-0.184-0.221-0.184-0.369V9.403c0-0.184,0.147-0.369,0.332-0.442l2.507-0.664c0.332-0.074,0.553-0.442,0.442-0.774 C15.819,7.19,15.45,6.969,15.118,7.08l-1.954,0.516c-0.147,0.037-0.258,0-0.369-0.074c-0.111-0.074-0.184-0.221-0.184-0.369V4.462 c0-0.369-0.295-0.627-0.627-0.627c-0.369,0-0.627,0.295-0.627,0.627v2.692c0,0.147-0.074,0.258-0.184,0.369 c-0.111,0.074-0.258,0.111-0.369,0.074L8.85,7.08C8.518,7.006,8.149,7.19,8.075,7.522C8.001,7.854,8.186,8.223,8.518,8.296 l2.507,0.664c0.184,0.037,0.332,0.221,0.332,0.442v1.069c0,0.147-0.074,0.258-0.184,0.369c-0.111,0.074-0.258,0.111-0.406,0.074 l-3.355-0.811c-0.332-0.074-0.701,0.111-0.774,0.442c-0.074,0.332,0.111,0.701,0.442,0.774l3.945,1.032 c0.184,0.037,0.332,0.221,0.332,0.442v1.069c0,0.147-0.074,0.258-0.184,0.369c-0.111,0.074-0.258,0.111-0.406,0.074l-4.646-1.291 c-0.332-0.111-0.701,0.111-0.774,0.442c-0.111,0.332,0.111,0.701,0.442,0.774l5.199,1.438c0.184,0.037,0.332,0.221,0.332,0.442 v1.106c0,0.147-0.074,0.258-0.184,0.369c-0.111,0.074-0.258,0.111-0.406,0.074l-3.319-0.959c-0.332-0.074-0.701,0.111-0.774,0.442 c-0.074,0.332,0.111,0.701,0.442,0.774l3.945,1.069c0.184,0.037,0.332,0.221,0.332,0.442v2.765c0,0.111-0.037,0.258-0.147,0.332 c-0.111,0.074-0.221,0.111-0.332,0.111c-5.383-0.553-9.587-5.125-9.587-10.656c0-5.9,4.794-10.73,10.73-10.73 c5.9,0,10.73,4.794,10.73,10.73C22.677,17.515,18.473,22.05,13.09,22.64 M11.984,0C5.383,0,0,5.383,0,11.984 s5.383,11.984,11.984,11.984s11.984-5.383,11.984-11.984C23.968,5.347,18.584,0,11.984,0"
+      ></path>
+    </svg>
+  )
+}
+
 function MailIcon(props) {
   return (
     <svg
@@ -137,8 +186,8 @@ function Resume() {
   let resume = [
     {
       company: 'Apollo',
-      title: 'Open Source Engineer',
-      logo: logoApollo,
+      title: 'Senior Open Source Engineer',
+      Logo: ApolloLogo,
       start: '2022',
       end: {
         label: 'Present',
@@ -148,14 +197,14 @@ function Resume() {
     {
       company: 'Venmo',
       title: 'Staff Product Engineer',
-      logo: logoVenmo,
+      Logo: VenmoLogo,
       start: '2020',
       end: '2022',
     },
     {
       company: 'Breather',
       title: 'Senior Web Engineer',
-      logo: logoBreather,
+      Logo: BreatherLogo,
       start: '2015',
       end: '2020',
     },
@@ -168,33 +217,34 @@ function Resume() {
         <span className="ml-3">Work</span>
       </h2>
       <ol className="mt-6 space-y-4">
-        {resume.map((role, roleIndex) => (
+        {resume.map((Role, roleIndex) => (
           <li key={roleIndex} className="flex gap-4">
             <div className="relative mt-1 flex h-10 w-10 flex-none items-center justify-center rounded-full shadow-md shadow-zinc-800/5 ring-1 ring-zinc-900/5 dark:border dark:border-zinc-700/50 dark:bg-zinc-800 dark:ring-0">
-              <Image src={role.logo} alt="" className="h-7 w-7" />
+              {/* <Image src={Role.logo} alt="" className="h-7 w-7" /> */}
+              <Role.Logo className="h-6 w-6" />
             </div>
             <dl className="flex flex-auto flex-wrap gap-x-2">
               <dt className="sr-only">Company</dt>
               <dd className="w-full flex-none font-medium text-zinc-900 dark:text-zinc-100">
-                {role.company}
+                {Role.company}
               </dd>
               <dt className="sr-only">Role</dt>
               <dd className="text-xs text-zinc-500 dark:text-zinc-400">
-                {role.title}
+                {Role.title}
               </dd>
               <dt className="sr-only">Date</dt>
               <dd
                 className="ml-auto text-xs text-zinc-400 dark:text-zinc-500"
-                aria-label={`${role.start.label ?? role.start} until ${
-                  role.end.label ?? role.end
+                aria-label={`${Role.start.label ?? Role.start} until ${
+                  Role.end.label ?? Role.end
                 }`}
               >
-                <time dateTime={role.start.dateTime ?? role.start}>
-                  {role.start.label ?? role.start}
+                <time dateTime={Role.start.dateTime ?? Role.start}>
+                  {Role.start.label ?? Role.start}
                 </time>{' '}
                 <span aria-hidden="true">—</span>{' '}
-                <time dateTime={role.end.dateTime ?? role.end}>
-                  {role.end.label ?? role.end}
+                <time dateTime={Role.end.dateTime ?? Role.end}>
+                  {Role.end.label ?? Role.end}
                 </time>
               </dd>
             </dl>
@@ -230,6 +280,7 @@ function Photos() {
           >
             <Image
               src={image}
+              priority
               alt=""
               sizes="(min-width: 640px) 18rem, 11rem"
               className="absolute inset-0 h-full w-full object-cover"