shakeelmohamed · shakeelmohamed · Aug 10, 2025 · Aug 6, 2025 · Aug 6, 2025 · Aug 6, 2025
diff --git a/.alexrc.js b/.alexrc.js
@@ -13,6 +13,16 @@ module.exports = {
         "yank",
         "boy-girl",
         "aunt-uncle",
-        "savage"
+        // Below were mostly known warnings
+        "savage",
+        "daughter-son",
+        "gal-guy",
+        "obvious",
+        "dad-mom",
+        "gals-man",
+        "straightforward",
+        "clearly",
+        "prince-princess",
+        "deaf-to"
     ]
 };
diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
@@ -0,0 +1,27 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [ main, master ]
+  pull_request:
+    branches: [ main, master ]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: lts/*
+    - name: Install dependencies
+      run: npm ci
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+    - name: Run Playwright tests
+      run: npx playwright test
+    - uses: actions/upload-artifact@v4
+      if: ${{ !cancelled() }}
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30
diff --git a/.gitignore b/.gitignore
@@ -4,4 +4,10 @@ npm-debug.log
 
 .idea/
 
-*.idlk
+*.idlk
+
+# Playwright
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
diff --git a/docs/404.html b/docs/404.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="Strategic brand designer in Los Angeles specializing in identity design, typography, and systems thinking. Available for freelance and full-time opportunities.">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/404.html">
         <meta property="og:title" content="Shakeel Mohamed – Strategic Brand Designer in Los Angeles">
         <meta property="og:image" content="https://shakeelmohamed.com/img/opengraph-default.png">

diff --git a/docs/about/index.html b/docs/about/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="Strategic brand designer in Los Angeles specializing in identity design, typography, and systems thinking. Available for freelance and full-time opportunities.">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/about/">
         <meta property="og:title" content="About | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.com/img/opengraph-default.png">

diff --git a/docs/blog-archive/index.html b/docs/blog-archive/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="The archive of all blog posts I’ve written in the past">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/blog-archive/">
         <meta property="og:title" content="Blog Archive | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.com/img/opengraph-default.png">

diff --git a/docs/blog/index.html b/docs/blog/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="Thoughts on strategic thinking, creative collaboration, and lessons learned along the way.">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/blog/">
         <meta property="og:title" content="Blog | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.com/img/opengraph-default.png">

diff --git a/docs/book-design/index.html b/docs/book-design/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/book-design/">
         <meta property="og:title" content="Book Design | Shakeel Mohamed – Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.com/img/opengraph-default.png">

diff --git a/docs/branding/index.html b/docs/branding/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/branding/">
         <meta property="og:title" content="Branding | Shakeel Mohamed – Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.com/img/opengraph-default.png">

diff --git a/docs/environmental/index.html b/docs/environmental/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/environmental/">
         <meta property="og:title" content="Environmental | Shakeel Mohamed – Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.com/img/opengraph-default.png">

diff --git a/docs/gradshow/index.html b/docs/gradshow/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="Strategic brand designer in Los Angeles specializing in identity design, typography, and systems thinking. Available for freelance and full-time opportunities.">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/gradshow/">
         <meta property="og:title" content="Grad Show | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.com/img/opengraph-default.png">
@@ -86,8 +87,8 @@ <h1>ArtCenter Spring 2025 Graduation Show</h1>
                 </div>
                 <div style="grid-column: 3 / 5;">
                     <p> <strong>Virtual Graduation Experience</strong></p><br>
-                    <p>For more details, see the&nbsp;<a href="https://www.artcenter.edu/connect/events/spring-2025-graduation-activities.html" target="_blank">grad show page on ArtCenter’s website.</a></p>
-                    <p>The ceremony replay is available on&nbsp;<a href="https://www.youtube.com/watch?v=GHJut4doSPo" target="_blank">YouTube.</a></p><br><img src="./grad_wall_WIP.png">
+                    <p>For more details, see the&nbsp;<a href="https://www.artcenter.edu/connect/events/spring-2025-graduation-activities.html" target="_blank" rel="noopener noreferrer">grad show page on ArtCenter’s website.</a></p>
+                    <p>The ceremony replay is available on&nbsp;<a href="https://www.youtube.com/watch?v=GHJut4doSPo" target="_blank" rel="noopener noreferrer">YouTube.</a></p><br><img src="./grad_wall_WIP.png">
                 </div>
             </div>
         </main>

diff --git a/docs/index.html b/docs/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="Strategic brand designer in Los Angeles specializing in identity design, typography, and systems thinking. Available for freelance and full-time opportunities.">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/">
         <meta property="og:title" content="Shakeel Mohamed – Strategic Brand Designer in Los Angeles">
         <meta property="og:image" content="https://shakeelmohamed.com/img/opengraph-default.png">

diff --git a/docs/labyrinth/index.html b/docs/labyrinth/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="Strategic brand designer in Los Angeles specializing in identity design, typography, and systems thinking. Available for freelance and full-time opportunities.">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/labyrinth/">
         <meta property="og:title" content="Labyrinth | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.com/img/opengraph-default.png">

diff --git a/docs/links/index.html b/docs/links/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="Strategic brand designer in Los Angeles specializing in identity design, typography, and systems thinking. Available for freelance and full-time opportunities.">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/links/">
         <meta property="og:title" content="Links | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.com/img/opengraph-default.png">

diff --git a/docs/mentions/index.html b/docs/mentions/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="Press coverage and mentions of my design work, speaking engagements, and thought leadership in brand identity and typography.">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/mentions/">
         <meta property="og:title" content="Mentions | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.com/img/opengraph-default.png">

diff --git a/docs/motion/index.html b/docs/motion/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/motion/">
         <meta property="og:title" content="Motion | Shakeel Mohamed – Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.com/img/opengraph-default.png">

diff --git a/docs/posts/2013-09-20-summer-with-splunk/index.html b/docs/posts/2013-09-20-summer-with-splunk/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="The story of receiving an unexpected internship opportunity">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/posts/2013-09-20-summer-with-splunk/">
         <meta property="og:title" content="Summer with Splunk | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.comhttps://placehold.co/1200x630">

diff --git a/docs/posts/2014-11-14-remove-an-accidentally-pushed-remote-git-commit/index.html b/docs/posts/2014-11-14-remove-an-accidentally-pushed-remote-git-commit/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="A quick set of commands for removing a commit once it's been pushed to a remote">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/posts/2014-11-14-remove-an-accidentally-pushed-remote-git-commit/">
         <meta property="og:title" content="Remove an accidentally pushed remote git commit | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.comhttps://placehold.co/1200x630">

diff --git a/docs/posts/2015-03-19-hackers-first-logo-designing-in-powerpoint/index.html b/docs/posts/2015-03-19-hackers-first-logo-designing-in-powerpoint/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="Designing the logo for my team's senior project, Exbedia, sponsored by Expedia">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/posts/2015-03-19-hackers-first-logo-designing-in-powerpoint/">
         <meta property="og:title" content="Hacker’s First Logo, Designing with PowerPoint | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.comhttps://placehold.co/1200x630">

diff --git a/docs/posts/2015-04-10-magic-spells-deploying-an-app-to-aws-opsworks/index.html b/docs/posts/2015-04-10-magic-spells-deploying-an-app-to-aws-opsworks/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="My goal with this post is to walk you through the mind-bending procedures required to setup a new app on AWS using OpsWorks.">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/posts/2015-04-10-magic-spells-deploying-an-app-to-aws-opsworks/">
         <meta property="og:title" content="Magic Spells: Deploying an app to AWS OpsWorks | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.comhttps://placehold.co/1200x630">

diff --git a/docs/posts/2015-04-21-an-actually-helpful-git-diff-of-your-uncommitted-changes/index.html b/docs/posts/2015-04-21-an-actually-helpful-git-diff-of-your-uncommitted-changes/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="So you just made a bunch of changes to a git project, good job. Now you want to review your changes before committing, even better.">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/posts/2015-04-21-an-actually-helpful-git-diff-of-your-uncommitted-changes/">
         <meta property="og:title" content="An actually helpful git diff of your uncommitted changes | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.comhttps://placehold.co/1200x630">

diff --git a/...-06-oops-i-pushed-a-commit-with-something-sensitive-to-a-public-github-project/index.html b/...-06-oops-i-pushed-a-commit-with-something-sensitive-to-a-public-github-project/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="So you accidentally pushed a commit with some credentials. Shame on you. Here's a potential solution...">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/posts/2015-05-06-oops-i-pushed-a-commit-with-something-sensitive-to-a-public-github-project/">
         <meta property="og:title" content="“Oops, I pushed a commit with something sensitive to a public GitHub project!” | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.comhttps://placehold.co/1200x630">

diff --git a/docs/posts/2015-05-28-git-diff-against-a-remote-branch/index.html b/docs/posts/2015-05-28-git-diff-against-a-remote-branch/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="This is equivalent to previewing a pull request, and it works great across remotes!">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/posts/2015-05-28-git-diff-against-a-remote-branch/">
         <meta property="og:title" content="git diff against a remote branch | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.comhttps://placehold.co/1200x630">

diff --git a/docs/posts/2015-09-04-silence-javascript-console-output/index.html b/docs/posts/2015-09-04-silence-javascript-console-output/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="This is super helpful for unit testing with 100% code coverage, while maintaining a clean test output on the console!">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/posts/2015-09-04-silence-javascript-console-output/">
         <meta property="og:title" content="Silence JavaScript console output | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.comhttps://placehold.co/1200x630">

diff --git a/docs/posts/2016-03-20-a-bash-alias-for-intermediate-git-users-gityank/index.html b/docs/posts/2016-03-20-a-bash-alias-for-intermediate-git-users-gityank/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="As a git user, every once in a while you'll be doing a git pull and be blindsided by the following error...">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/posts/2016-03-20-a-bash-alias-for-intermediate-git-users-gityank/">
         <meta property="og:title" content="A bash alias for intermediate git users: gityank | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.comhttps://placehold.co/1200x630">

diff --git a/docs/posts/2016-03-25-reflecting-on-1-year-of-zen-audio-player/index.html b/docs/posts/2016-03-25-reflecting-on-1-year-of-zen-audio-player/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="Today marks one year since I made the first commit to the Zen Audio Player (ZAP) project on GitHub!">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/posts/2016-03-25-reflecting-on-1-year-of-zen-audio-player/">
         <meta property="og:title" content="Reflecting on 1 Year of Zen Audio Player | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.comhttps://placehold.co/1200x630">

diff --git a/docs/posts/2016-04-03-notice-the-colors-a-mindfulness-experiment/index.html b/docs/posts/2016-04-03-notice-the-colors-a-mindfulness-experiment/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="I took a walk today, listening to music on my phone as I usually do, and an interesting thought came to me. I often use my headphones to...">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/posts/2016-04-03-notice-the-colors-a-mindfulness-experiment/">
         <meta property="og:title" content="Notice the Colors: a Mindfulness Experiment | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.comhttps://placehold.co/1200x630">

diff --git a/docs/posts/2016-04-10-changing-my-git-editor-on-the-fly/index.html b/docs/posts/2016-04-10-changing-my-git-editor-on-the-fly/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="I love using Sublime Text as do many developers these days, but I just can't use it regularly for git commit messages.">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/posts/2016-04-10-changing-my-git-editor-on-the-fly/">
         <meta property="og:title" content="Changing My Git Editor On The Fly | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.comhttps://placehold.co/1200x630">

diff --git a/docs/posts/2016-04-18-productivity-hack-use-opposite-techniques/index.html b/docs/posts/2016-04-18-productivity-hack-use-opposite-techniques/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv="X-UA-Compatible" content="chrome=1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="These are two contrasting productivity techniques I've learned over the years, and show how they can be used to complete a specific task.">
+        <meta name="author" content="Shakeel Mohamed">
         <meta property="og:url" content="https://shakeelmohamed.com/posts/2016-04-18-productivity-hack-use-opposite-techniques/">
         <meta property="og:title" content="Productivity Hack: Use Opposite Techniques | Shakeel Mohamed — Strategic Brand Designer">
         <meta property="og:image" content="https://shakeelmohamed.comhttps://placehold.co/1200x630">