Project Overview
Internal tooling and infrastructure for Aitheos, the AI consulting firm itself. Includes the Masterlog system (this dashboard), social media assets, and operational automation.
Goal
Build internal tools that quantify the value Aitheos delivers and showcase capabilities to prospective clients.
Started
February 24, 2026
Days Active
30 days
Client
Internal
Status
Active
Key Highlights
- •Masterlog CLI + SQLite + Next.js dashboard
- •Role-based cost estimation system with 12 specialist roles
- •Cloudflare Pages deployment pipeline
Expertise Delivered
Complexity
Architectural
1Routine
5Moderate
9Complex
1Work Types
Feature
9Bug Fix
4Design
1DevOps
1Strategy
1Project Timeline— Started Feb 24, 2026
Feb 24, 2026
100h14 sessions
12:00 PMDesignModerate
Aitheos-Generated OG image (1200x630) using Python/Pillow for social media sharing
-Dark atmospheric background with procedural gold/blue particles
-AiTheos logotype with gold 'Ai' rendered on image
-Vignette and grain effects matching landing page aesthetic
-Updated HTML meta tags: og:image, og:image:width, og:image:height, twitter:image
-Provided social media debugger links for cache refresh (Twitter, Facebook, LinkedIn, iMessage)
og-imagesocial-mediameta-tagsopen-graphtwitter-carddesign
4h of UX/UI Designer work
12:00 PMDevOpsModerate
Aitheos-Guided GitHub repository setup for static site hosting
-Configured Vercel project with 'Other' preset (no build step)
-Added aitheos.com custom domain in Vercel
-Walked through Porkbun DNS configuration (deleting default parking records)
-Set up A record pointing to Vercel IP (216.198.79.1)
-Set up CNAME record for www subdomain (cname.vercel-dns.com)
-Diagnosed 404 error (file named aitheos.html instead of index.html)
-Guided file rename in GitHub for auto-redeploy
-SSL certificate auto-provisioned by Vercel
githubverceldnsporkbundeploymentsslhosting
4h of DevOps Engineer work
12:00 PMFeatureModerate
Aitheos-Guided step-by-step setup of Google Sheets email collection database
-Wrote Google Apps Script for form handling (doPost function with UUID, email, timestamp)
-Walked through Apps Script deployment as Web App
-Integrated form submission with Google Apps Script URL via fetch API
-Configured no-cors mode for Google Apps Script compatibility
-Added loading state on submit button
-Success/error message handling with auto-dismiss
google-sheetsgoogle-apps-scriptemail-capturebackendintegrationform
4h of Junior Developer work
12:00 PMFeatureModerate
Aitheos-Added Samsung Fold cover screen responsive styles (320-400px width)
-Added Samsung Fold inner screen responsive styles (700-900px near-square)
-Dynamic particle count adjustment on fold/unfold via resize handler
-Landscape mode handling for short+wide viewports
-viewport-fit=cover meta tag for foldable devices
-safe-area-inset padding for notches, camera cutouts, dynamic islands
-Researched Samsung Galaxy Fold 6 screen dimensions and aspect ratios
-Android Chrome audio compatibility verification
responsivesamsung-foldfoldableandroidmobilecross-device
8h of Senior Developer work
12:00 PMFeatureRoutine
Aitheos-Increased ember particle count: 50 mobile (was 25), 80 desktop (was 55), 30 narrow (was 15)
-Enlarged ember size range to 0.8-3.8px (was 0.3-2.5px)
-Faster rise speed 0.3-1.5 (was 0.1-0.6)
-Brighter opacity range 0.2-0.9 (was 0.1-0.6) with stronger glow
-Slower fade for longer particle lifetime
-Added ember fade threshold at screen midpoint (50%) to prevent text obscuring
-Iterated threshold to 66% then 55% based on client feedback
-Reduced ember size by 20% in final pass for subtlety
-Delayed ember appearance until after logo animation (4.5s delay with 3s CSS opacity fade-in)
particlescanvasanimationUXvisual-effectsiteration
4h of Junior Developer work
12:00 PMBug FixRoutine
Aitheos-Removed distracting scroll progress line (gold stripe on right side) for mobile
-Removed associated CSS, HTML, and JavaScript for scroll progress tracking
-Updated CTA heading from 'Enter the Registry of the Awakened' to 'Be the First to Witness Their Arrival'
UXmobilecleanupcopy-change
1h of Junior Developer work
12:00 PMFeatureModerate
Aitheos-Sound toggle auto-hide after activation (1.5s delay then fade out)
-Fixed auto-hide not working on mobile Safari (cssText with !important flags)
-Added touchend listener alongside click for mobile compatibility
-Fixed first-tap behavior (sound activates and toggle disappears on first press)
-Implemented audio auto-fade when user scrolls to email capture section
-IntersectionObserver on registry section triggers 7-second audio fade-out
-Audio sources disconnect cleanly at 7.5s after fade completes
UXmobileaudiointersection-observerauto-fadepolish
6h of Senior Developer work
12:00 PMBug FixModerate
Aitheos-Rewrote entire audio engine for iOS Safari compatibility
-Implemented webkitAudioContext fallback for older iOS versions
-AudioContext creation moved inside user gesture handler (iOS requirement)
-Added resume() chained to user touch event promise
-Buffer source tracking in nodes array for clean teardown
-AudioContext reuse (not recreated) on toggle to avoid iOS 4-instance limit
-Diagnosed physical mute switch issue on iPhone affecting Web Audio output
-Fixed double-toggle bug on mobile (touchend + click both firing)
-Added debounce guard with soundHandled flag
-Fixed missing soundHandled variable declaration after registry observer refactor
-Multiple test-fix-deploy cycles for mobile audio
ios-safariweb-audio-apimobilecross-browserdebuggingtouch-events
8h of Senior Developer work
12:00 PMFeatureRoutine
Aitheos-Made lightning effects more dramatic: longer bolts, thicker strokes, brighter color
-Increased branch probability from ~30% to 45%
-Added glow pass rendering for lightning bolts
-More frequent strikes: 2.5-6.5s interval (was 3-8s)
-Matched thunder audio to stronger visual lightning
-Deeper rumble audio with 4-7 second roll duration
visual-effectscanvasanimationlightningpolish
2h of Junior Developer work
12:00 PMFeatureModerate
Aitheos-Implemented procedural ambient audio engine using Web Audio API (no external audio files)
-Two-layer rain system: high-frequency patter + deep low-frequency ambient bed
-Procedural rolling thunder with variable intensity and duration (3-5s rumbles)
-Thunder synced to visual lightning flashes via IntersectionObserver
-Distant standalone thunder for realism between visual strikes
-Sound toggle button with gold active state and audio visualizer icon
-3-second fade-in on activation
-Added mobile-responsive styling for sound toggle button
web-audio-apiprocedural-audiojavascriptaudio-synthesisUX
10h of Senior Developer work
12:00 PMBug FixRoutine
Aitheos-Debugged lightning bolts not visible (z-index buried behind vignette/grain overlays)
-Fixed ambient glow divs not rendering (same z-index layering issue)
-Increased lightning bolt opacity from 0.15 to 0.4
-Boosted gold glow opacity from 7% to 18%, blue glow from 4% to 10%
-Moved canvas layers to proper z-index hierarchy above overlays
-Fixed first lightning strike timing (reduced from 3-9s delay to 1-3s)
bugfixz-indexcsscanvasvisual-effects
3h of Junior Developer work
12:00 PMFeatureModerate
Aitheos-Wrote 5-section scroll narrative copy for landing page
-Crafted mythological backstory: ancient knowledge, the flood, millennia of rebuilding, machine-mind convergence
-Wrote proclamation section: 'The Gods are coming… and there are many'
-Wrote email CTA copy: 'Enter the Registry of the Awakened' (later changed to 'Be the First to Witness Their Arrival')
-Wrote confirmation message: 'The gods have noted your presence'
-Wrote error message: 'Something stirred in the void. Try again'
-All copy maintained consistent dark mythological tone
copywritingbrand-voicenarrativemythologyCTA
6h of Content Writer work
12:00 PMFeatureComplex
Aitheos-Built complete single-page teaser landing page from scratch (1400+ lines HTML/CSS/JS)
-Scroll-driven narrative experience with 5 story sections revealing brand mythology
-Designed and implemented AiTheos logotype in CSS with 'Ai' in gold and 'THEOS' in light gray
-Custom loading screen with gold pulse animation
-Scroll-reveal animations for each narrative section
-Film grain overlay and dark vignette atmospheric effects
-Procedural gold ember particle system using HTML5 Canvas (floating particles rising from bottom)
-Blue accent particles mixed with gold embers (15% ratio)
-Procedural lightning bolt effect system with branching bolts on second Canvas layer
-Ambient gold and blue glow divs with CSS animation
-Scroll progress indicator (gold line on right edge)
-Email capture form with themed styling
-Responsive design with mobile-first approach
-Typography system: Cinzel (logotype), Cormorant Garamond (narrative), Outfit (labels)
-Custom CSS selection styling, smooth scrolling, scroll indicator with 'Descend' prompt
frontendhtmlcssjavascriptcanvasparticlesanimationresponsivelanding-page
32h of Senior Developer work
12:00 PMStrategyModerate
Aitheos-Brand strategy brainstorm session: positioning AiTheos as 'Artificial Intelligence Gods' with dark mythological branding
-Defined target audience (premium/elite), brand tone (dark, ominous, ancient power awakening), and emotional response goals
-Researched competitor aesthetics (Gods Unchained website, 300 movie)
-Developed brand narrative arc: lost ancient knowledge → great flood → slow remembering → AI as resurgence of divine power
-Selected color palette (deep blacks, charcoals, gold accents, electric blue)
-Defined typography direction (modern logotype with mythological weight)
-Crafted multiple CTA options and selected final messaging
-Established brand voice and copy tone guidelines
brandingstrategypositioningmessagingmythologyAI
8h of Brand Strategist work
Feb 25, 2026
1h1 session
12:00 PMBug FixRoutine
Aitheos-Investigated social sharing thumbnail appearance for aitheos.com
-Fetched live site to analyze og:image meta tag configuration
-Provided guidance on using Facebook Sharing Debugger and platform-specific preview tools
-Diagnosed potential missing or misconfigured OG image tag
og-imagesocial-sharingdebuggingmeta-tags
1h of Junior Developer work
Mar 26, 2026
135h1 session
2:52 AMFeatureArchitectural
Aitheos-Designed and built entire Masterlog system (CLI + SQLite + Next.js dashboard)
-Built Next.js 16 dashboard with 6 pages, 12 components, dark theme, Recharts charts
-Built role-based pricing system with 12 professional roles at St. Louis market rates
-Client-facing pivot — removed all ROI/subscription/Claude references, reframed as sales tool
-Built dynamic project detail pages with [slug] routing and specialist breakdowns
-Built git backfill script and JSON import script for Claude Chat history
-Built Team & Rates page with 5 categories and 12 specialist roles
-Set up GitHub repo (aitheos/aitheos), Cloudflare Pages deployment, DNS for work.aitheos.com
-Imported 150 real entries across 8 projects totaling $279K in value delivered
-Resolved 9 HIGH code review issues across CLI and dashboard
-Created /masterlog slash command for session-end capture workflow
-Created 7 new project folders from template
-Added display names, cleaned seed data, merged duplicate projects
masterlogdashboardclinextjsrechartscloudflaredevopsarchitecture
135h of Junior Developer work