FOOD4THOTH

Creator · Curator · Collaborator

Creative Technologist · Interactive Web Builder · Multimedia Systems Designer

I design and build immersive web experiences combining JavaScript interactivity, audio tools, games, symbolic systems, maps, and experimental interfaces. I rapidly learn, prototype, and ship complex interactive experiences across design, sound, games, and symbolic systems.

"When the going gets weird, the weird go pro."

— DeJahn —

482+ published pages 40+ tarot/oracle systems browser audio tools a variety of playable games interactive maps story engines built in <1 year

★ FLAGSHIP PROJECTS 🎮 CASE STUDY ✉ EMAIL ⌘ GITHUB ◎ INSTAGRAM ↓ COLLABORATE

● Open to freelance · creative tech · front-end · contract · collaboration

⌄

482 pagestarot enginesthree.js portalstone.js-powered experiencesleaflet community mapsweb comicsbranching narrative gamestoken-gated experimentsritual interfacespsychedelic UI systemsdigital mystery school architecture40+ tarot variants122 narrative nodesWebGL shadersAI-assisted invention 482 pagestarot enginesthree.js portalstone.js-powered experiencesleaflet community mapsweb comicsbranching narrative gamestoken-gated experimentsritual interfacespsychedelic UI systemsdigital mystery school architecture40+ tarot variants122 narrative nodesWebGL shadersAI-assisted invention

📄 1-Page Resume PDF 📋 2-Page Resume PDF 🖥️ Front-End Developer TAILORED 🔮 Creative Technologist TAILORED

THE ARCHITECT

WHO FEEDS THOTH?

𓂀

DeJahn is the architect of Food4Thoth.com — a living, breathing digital ecosystem at the convergence of art, technology, mysticism, and radical possibility.

In under a year, with no prior programming experience, DeJahn built a sprawling 482-page interactive platform of portals, games, tarot systems, branching narratives, WebGL experiments, audio tools, maps, and digital rituals — by mastering AI-assisted development workflows, shipping relentlessly, and treating code as a living art form.

Part Buckminster Fuller geodesic visionary, part Hakim Bey autonomous zone builder, part Hunter S. Thompson reality-warper — DeJahn channels the Hermetic principle of "As Above, So Below" into every pixel and every line of code.

Food4Thoth is not a website. It's a Temporary Autonomous Zone encoded in light — a Solar Punk cathedral reassembled through radical imagination, where every visitor is invited to fall through the membrane and discover what's been hiding in the corners of consciousness.

Creator of immersive digital ecosystems blending Hermetics, solarpunk futurism, AI-assisted invention, community art, experimental music, anti-authoritarian imagination, and playable web design. Fast learner. Constant shipper. Systems poet. Builder of unlikely things.

FLAGSHIP PROJECTS

TOP BUILDS · WHAT · WHY · HOW · WHAT IT PROVES

🌀 Food4Thoth.com — 482-Page Digital Ecosystem

A sprawling interactive platform of portals, games, tarot systems, narratives, audio tools, maps, and digital rituals — designed, built, and shipped in under a year with no prior programming background.

What I did: Full design, architecture, coding, creative direction, content systems
Built with: HTML, CSS, JavaScript, Web Audio API, Three.js, Leaflet.js, Canvas
Why it matters: Proves ability to manage extreme scope, learn rapidly, and ship consistently
What employers infer: Self-directed builder who can own a product from concept to deployment

Live Site GitHub

🔮 40+ Tarot and Oracle Engines

Reimagined divination systems for the browser — custom layouts, spread logic, card state management, symbolism, animations, and interactive reading interfaces.

What I did: UI/UX design, state logic, symbolic systems, interaction design
Built with: JavaScript, CSS animations, DOM manipulation, responsive layouts
Why it matters: Demonstrates complex state management and creative UI thinking
What employers infer: Can build rich interactive tools with symbolic/data-driven interfaces

Tarot Together I-Ching Oracle

🎵 Browser Audio Laboratory

Real-time playable synth with 8 keys, 4 waveforms, reverb/delay effects, frequency visualizer, and a 6-row × 16-step drum machine with 24 sound variants — all built with pure Web Audio API.

What I did: Audio architecture, synthesis, sequencer logic, UI design
Built with: Web Audio API, Canvas visualization, real-time DSP
Why it matters: Shows ability to build complex real-time interactive systems
What employers infer: Can handle audio-reactive, timing-critical, and creative technical projects

Sound Visualizer Arp Synth Arp + Visuals

🗺️ Civic Community Mapping Platform

Interactive Leaflet.js maps linking community gardens, voting resources, and neighborhood infrastructure with marker clustering, dark-themed popups, and lazy-loading.

What I did: Map design, data architecture, marker systems, community UX
Built with: Leaflet.js, MarkerCluster, custom icons, responsive layout
Why it matters: Extends web skills into civic technology and place-based design
What employers infer: Can build practical community tools, not just art projects

Portland Map Garden Land Black Business Eugene

🎮 4 Playable Canvas Games

Ouroboros (snake with 8-dir touch), Memory Palace (sacred symbols), Reflex Gate (reaction tester), Signal Collector (action game with escalating difficulty) — all with mobile touch support.

What I did: Game logic, rendering, input handling, mobile optimization
Built with: Canvas 2D, requestAnimationFrame, touch events, collision detection
Why it matters: Proves game development fundamentals and cross-device thinking
What employers infer: Can build interactive, real-time, performance-sensitive web applications

Eye SPY Game New School Game Kid

📖 122-Node Branching Story Engine

A full choose-your-own-adventure system with typewriter effect, stat tracking (wisdom/courage/vision), 30+ unique endings, and recursive narrative architecture.

What I did: Narrative design, state machine, UI/UX, writing
Built with: JavaScript object graph, DOM rendering, CSS transitions
Why it matters: Demonstrates complex data structures, content systems, and interactive storytelling
What employers infer: Can design and build content-driven interactive experiences at scale

Choose Your Adventure Trent's Storybook

🌐 Three.js Worlds & Portal Visuals

Browser 3D and shader visuals creating moving atmospheres, symbolic spaces, and immersive environments with psychedelic, cosmic, and ritual aesthetics.

What I did: GLSL shader programming, 3D scene design, mouse-reactive visuals
Built with: Three.js, WebGL, GLSL Shaders, requestAnimationFrame
Why it matters: Shows ability to work with GPU-accelerated graphics in the browser
What employers infer: Can build immersive visual experiences beyond standard DOM/CSS

🤖 AI-Assisted Development Workflow

Used AI to accelerate learning, architecture, debugging, styling, synthesis, and production velocity across hundreds of experiments and deliverables. The real skill is direction, taste, persistence, decomposition, evaluation, and turning language into shipped software.

What I did: Workflow design, prompt architecture, iterative refinement, quality control
Built with: AI-assisted prototyping, conversational iteration, rapid deployment pipelines
Why it matters: Demonstrates a modern creative-technical workflow that multiplies output without sacrificing quality
What employers infer: Understands how to leverage AI as a force multiplier, not a crutch

📚 Comics, Zines & Poetic Web Experiences

Web layout, image sequencing, text rhythm, scroll dramaturgy, and symbolic narrative combined into browser-native comics and reading experiences.

What I did: Visual narrative design, scroll-based interaction, typographic pacing
Built with: HTML, CSS, JavaScript, responsive image systems
Why it matters: Proves that web skills extend into publishing, editorial, and visual storytelling
What employers infer: Can design narrative-driven, content-rich web experiences with editorial sensibility

Prayer Children's Fade Trent's Storybook

✦ Philosophy Into Form

Ideas translated into design language: Hermetics, Solarpunk, Anarchism, Hope-Core — not just content about transformation, but interfaces that behave like transformation.

What I did: Conceptual design, symbolic interface architecture, thematic coherence
Built with: Design thinking, symbolic systems, creative direction
Why it matters: Shows that design decisions are driven by meaning, not just aesthetics
What employers infer: Can translate abstract concepts into coherent, engaging interactive experiences

CASE STUDY

TERMINAL GAME → APPLE APP STORE · FULL DEVELOPMENT LIFECYCLE

🎮 EXPLORE THE FULL JOURNEY SHIPPED TO APP STORE 🍎 APP STORE

🍎 Published on the Apple App Store

From a terminal Python script to a shipped iOS game — built from scratch through experimentation, iteration, and creative engineering.

App Store TestFlight Stick Fight Repo Artabillies Jug Repo First Dev Chat

🌱 Phase 1 — Terminal Origins

The journey started with Python scripts in the terminal: ASCII art, text-based rendering, and simple scripted interactions. These weren't just exercises — they established a design philosophy blending retro aesthetics with playful experimentation.

Early Explorations

ASCII image generation — Python scripts producing visual art in terminal environments
Stick-figure animations using Pygame with music and interactive movements
Terminal-based rendering and text-driven visual design
Early debugging: python vs python3, file path resolution, working directory context

Artabillies Jug Stick Fight

🎮 Phase 2 — Terminal Game Prototype

The core concept: move a player, avoid enemies, collect points — running entirely inside the terminal. Built with Python's curses for rendering and pygame.mixer for audio.

Core Mechanics

Player character, enemies, collectible dots, live score tracking
Real-time movement and reactions in terminal
Continuous dot spawning and enemy collision detection
Difficulty scaling — enemies increase in count and speed with score

Engineering Challenges Solved

_curses.error: add_wch() returned ERR — fixed with boundary clamping
Audio file path resolution — learned execution context and working directory behavior
Rendering crashes from drawing outside terminal bounds

🌐 Phase 3 — Terminal → Web Engine

The breakthrough transformation: porting the Python terminal game into a browser-based Canvas game with HTML5, CSS, and JavaScript.

Architecture Shift

Terminal rendering → HTML5 Canvas API
Python runtime → JavaScript
Local terminal → browser-based cross-platform engine
Game loop via requestAnimationFrame

Cross-Platform Input System

Mobile: tap-to-move with continuous vector-based motion
Desktop: click-to-move mirroring touch behavior
Keyboard: arrow keys and WASD with directional override
Unified control logic across all platforms

Audio Engine

Background DnB-style retro loop, gem pickup sounds, game over effects
Solved browser autoplay restrictions — audio triggered by user interaction
DOM audio element mismatch debugging and defensive playback checks

Critical Bug Fixes

Collision detection rewritten with full AABB bounding-box system for 360° accuracy
Null audio object errors fixed with DOM ID alignment and defensive checks
Responsive fullscreen canvas with dynamic resize support

🖥️ Phase 4 — UI Systems & Game Loop

The game grew into a complete arcade experience with multiple interface states and replayability systems.

Interface States

Start screen with title, rules, thematic instructions, and start button
Active game canvas with live HUD
Game over screen with score, high scores, and try-again flow
Top 3 high score system with sorted ranking
Clean state reset and restart loop

Expanded Features

Power-ups: speed boost, invincibility, score multipliers
Dynamic enemy mechanics — speed and quantity scale with progress
Retro monospace visuals with bright arcade color accents
Responsive design for phones, tablets, and desktops

🚀 Phase 5 — Deployment Evolution

From first HTML build to themed variants, Replit dev environments, and mobile deployment pipeline.

🍎 Phase 6 — TestFlight → Apple App Store

The project reached its major milestone: a published iOS game on the Apple App Store, built from scratch through experimentation and iteration.

TestFlight Beta 🍎 Apple App Store

Current & Next-Gen Development

A new unified edition is in progress with a free access model, donation support, purchasable skins and sprite variants, background customization, and trial-to-purchase flow.

New Dev Build

🧬 System Architecture

GAME ENGINE

Canvas + requestAnimationFrame real-time rendering

INPUT SYSTEM

Touch, mouse, keyboard — unified cross-platform

AUDIO ENGINE

HTML audio with interaction-triggered playback

GAME LOGIC

Movement vectors, AABB collision, difficulty scaling

UI LAYER

Start, play, game over, scoreboard states

DEPLOYMENT

Web → Replit → TestFlight → App Store

Idea → Terminal Prototype → Debugging → System Design → Web Engine → Multi-Platform Build → Themed Variants → TestFlight → App Store Release → Monetized Expansion

A complete indie game development lifecycle — from first Python script to published mobile app.

✦ Key Accomplishments

Cross-platform development: Terminal → browser → mobile app, unified controls across devices
Gameplay design growth: Escalating challenge, replay loops, audio feedback, multi-input controls, customizable visuals
User-focused accessibility: Works on phones, desktops, touch screens, mouse, and keyboard-first play
Production milestone: Published App Store product from a self-directed creative and technical process
Scalable framework: Infrastructure for skins, cosmetics, monetization, and multi-game expansion

MANIFESTO OF METHOD

HOW THE IMPOSSIBLE GETS BUILT

I don't separate code from art, interface from philosophy, or utility from wonder. I build things that function — and also things that invite, provoke, enchant, and reconfigure attention.

⚡ Rapid Synthesis

Absorb new technical concepts quickly, combine them across domains, and deploy results before the momentum dies.

🧬 Living Prototypes

Ship early, refine constantly, and let the project evolve through active experimentation rather than overplanning.

🤖 AI as Amplifier

Use AI not as a crutch, but as a force multiplier for architecture, iteration, troubleshooting, style transfer, and invention.

🔮 Beauty With Teeth

Create interfaces that are not merely polished, but symbolically charged, emotionally resonant, and structurally alive.

A portfolio should not whisper "I can help."
It should thunder "I already built the impossible."

482 pages, 40+ tarot systems, 4 games, browser audio tools, interactive maps, and a 122-node story engine — all built in under a year from zero programming background. This page is the proof: interactivity as worldview, code as collage, the browser as a living zone for radical imagination.

THE WORKS

PORTALS OF CREATION

🌀

Hermetic Archives

Deep dives into the Emerald Tablet, the Kybalion, and the sevenfold principles. Interactive explorations of As Above So Below — translated for the digital age.

Akashic Deep Dive Haudenosaunee Teachings

🏗️

Fullerene Futures

Inspired by Buckminster Fuller's synergetics — geodesic thinking applied to social architecture, resource distribution, and doing more with less for all humanity.

☀️

Solar Punk Visions

Futures that taste like sunlight and smell like rain on permaculture gardens. Post-capitalist, regenerative, and radically beautiful worldbuilding.

Community Garden Land Gardens Info Hub

🎨

Art & Curation

Multimedia galleries, collaborative zines, generative art experiments, and curated collections that blur the line between creation and consciousness.

Fractal Drawing Tool GIF Art Creator Mescalito Visuals

🏴

Autonomous Zones

Hakim Bey meets the metaverse. Temporary and permanent autonomous digital zones — spaces where hierarchy dissolves and mutual aid becomes code.

Black Business Eugene

🔮

Divination Tools

Tarot engines, I-Ching generators, astrological calculators — ancient wisdom systems rebuilt with modern interactivity and psychedelic aesthetics.

I-Ching Photo Oracle Tarot Together (4 Decks)

📡

Community Radio

Sonic transmissions from the edges. Curated playlists, live sessions, and audio experiments bridging ambient, experimental, and world music traditions.

Music Library + Visuals Inprogression Review Hashisheen Album Review

🧬

Code Alchemy

Open-source projects, interactive installations, WebGL experiments, and digital tools — technology as a medium for liberation and wonder.

Glo Calculator Tide App Sound Visualizer

CIVIC MAP

VOTING + COMMUNITY GARDENS · LEAFLET.JS

Community Garden Voting Resource

🗺️ Leaflet Integration

Interactive mapping, popups, layers, and marker handling in a styled portfolio context. Clustered data stays usable through marker grouping.

🌱 Community Utility

Maps guide people toward gardens, polling resources, mutual aid, and neighborhood infrastructure. Geography made relational.

📡 Civic Interface

This extends the portfolio into place-based design: maps as community tools, resource finders, local storytelling interfaces, and civic orientation systems.

🔗 Clustered Data UX

Dense civic information stays usable through marker clustering and grouped interaction. Zoom reveals individual points without overwhelming the view.

🌐 CDN + Local Fallback

Map libraries load from CDN with optional local fallback support. If map assets are bundled locally, the feature is more resilient when external resources fail.

🔧 What It Demonstrates

Participatory map experiences linking geography, local resource discovery, storytelling, ecology, and community infrastructure into interactive spatial interfaces.

Garden Land Portland Map Gardens Info Black Business Eugene