Output
View everything I've managed to collate thus far. More on the way.
Featured

Marking Country & the Research Centre for Deep History
Two projects: an interactive scrollytelling site, and academic Centre site. Designed and built both; initially a Gatsby/React stack and moved to Svelte + WordPress.

Parergon
Parergon is the academic journal of the Australian and New Zealand Association for Medieval and Early Modern Studies. The journal site acts as a catalogue and a news source for journal activities.
Built the brand and designed the website; built it on Open Journal Systems.

Centre for Early Modern Studies (CEMS)
Designed and built the CEMS (WordPress) website with a full visual brand and style guide.
99 items
Year | Project | Tech | Link |
---|---|---|---|
2021 โ Now | 100 Day Challenges 13 rounds of 100 Day Challenges including: guitar, writing, Japanese, Grid (app), health, illustration, daily UI, music, code, UX, three.js | Figma, Illustrator, three.js, Svelte | โ |
2020 โ Now | Atlantis: Global Community Initiative Founded Atlantis, a global and interdisciplinary community of nerds. Like a gaming guild, but tech. | โ | โ |
2018 โ Now | Grid Chat-based community management platform. Svelte, Express, Node, TypeScript, PostgreSQL, Objection.js/Knex, Docker. | Svelte, Express, Node, TypeScript, PostgreSQL, Objection.js/Knex, Docker. | โ |
2025 | Interactive demos at Black Hat Arsenal Labs Fielded two sessions of demos (2.5h and 3.5h each) at Black Hat USA 2025 in Las Vegas demonstrating how to use Promptfoo to run an automated AI red team. | โ | |
2025 | System prompt hardening My first public talk! Given at a packed AI for the Rest of Us meetup. I system prompt hardening techniques for improving AI application security and robustness using Promptfoo for evals. | โ | |
2024 โ 2025 | Developer Relations Foundation Designed a full brand with the team including a logo, visual identity, and website design system. | Figma, HTML, CSS, JS | โ |
2018 โ 2025 | Marking Country & the Research Centre for Deep History Two projects: an interactive scrollytelling site, and academic Centre site. Designed and built both; initially a Gatsby/React stack and moved to Svelte + WordPress. | โ | โ |
2025 | Girl Guides of Canada: Growing up Grateful for the opportunity to chat with this group of lovely young guides! I spoke about growing up a nerd, what it was like growing up into tech as a teen, how that morphed into university, and then my career in academic and tech. | โ | |
2024 | Marking Country: a scrollytelling saga (Svelte Summit Fall 2024) Adventures in adapting to evolving project needs at The Australian National Universityโa developer-designer's tale of ditching React for Svelte and shenanigans with GSAP, Leaflet, and ScrollTrigger. I built a scrollytelling website instead of using slides for the talk, viewable on GitHub. | โ | |
2024 | Intro to Svelte 4/SvelteKit Introductory demo for Svelte 4 and SvelteKit; taught online. One of my favourite pieces of feedback was from a developer already familiar with frameworks - they said they tried it before and didn't quite understand, but my explanations made it not just clear but straightforward. Ran twice at ANU. | Svelte, SvelteKit | โ |
2023 โ 2024 | Sign on Screen: Language, Culture, and Sign Language Designed a full brand and built the website with a custom film finder for a DECRA project on WordPress. Figma, GreenShift, AI, PS. | Figma, GreenShift, Illustrator, Photoshop | โ |
2023 โ 2024 | International Consortium of Centres for Early Modern Studies Built a brand, created associated graphics and style guide; used them to design and build an academic WordPress website. | WordPress | โ |
2016 โ 2024 | Artifex: community and social events Founded Artifex ANU, then spent eight years organising and hosting social events, AGMs, workshops, and weekly meetups. Grew and led the organising team. | โ | |
2022 โ 2024 | KodeKloud online community meetups Hosted weekly hangout and project mentoring sessions to build community bonds and fammiliarity with Ambassadors. Managed 36k+ member Discord + led moderation tech team. Rebuilt and relaunched Ambassador program. Co-managed the booth at Kubecon + recorded testimonials. | โ | โ |
2023, 2022, 2019 | Floriade photowalk Ran this annually for a few years. Nature photowalk casually coaching along the way. Run annually... Ish. | Cameras/smartphones | โ |
2022 โ 2023 | Parergon Parergon is the academic journal of the Australian and New Zealand Association for Medieval and Early Modern Studies. The journal site acts as a catalogue and a news source for journal activities. Built the brand and designed the website; built it on Open Journal Systems. | โ | โ |
2023 | Darren Halpin - academic site Designed and built a personal academic website. | Figma, WordPress | โ |
2022 โ 2023 | Centre for Australian Literary Cultures visual brand Streamlined a brand direction and customised imagery. | Figma | โ |
2022 โ 2023 | Cyber Coven Built Cyber Coven visual brand with Shega Digital (Croatia). | Figma | โ |
2022 โ 2023 | Execution Ballads migration Migrated the Execution Ballads site on Omeka to a new installation. | Omeka | โ |
2022 | Anemote A personal social media assistant. Allows me to draft and schedule posts of different types as well as entire conversations to all social media platforms I regularly use that have an API. | โ | โ |
2021 โ 2022 | Centre for Early Modern Studies (CEMS) Designed and built the CEMS (WordPress) website with a full visual brand and style guide. | Figma, Illustrator, WordPress, Photoshop | |
2022 | Christina Clarke - academic site Designed and built a personal academic website. | WordPress, Figma | โ |
2009 โ 2021 | Guild Wars 1 and 2 leadership and events Founded [Phi] in GW1 (2009), grew it to an alliance of ten guilds, moved to GW2 (2012), joined the Dragonbrand WvW server team. Led an officer team of up to 20 running social and gaming events in multiple timezones. Diverse, international, and a community so strong it doesn't die even if I'm gone. | โ | โ |
2021 | Intro to TypeScript Understand why type safety matters and how to improve JavaScript by using TypeScript. | TypeScript | โ |
2021 | That's What She Said Frontend for a Michael Scott lewdness detector app. | HTML, CSS, JavaScript | โ |
2021 | Frontend Faction @ Artifex ANU Created a group dedicated towards pursing progress at frontend web development. Led multiple group learning sessions and events. | JS, TS, Gatsby, Strapi, GraphQL, etc | โ |
2018 โ 2020 | Moonside program: Launching projects online Created a full course to teach participants how to launch a side project online; covers personas, basic design, branding, visual identity, web design, intro to building landing pages, newsletters, and basic marketing. Taught in person for two years in the university labs. | โ | โ |
2016 โ 2020 | Innovation ACT entrepreneurship program Assisted with running Canberra's largest entrepreneurship program during the workshops and mentored outside of the program. I've advised 100+ teams in the ecosystem. | โ | โ |
2009 โ 2020 | [Phi] Sphere I - V Gaming community website iterations: webs.com > phpBB > vBulletin > Elgg > WordPress. Customised code & UI artwork. | webs.com, phpBB, vBulletin, Elgg, WordPress | โ |
2019 | Introduction to GraphQL Explained the evolution of GraphQL and demonstrated how to use it for querying data. | โ | โ |
2018, 2017, 2013 | Apophysis: make fractal art Making fractal art with Apophysis. Covered basic variables and their effects. Helped troubleshoot and gave feedback. Ran this twice at ANU in 2018 and 2017 and at Digital Arts Guild in x. | Apophysis | โ |
2018 | Intro to Gatsby Explained the basics of how Gatsby works via an interactive demo. | Gatsby | โ |
2018 | Blade Runner photoshoot Hosted a group photoshoot, teaching members how to use strobes and gels for portraits. | Cameras, strobes, gels | โ |
2018 | Food photography group project Taught participants how to photograph food in different kinds of lighting. Discussed commercial practices. | Camera, tripod, lightbox, lights | โ |
2018 | Freelancing info session Advisory session on how to start freelancing and becoming good at it. | โ | โ |
2018 | Enlighten Photowalk and LED Stick Night-time photowalk. Casual coaching as required. | Cameras | โ |
2018, 2013 | Intro to Adobe Illustrator How to navigate Illustrator using popular tools, and curve drawing practice. Taught at Artifex recently and Digital Arts Guild previously. | Illustrator | โ |
2018 | Website planning at Canberra Innovation Network for Indigenous entrepreneurs Learn how to plan for a website. Created a workbook for participants. Geared towards non-technical folk. | โ | โ |
2017 | Building your brand What constitutes a brand and how to go about building one. | โ | โ |
2017 | Intro to vector graphics Taught the basics of vector graphics and spent time teaching how to effectively draw curves. | Illustrator, online tools | โ |
2017 | Making WordPress websites - no coding! Use WordPress with a site builder to create websites and custom landing pages without coding. | WordPress, Divi | โ |
2017 | Photowalk: Lake Burley Griffin Led a photowalk around a lake, giving feedback and casual tips as needed. | Cameras | โ |
2017 | Front-end pathway Mentoring-style session on moving forward as a frontend developer. | โ | โ |
2015 | Art Exhibition RAW showcase of my photography. | Canon EOS 7D, Lightroom | โ |
2015 | Orient Partners Logo, business card, website design, WordPress site. | Illustrator | โ |
2011 โ 2014 | Digital Arts Guild (DAG) Community Events Founded Digital Arts Guild, then spent three years organising and hosting social events, AGMs, and weekly meetups. Led and grew the organising team and a marketing arm. | โ | |
2013 โ 2014 | Student Association (University site) Head of SA Web Team. Built Student Association site using MS SharePoint. | SharePoint | โ |
2014 | Colour Cloud 9 Style guide, logo, website design. | Illustrator | โ |
2014 | Hovercraft 2014 Advertising media (posters, banners, t-shirt) for a competition. | Illustrator | โ |
2013 โ 2014 | 24H Style guide, logo, website design, WordPress site. | WordPress | โ |
2013 โ 2014 | Final Year Project Social network website navigation and display alternatives. A research dissertation-style project on user interfaces and navigation habits. | HTML, CSS, JS | โ |
2013 โ 2014 | EnvisiCrop Crop data visualisation tool - PHP, HTML5, CSS, OpenStreetMaps. | PHP, HTML5, CSS, OpenStreetMaps | โ |
2013 โ 2014 | FYI Conference Designed and developed website for Financial Youth Intelligence conference. Shot secondary video footage. | โ | โ |
2013 โ 2014 | Jonathan Quek Blog: โAsiaโs Youngest Wealth Coach'. Malware removal and aesthetic redesign. | WordPress, PHP | โ |
2013 | Green Screen Exploring a live setup for green screen work. | DSLR, tripods, studio lights, backdrop | โ |
2013 | HDR Photography (I and II) Introduction to HDR photography and follow-up workshop; practice taking photographs at different exposures and then combining them. Two sessions. | Photoshop, DSLRs | โ |
2013 | Landscape photography Beginner-friendly session on landscape photography. Practice-led. | DSLRs, tripods | โ |
2013 | Lightroom image edit practice Led a general session on editing photographs in Lightroom. Provided feedback as required. | Lightroom | โ |
2013 | Poster design workshop The foundations of poster design, including layouts, ink, vector vs raster file types, palettes, and typography. Tips on how to make posters quickly for events. | Illustrator, Photoshop | โ |
2013 | Adobe Premiere Pro intro The basics of handling the timeline and other basics tools in Premiere Pro | Premiere Pro | โ |
2013 | AE: Special effects Creating special effects with AfterEffects. Followed a few tutorials based on participant feedback. | AfterEffects | โ |
2013 | Anime/manga drawing with Paint tool SAI Co-hosted a workshop on learning to draw anime and manga characters | Paint tool SAI | โ |
2013 | Blender basics An introduction to 3D modelling using Blender. Making shapes, joining them, textures, lighting, and rendering. | Blender | โ |
2013 | Chaotica - fractals Make fractal art with Chaotica. Active workshop. | Chaotica | โ |
2013 | JavaScript JavaScript (ES5) beyond the basics; array methods and other features. | Text editor, IDE | โ |
2013 | Kinetic typography The basics of moving typography inside AfterEffects. Active workshop. | AfterEffects | โ |
2013 | Maya - intro Get started using Maya for 3D modelling. | Maya | โ |
2013 | Natural lighting (for photo/video) How to light a scene to look natural for photos and video scenes. | DSLRs, tripods, studio lights, reflectors | โ |
2013 | Night photography/Project brainstorm Practice-led session on taking photography at night on the university campus. | DSLRs | โ |
2013 | Photoshop and 3D How to use 3D tools inside Photoshop for effects, particularly for text. | Photoshop | โ |
2013 | Photo retouching (I and II) Basics to retouching photos in first workshop followed by more advanced photo retouching techniques in the second. | Lightroom, Photoshop | โ |
2013 | PHP intro An intro to using PHP covering the basics of learning the programming language for the first time. | Text editor | โ |
2013 | Portraiture in photography and videography How to take portraits with a camera, including a practice session. | DSLRs, strobes | โ |
2013 | Photoshop, Illustrator, and Indesign techniques A demo covering the differences between the three programs, best practices in each, and how to use them to complement one another. | Photoshop, Illustrator, InDesign | โ |
2013 | Adobe Lightroom: introduction The basics of using Lightroom, navigating around the UI, common features, best practices, and top tips. | Lightroom | โ |
2013 | Camera modes An experimental session in flicking through all of the camera modes on the DLSR dial as I demonstrate their uses. | DSLRs | โ |
2013 | Camera phone shooting A session on everything photography-related that can be done with a smartphone, including using lens attachments for better quality photos. | โ | โ |
2013 | HTML, CSS, WordPress Intro An introduction on how HTML and CSS work within WordPress, and how to create templates. | WordPress | โ |
2013 | HTML5/CSS3: 'Sup? Introduction to HTML5 and CSS3 geared towards beginners. Included major updates from HTML4. | Notepad++ (lol), Sublime | โ |
2013 | Sketching: People (Guest artist: Layla Ebrahim) + Lucky Draw Organised a sketching session with a guest artist on drawing people followed by a practice session. | โ | โ |
2013 | Speed/motion Taught the basics of using speed and motion in video effects software. Included basic animation principles. Tailored to absolute newbies. | AfterEffects, Premiere | โ |
2013 | Wealth Insider Group site Built WordPress website for Wealth Insider Group financial initiatives. | WordPress | โ |
2013 | The Mikado Programme and promotional poster for national play. | Illustrator, Photoshop | โ |
2013 | Internet Illumination Infographic about social media. | โ | โ |
2013 | 3D model viewer Wireframe, textures, shaders, lights, rotate, zoom, pan - OpenGL. | OpenGL | โ |
2013 | AfterEffects: Title screens Taught how to create title screens in AE from scratch and using existing templates. Included an intro to plugins. | AfterEffects | โ |
2013 | Digital Painting: Basics Organised a group exploratory session on the basics of digital painting. | Photoshop, SAI | โ |
2013 | Typography: Water/Ice A group learning activity following a tutorial to create typography that looks like ice. | Photoshop | โ |
2010 โ 2011 | CommTrack Insurance brokering database. Generates customised reports. | VB, MS Access | โ |