Notes on Stephen Ajuluhttps://ajulu.netlify.app/notes/Short notes, thoughts, and stream of consciousness.Hugo -- gohugo.ioen-usajulu.b22uf@aleeas.com (Stephen Ajulu)ajulu.b22uf@aleeas.com (Stephen Ajulu)Stephen Ajulu.Fri, 08 May 2026 07:15:00 +0000Milestone: High Performance & SEO Foundationshttps://ajulu.netlify.app/notes/performance-seo-milestone/Fri, 08 May 2026 07:15:00 +0000https://ajulu.netlify.app/notes/performance-seo-milestone/<p>Just completed another major sprint focused on speed and discoverability. The site is now faster, smarter, and ready for Google. ⚡</p> <p><strong>What&rsquo;s new:</strong></p> <ul> <li><strong>Performance Overhaul:</strong> Drastically reduced LCP and eliminated layout shifts (CLS) by implementing an automated responsive image pipeline (WebP/Srcset) and adding strict dimensions to all critical media.</li> <li><strong>Render Optimization:</strong> Moved scripts to non-blocking <code>defer</code> mode and preloaded critical assets to ensure the &ldquo;snappiest&rdquo; possible initial load.</li> <li><strong>SEO &amp; Google Search Console:</strong> Fixed sitemap path issues by enforcing absolute URLs and added a <code>robots.txt</code> for better indexing.</li> <li><strong>Infrastructure Safety:</strong> Refined the Netlify Identity and Paystack automation bridge for more robust membership handling.</li> <li><strong>Documentation:</strong> Fully modernized the project README to reflect the new architecture and IndieWeb principles.</li> </ul> <p>aju.lu is now effectively a high-performance engine for sovereign content. Next step: Scaling the membership experience. #WebPerf #SEO #CoreWebVitals #DevUpdate</p>Just completed another major sprint focused on speed and discoverability. The site is now faster, smarter, and ready for Google. ⚡

What’s new:

  • Performance Overhaul: Drastically reduced LCP and eliminated layout shifts (CLS) by implementing an automated responsive image pipeline (WebP/Srcset) and adding strict dimensions to all critical media.
  • Render Optimization: Moved scripts to non-blocking defer mode and preloaded critical assets to ensure the “snappiest” possible initial load.
  • SEO & Google Search Console: Fixed sitemap path issues by enforcing absolute URLs and added a robots.txt for better indexing.
  • Infrastructure Safety: Refined the Netlify Identity and Paystack automation bridge for more robust membership handling.
  • Documentation: Fully modernized the project README to reflect the new architecture and IndieWeb principles.

aju.lu is now effectively a high-performance engine for sovereign content. Next step: Scaling the membership experience. #WebPerf #SEO #CoreWebVitals #DevUpdate

]]>Milestone: Membership & Accessibility Livehttps://ajulu.netlify.app/notes/membership-live/Wed, 06 May 2026 20:00:00 +0000https://ajulu.netlify.app/notes/membership-live/<p>Huge progress over the last few days. We&rsquo;ve officially launched the membership engine for aju.lu! 🚀</p> <p><strong>Highlights:</strong></p> <ul> <li><strong>Identity &amp; Plans:</strong> Integrated Netlify Identity for secure member accounts.</li> <li><strong>Localized Payments:</strong> Connected Paystack to automate &ldquo;Premium&rdquo; role assignment via M-Pesa.</li> <li><strong>Content Gating:</strong> Implemented the &lsquo;{{&lt; member-only &gt;}}&rsquo; system for exclusive deep-dives.</li> <li><strong>Accessibility:</strong> Conducted a full WCAG 2.2 audit. Added skip-links, fixed color contrast, and implemented reduced-motion support.</li> <li><strong>Refinement:</strong> Surgical fixes for code block responsiveness and long-text wrapping.</li> </ul> <p>Next up: Refining the automated payment bridge and prepping this architecture to become a reusable Hugo theme. The sovereign web is getting a bit more polished every day. #IndieWeb #A11y #DevUpdate</p>Huge progress over the last few days. We’ve officially launched the membership engine for aju.lu! 🚀

Highlights:

  • Identity & Plans: Integrated Netlify Identity for secure member accounts.
  • Localized Payments: Connected Paystack to automate “Premium” role assignment via M-Pesa.
  • Content Gating: Implemented the ‘{{< member-only >}}’ system for exclusive deep-dives.
  • Accessibility: Conducted a full WCAG 2.2 audit. Added skip-links, fixed color contrast, and implemented reduced-motion support.
  • Refinement: Surgical fixes for code block responsiveness and long-text wrapping.

Next up: Refining the automated payment bridge and prepping this architecture to become a reusable Hugo theme. The sovereign web is getting a bit more polished every day. #IndieWeb #A11y #DevUpdate

]]>Project Milestone: Site Modernizedhttps://ajulu.netlify.app/notes/site-modernized/Mon, 27 Apr 2026 11:00:00 +0000https://ajulu.netlify.app/notes/site-modernized/<p>Just wrapped up a massive transformation of this site. We&rsquo;ve moved to Hugo 0.160+, implemented a full PWA (Service Worker + Manifest), added lightning-fast client-side search with Fuse.js, and established a themed Portfolio and Services section. We&rsquo;re now moving into the final phase: deep cleaning 250+ migrated posts to ensure every image and description is perfect. The journey to a sovereign digital identity continues. #DevUpdate #Sovereignty</p>Just wrapped up a massive transformation of this site. We’ve moved to Hugo 0.160+, implemented a full PWA (Service Worker + Manifest), added lightning-fast client-side search with Fuse.js, and established a themed Portfolio and Services section. We’re now moving into the final phase: deep cleaning 250+ migrated posts to ensure every image and description is perfect. The journey to a sovereign digital identity continues. #DevUpdate #Sovereignty

]]>Note with Mediahttps://ajulu.netlify.app/notes/media-test/Sat, 25 Apr 2026 09:00:00 +0000https://ajulu.netlify.app/notes/media-test/<p>Excited to share a quick glimpse of the new workspace setup!</p> <p><img src="https://images.unsplash.com/photo-1497215728101-856f4ea42174?q=80&amp;w=1000&amp;auto=format&amp;fit=crop" alt="Workspace"></p> <p>Check out this interesting article on <a href="https://indieweb.org">IndieWeb</a>.</p> <p>I&rsquo;m also testing video support:</p> <video controls width="100%"> <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <p>#HeadingsWorkToo</p>Excited to share a quick glimpse of the new workspace setup!

Workspace

Check out this interesting article on IndieWeb.

I’m also testing video support:

#HeadingsWorkToo

]]>Note: 2026-04-26 08:15https://ajulu.netlify.app/notes/on-craft/Sat, 25 Apr 2026 08:15:00 +0000https://ajulu.netlify.app/notes/on-craft/<p>&ldquo;The intersection of craft and utility is where the best products are built.&rdquo; - Just a thought that came to mind while refactoring some SCSS.</p> <div class="see-also-preview"> <div class="see-also-label">Recommended Read</div> <div class="see-also-body"> <div class="see-also-text"> <h4 class="see-also-title"><a href="https://ajulu.netlify.app/posts/">Blog</a></h4> <p class="see-also-summary"></p> </div> </div> </div>“The intersection of craft and utility is where the best products are built.” - Just a thought that came to mind while refactoring some SCSS.

Recommended Read

Blog

]]>Note: 2026-04-26 08:00https://ajulu.netlify.app/notes/first-note/Sat, 25 Apr 2026 08:00:00 +0000https://ajulu.netlify.app/notes/first-note/<p>Working on the new site enhancements today. The dark mode toggle feels really smooth, and I&rsquo;m excited to start filling the portfolio with some recent design work. #DevLog #IndieWeb</p><p>Working on the new site enhancements today. The dark mode toggle feels really smooth, and I&rsquo;m excited to start filling the portfolio with some recent design work. #DevLog #IndieWeb</p>