Merge pull request #194 from shakeelmohamed/develop

update about page

Author: shakeelmohamed

docs/about/index.html

@@ -184,14 +184,15 @@ <h2><a href="mailto:[email protected]" target="_blank">[email protected]</
                 <div>
                     <p class="caption">Skills</p><br>
                     <p><strong>Strong working knowledge of:</strong><br>Illustrator, InDesign, Photoshop, Figma, Premiere Pro, After Effects, Keynote, Glyphs, Blender</p><br>
-                    <p><strong>Familiar with:</strong><br>Midjourney, TouchDesigner, MadMapper, LiveSurface, Webflow, Squarespace, Cargo, WordPress, Artivive, Basecamp, Trello, Jira, Google Workspace, Microsoft Office, Dropbox, Slack, Twinmotion, Rhino, SketchUp</p><br>
+                    <p><strong>Familiar with:</strong><br>Affinity, Midjourney, TouchDesigner, MadMapper, LiveSurface, Webflow, Squarespace, Cargo, WordPress, Artivive, Basecamp, Trello, Jira, Google Workspace, Microsoft Office, Dropbox, Slack, Notion, Google Analytics, Twinmotion, Rhino, SketchUp</p><br>
                     <p><strong>Presentation and facilitation:</strong><br>Strategic thinking, collaboration, copywriting, product management, project management, community building, agile facilitation, scrum</p><br>
                     <p><strong>Programming:</strong><br>JavaScript, p5.js, Processing, Node.js, HTML, CSS, Python, Java, C, C++, Git</p>
                     <hr class="mobile-only">
                 </div>
                 <div></div>
                 <div>
                     <p class="caption">Recognition</p><br>
+                    <p><strong><a class="underline" href="https://www.wallofportfolios.in/portfolios/shakeel-mohamed/" target="_blank">Wall of Portfolios</a></strong><br>Featured Portfolio<br>2025</p><br>
                     <p><strong><a class="underline" href="https://www.bestfolios.com/portfolio/shakeelmohamed" target="_blank">Bestfolios</a></strong><br>Editor’s Pick: Portfolio<br>2025</p><br>
                     <p><strong><a class="underline" href="https://www.linkedin.com/posts/lithographix_artcentergx-activity-7333914789993160705-A71a" target="_blank">Lithographix ArtCenter Alumni Gallery</a></strong><br><a class="underline" href="../projects/mark-rothko">Mark Rothko Documentary Poster</a><br>2025</p><br>
                     <p><strong>The Planetary Society</strong><br>Two&nbsp;<a class="underline" href="../projects/planetary-society">Planetary Society Rebrand</a>&nbsp; posters selected for display in their headquarters.<br>2025</p><br>
@@ -201,6 +202,7 @@ <h2><a href="mailto:[email protected]" target="_blank">[email protected]</
                 </div>
                 <div>
                     <p class="caption">Speaking</p><br>
+                    <p><strong><a class="underline" href="https://www.linkedin.com/posts/activity-7376647120025694208-nPWb/" target="_blank">AIGA Design Conference (national)</a></strong><br>Ask Us Anything 3.0: Dr. Cheryl D. Miller and Invited West Coast BIPOC Best Performing Designers<br>2025</p><br>
                     <p><strong><a class="underline" href="https://www.instagram.com/p/DKiB81WBxfX/" target="_blank">Work in Progress</a></strong><br>Presented my&nbsp;<a class="underline" href="../projects/ontology/">Ontology</a>&nbsp;typeface project to 30&nbsp;designers.<br>2025</p><br>
                     <p><strong><a class="underline" href="https://www.instagram.com/p/DBzlhkMtHik/?img_index=2" target="_blank">AIGA Los Angeles: Graphic Content&nbsp;(conference)</a></strong><br>Deconstructing “Best”: Redefining Success for&nbsp;Designers<br>2024</p><br>
                     <p><strong><a class="underline" href="https://www.instagram.com/p/CqJdQNfPx1P/?utm_source=ig_web_copy_link&amp;igsh=MzRlODBiNWFlZA==" target="_blank">Type Thursday Los Angeles</a></strong><br>Presented my&nbsp;<a class="underline" href="../projects/typo-mexico-city/">TYPO Mexico City</a>&nbsp;branding project to 30&nbsp;designers.<br>2023</p><br>

docs/dist/tailwind.css

@@ -714,8 +714,7 @@ select {
     .newheader {
         z-index: 999;
         background: rgba(255, 255, 255, 0.9);
-        -webkit-backdrop-filter: blur(1rem);
-                backdrop-filter: blur(1rem);
+        backdrop-filter: blur(1rem);
 
         margin-top: -2rem;
         padding-top: 1.5rem;
@@ -1126,9 +1125,9 @@ select {
     a {
         /* TODO:  might be nice to do a different transition, box border trace? */
         /* example:  https://codepen.io/mehi/pen/MyWqPM; */
-        transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+        transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         transition-duration: 150ms;
     }
@@ -1988,9 +1987,9 @@ select {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 .transition {
-  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -2018,9 +2017,9 @@ select {
         @apply font-light;
     } */
 .prose a {
-  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -2054,9 +2053,9 @@ img.emoji {
         max-width: 100vw;
 }
 .mailto {
-  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }

src/about/index.pug

@@ -137,7 +137,7 @@ block content
             p
                 strong Familiar with:
                 br
-                | Midjourney, TouchDesigner, MadMapper, LiveSurface, Webflow, Squarespace, Cargo, WordPress, Artivive, Basecamp, Trello, Jira, Google Workspace, Microsoft Office, Dropbox, Slack, Twinmotion, Rhino, SketchUp
+                | Affinity, Midjourney, TouchDesigner, MadMapper, LiveSurface, Webflow, Squarespace, Cargo, WordPress, Artivive, Basecamp, Trello, Jira, Google Workspace, Microsoft Office, Dropbox, Slack, Notion, Google Analytics, Twinmotion, Rhino, SketchUp
             br
             p
                 strong Presentation and facilitation:
@@ -153,6 +153,14 @@ block content
         div
             p.caption Recognition
             br
+            p
+                strong
+                    a.underline(href="https://www.wallofportfolios.in/portfolios/shakeel-mohamed/" target="_blank") Wall of Portfolios
+                br
+                | Featured Portfolio
+                br
+                | 2025
+            br
             p
                 strong
                     a.underline(href="https://www.bestfolios.com/portfolio/shakeelmohamed" target="_blank") Bestfolios
@@ -213,6 +221,14 @@ block content
         div
             p.caption Speaking
             br
+            p
+                strong
+                    a.underline(href="https://www.linkedin.com/posts/activity-7376647120025694208-nPWb/" target="_blank") AIGA Design Conference (national)
+                br
+                | Ask Us Anything 3.0: Dr. Cheryl D. Miller and Invited West Coast BIPOC Best Performing Designers
+                br
+                | 2025
+            br
             p
                 strong
                     a.underline(href="https://www.instagram.com/p/DKiB81WBxfX/" target="_blank") Work in Progress

todo.md

@@ -14,15 +14,15 @@ https://cardiff.marketing/pug-in-eleventy-making-it-work/
 ## ASAP
 
 - [X] update resume with Talisman Freelance Senior designer
-- [ ] skills to add: Google Analytics, Notion
+- [ ] update skills on resume PDF: Google Analytics, Notion, Affinity (and match order)
 - [ ] move all logo family / kit of parts stuff to the bottom of each project (before process)
 - [ ] MJ: brand guidelines
 - [ ] MJ: brand inspiration book (better name)
 - [ ] secret/hidden landing pages for video editing, tech, etc.
 
 ## Bio revision
 
-- [ ] TPS: wristband motion... there is not face between inside/outside oops!
+- [ ] TPS: wristband motion... there is not face between inside/outside oops! Also make it loop perfectly
 - [ ] TPS: show motion design system (3x vertical social posts, LT, slates/bumpers) - show the system/grid, adaptive resizing
 - [ ] check OG images for projects, then posts, etc. Consider gif/video versions
 - [ ] Experience... consider Parenthetical titles or in 1 line summary at the top: Product Manager (Functionally leading roadmap without formal title)
@@ -80,6 +80,34 @@ Others
 - [ ] TPS: process is missing
 - [ ] Can update bio to speak about trained as a designer all along (clearly explain why I changed careers)
 
+## From Petrula
+
+don’t say microsite
+- hiring + creative talent
+- less spreads for Rothko, less motion on egawa just make it stills
+- say documentary
+- better transition between projects
+- thesis at the end + lead in with speaking
+- research was informed by deep research, the next project is also a deep exploration of that + includes my work for Mark Rothko
+
+## Positioning reflection @ graduation
+
+I have the rest of my life to prove this thesis - this is my design philosophy
+
+There’s nothing left to prove, I already did that throughout my entire MFA before this
+
+like PV said “I’m already over-qualified to speak about my thesis”
+
+I need to claim my expertise, balance with humility
+
+I didn’t come to accd to become a GD, but edu limits that scope + industry definition of GD…. 
+——> would be more respected in 20 years
+— > I never wanted to be the BEST GD
+
+Teaching would be rly good for me, but need to find a better fit
+
+Hermes - highest vis sponsored studio ever, and being the TA is the validation fs
+
 
 ## Grad show