1<!DOCTYPE html> 2<html lang="en" data-theme="light"> 3 4<head> 5 <meta charset="utf-8" /> 6 <link rel="icon" 7 href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>ð§ª</text></svg>"> 8 <meta name="viewport" content="width=device-width" /> 9 <!-- <link rel="alternate" type="application/atom+xml" href="/rss.xml" /> --> 10
10<script defer src="https://eu.umami.is/script.js" data-website-id="f0bbed5d-0432-4541-bfe9-1a2b7ceb782d"></script>
10 11
11<script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>
11 12 13 <link href="./_app/immutable/assets/0.ny_7D4jp.css" rel="stylesheet"> 14 <link href="./_app/immutable/assets/3.yUF038K3.css" rel="stylesheet"> 15 <link rel="modulepreload" href="./_app/immutable/entry/start.D8s47xki.js"> 16 <link rel="modulepreload" href="./_app/immutable/chunks/BPTJ41Jb.js"> 17 <link rel="modulepreload" href="./_app/immutable/chunks/xtWfYJ6v.js"> 18 <link rel="modulepreload" href="./_app/immutable/chunks/DoV_-JIk.js"> 19 <link rel="modulepreload" href="./_app/immutable/chunks/BEBcLd2a.js"> 20 <link rel="modulepreload" href="./_app/immutable/chunks/BZHp-whD.js"> 21 <link rel="modulepreload" href="./_app/immutable/chunks/75udPNCa.js"> 22 <link rel="modulepreload" href="./_app/immutable/chunks/D0iwhpLH.js"> 23 <link rel="modulepreload" href="./_app/immutable/chunks/BQxgYBQg.js"> 24 <link rel="modulepreload" href="./_app/immutable/entry/app.Dl5drrdy.js"> 25 <link rel="modulepreload" href="./_app/immutable/chunks/BGrRl4yu.js"> 26 <link rel="modulepreload" href="./_app/immutable/chunks/CWj6FrbW.js"> 27 <link rel="modulepreload" href="./_app/immutable/chunks/C3r5WjoA.js"> 28 <link rel="modulepreload" href="./_app/immutable/chunks/DKLF2j1j.js"> 29 <link rel="modulepreload" href="./_app/immutable/chunks/CtfZpM_5.js"> 30 <link rel="modulepreload" href="./_app/immutable/nodes/0.qmZ1WDLi.js"> 31 <link rel="modulepreload" href="./_app/immutable/chunks/DhCvUh4G.js"> 32 <link rel="modulepreload" href="./_app/immutable/chunks/zNABsWHz.js"> 33 <link rel="modulepreload" href="./_app/immutable/chunks/DdctBAc7.js"> 34 <link rel="modulepreload" href="./_app/immutable/chunks/DuxseaJ6.js"> 35 <link rel="modulepreload" href="./_app/immutable/chunks/CJCA-ihU.js"> 36 <link rel="modulepreload" href="./_app/immutable/chunks/E6jS-LH5.js"> 37 <link rel="modulepreload" href="./_app/immutable/nodes/3.DXAjwgKs.js"> 38 <link rel="modulepreload" href="./_app/immutable/chunks/DgGxQSWP.js"><!--[--><meta name="description" content="About this app"/><!--]--><title>About</title> 39 </head> 40 41<body data-sveltekit-preload-data="hover"> 42 <div style="display: contents"><!--[--><!--[--><!----><header class="svelte-5147na"><div id="container" class="svelte-5147na"><div class="corner svelte-5147na"><a href="/" class="svelte-5147na">/loc</a></div> <input type="checkbox" name="side-menu" id="side-menu" class="svelte-5147na"/> <label for="side-menu" class="svelte-5147na"><span class="svelte-5147na"></span></label> <nav class="svelte-5147na" style="overflow: hidden;"><ul class="svelte-5147na"><!--[--><li class="svelte-5147na"><!--[!--><a data-sveltekit-preload-data="hover" href="/blog" class="svelte-5147na">Blog</a><!--]--></li><li class="svelte-5147na"><!--[!--><a data-sveltekit-preload-data="hover" href="/lab" class="svelte-5147na">Lab</a><!--]--></li><li class="svelte-5147na"><!--[!--><a data-sveltekit-preload-data="hover" href="/output" class="svelte-5147na">Output</a><!--]--></li><li class="svelte-5147na"><!--[!--><a data-sveltekit-preload-data="hover" href="/cv" class="svelte-5147na">CV</a><!--]--></li><li class="svelte-5147na"><!--[--><a href="https://twitch.tv/ladyofcode" target="_blank" rel="noopener noreferrer" class="svelte-5147na">Stream</a><!--]--></li><!--]--> <li class="dropdown-container svelte-5147na"><a href="#" class="dropdown-trigger svelte-5147na">More</a> <ul class="dropdown svelte-5147na"><!--[--><li class="svelte-5147na"><a data-sveltekit-preload-data="hover" href="/about" class="svelte-5147na">About</a></li><li class="svelte-5147na"><a data-sveltekit-preload-data="hover" href="/rss.xml" class="svelte-5147na">RSS</a></li><!--]--></ul></li> <li class="svelte-5147na"><!--[!--><button aria-label="Switch to light mode" class="svelte-5147na"><svg fill="#6fdad5" class="darkmode-icon svelte-5147na" width="20" height="20" viewBox="0 0 122.88 122.89"><path d="M49.06,1.27c2.17-0.45,4.34-0.77,6.48-0.98c2.2-0.21,4.38-0.31,6.53-0.29c1.21,0.01,2.18,1,2.17,2.21 c-0.01,0.93-0.6,1.72-1.42,2.03c-9.15,3.6-16.47,10.31-20.96,18.62c-4.42,8.17-6.1,17.88-4.09,27.68l0.01,0.07 c2.29,11.06,8.83,20.15,17.58,25.91c8.74,5.76,19.67,8.18,30.73,5.92l0.07-0.01c7.96-1.65,14.89-5.49,20.3-10.78 c5.6-5.47,9.56-12.48,11.33-20.16c0.27-1.18,1.45-1.91,2.62-1.64c0.89,0.21,1.53,0.93,1.67,1.78c2.64,16.2-1.35,32.07-10.06,44.71 c-8.67,12.58-22.03,21.97-38.18,25.29c-16.62,3.42-33.05-0.22-46.18-8.86C14.52,104.1,4.69,90.45,1.27,73.83 C-2.07,57.6,1.32,41.55,9.53,28.58C17.78,15.57,30.88,5.64,46.91,1.75c0.31-0.08,0.67-0.16,1.06-0.25l0.01,0l0,0L49.06,1.27 L49.06,1.27z"></path></svg></button><!--]--></li></ul></nav></div></header><!----> <div id="smooth-wrapper" class="svelte-12qhfyh">
42<div id="smooth-content" class="svelte-12qhfyh"><!--[--><main class="container svelte-12qhfyh"><!----><div class="page-content writing"><h1 class="svelte-cwls5q">A bit about me</h1> <div id="links" class="svelte-cwls5q"><a href="https://twitter.com/ladyofcode" class="svelte-cwls5q"><svg width="40px" height="auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#079992" d="M492 109.5c-17.4 7.7-36 12.9-55.6 15.3 20-12 35.4-31 42.6-53.6-18.7 11.1-39.4 19.2-61.5 23.5C399.8 75.8 374.6 64 346.8 64c-53.5 0-96.8 43.4-96.8 96.9 0 7.6.8 15 2.5 22.1-80.5-4-151.9-42.6-199.6-101.3-8.3 14.3-13.1 31-13.1 48.7 0 33.6 17.2 63.3 43.2 80.7-16-.4-31-4.8-44-12.1v1.2c0 47 33.4 86.1 77.7 95-8.1 2.2-16.7 3.4-25.5 3.4-6.2 0-12.3-.6-18.2-1.8 12.3 38.5 48.1 66.5 90.5 67.3-33.1 26-74.9 41.5-120.3 41.5-7.8 0-15.5-.5-23.1-1.4C62.8 432 113.7 448 168.3 448 346.6 448 444 300.3 444 172.2c0-4.2-.1-8.4-.3-12.5C462.6 146 479 129 492 109.5z"></path></svg><!----></a> <a href="https://twitch.tv/ladyofcode" class="svelte-cwls5q"><svg width="40px" height="auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#079992" d="M80 32l-32 80v304h96v64h64l64-64h80l112-112V32H80zm336 256l-64 64h-96.001L192 416v-64h-80V80h304v208z"></path><path fill="#079992" d="M320 143h48v129h-48zM208 143h48v129h-48z"></path></svg><!----></a> <a href="https://github.com/ladyofcode" class="svelte-cwls5q"><svg width="40px" height="auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#079992" d="M256 32C132.3 32 32 134.9 32 261.7c0 101.5 64.2 187.5 153.2 217.9 1.4.3 2.6.4 3.8.4 8.3 0 11.5-6.1 11.5-11.4 0-5.5-.2-19.9-.3-39.1-8.4 1.9-15.9 2.7-22.6 2.7-43.1 0-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1 1.4-14.1h.1c22.5 2 34.3 23.8 34.3 23.8 11.2 19.6 26.2 25.1 39.6 25.1 10.5 0 20-3.4 25.6-6 2-14.8 7.8-24.9 14.2-30.7-49.7-5.8-102-25.5-102-113.5 0-25.1 8.7-45.6 23-61.6-2.3-5.8-10-29.2 2.2-60.8 0 0 1.6-.5 5-.5 8.1 0 26.4 3.1 56.6 24.1 17.9-5.1 37-7.6 56.1-7.7 19 .1 38.2 2.6 56.1 7.7 30.2-21 48.5-24.1 56.6-24.1 3.4 0 5 .5 5 .5 12.2 31.6 4.5 55 2.2 60.8 14.3 16.1 23 36.6 23 61.6 0 88.2-52.4 107.6-102.3 113.3 8 7.1 15.2 21.1 15.2 42.5 0 30.7-.3 55.5-.3 63 0 5.4 3.1 11.5 11.4 11.5 1.2 0 2.6-.1 4-.4C415.9 449.2 480 363.1 480 261.7 480 134.9 379.7 32 256 32z"></path></svg><!----></a> <a href="https://www.instagram.com/ladyofcode/" class="svelte-cwls5q"><svg width="40px" height="auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#079992" d="M336 96c21.2 0 41.3 8.4 56.5 23.5S416 154.8 416 176v160c0 21.2-8.4 41.3-23.5 56.5S357.2 416 336 416H176c-21.2 0-41.3-8.4-56.5-23.5S96 357.2 96 336V176c0-21.2 8.4-41.3 23.5-56.5S154.8 96 176 96h160m0-32H176c-61.6 0-112 50.4-112 112v160c0 61.6 50.4 112 112 112h160c61.6 0 112-50.4 112-112V176c0-61.6-50.4-112-112-112z"></path><path fill="#079992" d="M360 176c-13.3 0-24-10.7-24-24s10.7-24 24-24c13.2 0 24 10.7 24 24s-10.8 24-24 24zM256 192c35.3 0 64 28.7 64 64s-28.7 64-64 64-64-28.7-64-64 28.7-64 64-64m0-32c-53 0-96 43-96 96s43 96 96 96 96-43 96-96-43-96-96-96z"></path></svg><!----></a> <a href="https://bsky.app/profile/ladyofcode.com" class="svelte-cwls5q"><svg width="40px" height="auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 452.265"><path fill="#079992" d="M110.985 30.441c58.695 44.217 121.837 133.856 145.013 181.961 23.177-48.105 86.323-137.744 145.017-181.961C443.376-1.455 512-26.142 512 52.402c0 15.68-8.962 131.775-14.223 150.628-18.273 65.515-84.873 82.228-144.112 72.116 103.55 17.679 129.889 76.237 73 134.799-108.041 111.223-155.288-27.905-167.386-63.554-3.488-10.262-2.991-10.498-6.56 0-12.098 35.649-59.342 174.777-167.383 63.554-56.889-58.562-30.551-117.12 72.999-134.799-59.239 10.112-125.84-6.601-144.112-72.116C8.962 184.177 0 68.082 0 52.402 0-26.142 68.633-1.455 110.985 30.441z"></path></svg><!----></a></div> <p><em>This entire website is under development, which includes this page. I've not just become more confident, but better at expressing playfulness in writing and UI. Good luck to me, I guess, and to you for bearing with the process.</em></p> <p>Heyo! Tabs here. I'm a developer and designer currently based in Canberra, Australia. I mostly work in front-end
43 software development in an effort to drive everything towards the user experience being at the 44 core. I have back-end knowledge as well. I rather my work revolve around the developer 45 experience for a while, so into devrel I go. I absolutely thrive working remotely.</p> <p>I have a BSc (Hons) in Software Engineering (First Class), and a MA in Digital Art 46 (specialisation in Visual Effects). My design knowledge is self-taught (as were all my art 47 skills prior to my degree) or acquired through courses. I love learning and it's a core part of 48 my life.</p> <p>When I'm not coding or doing one of my now things, I'm gaming (Cyberpunk tabletop rpg, board 49 games, video games), munching on cookies, reading, or annoying guildies.</p> <h2>What I'm up to now</h2> <ul><li>Hosting workshops, streams, and projects at Artifex.</li> <li>Running movies nights, 100 Day Challenges, and coworking in Atlantis.</li> <li>Streaming and working on content creation.</li> <li>Developing kickass community software at Grid.</li> <li>Designing the Research Centre for Deep History's interactive atlas.</li> <li>Learning guitar.</li></ul> <h2>Random trivia</h2> <ul><li>I originate from South Africa, and lived in Saudi Arabia, Bahrain, Malaysia, Australia, and 50 the UK.</li> <li>I was three when I experienced MS Paint for the first time, eight when I touched code. twelve 51 when I had my first website, and then found myself navigating a sea of technology over the 52 next few years. Also forever.</li> <li>I've been leading a video gaming guild for 14 years. They're my fam <3.</li> <li>The boundaries people put up between subject areas grinds my gears. Little in the real world 53 relies on just one skillset to solve a problem - they're all important, just differently.</li></ul> <h2>Webrings</h2> <div class="webrings svelte-cwls5q"><div class="webring svelte-2toj4g"><a href="https://hotlinewebring.club/ladyofcode/previous" class="webring-arrow svelte-2toj4g" aria-label="Previous site in Hotline Webring"><span class="arrow svelte-2toj4g">â</span></a> <a href="https://hotlinewebring.club" class="webring-name svelte-2toj4g">Hotline Webring</a> <a href="https://hotlinewebring.club/ladyofcode/next" class="webring-arrow svelte-2toj4g" aria-label="Next site in Hotline Webring"><span class="arrow svelte-2toj4g">â</span></a></div><!----> <div class="webring svelte-2toj4g"><a href="https://webri.ng/webring/cssjoy/previous?via=https://ladyofcode.com/about" class="webring-arrow svelte-2toj4g" aria-label="Previous site in CSS JOY"><span class="arrow svelte-2toj4g">â</span></a> <a href="https://cs.sjoy.lol/" class="webring-name svelte-2toj4g">CSS JOY</a> <a href="https://webri.ng/webring/cssjoy/next?via=https://ladyofcode.com/about" class="webring-arrow svelte-2toj4g" aria-label="Next site in CSS JOY"><span class="arrow svelte-2toj4g">â</span></a></div><!----> <div class="webring svelte-2toj4g"><a href="https://webring.bucketfish.me/redirect.html?to=prev&name=ladyofcode" class="webring-arrow svelte-2toj4g" aria-label="Previous site in Bucket Webring"><span class="arrow svelte-2toj4g">â</span></a> <a href="https://webring.bucketfish.me/" class="webring-name svelte-2toj4g">Bucket Webring</a> <a href="https://webring.bucketfish.me/redirect.html?to=next&name=ladyofcode" class="webring-arrow svelte-2toj4g" aria-label="Next site in Bucket Webring"><span class="arrow svelte-2toj4g">â</span></a></div><!----></div></div><!----><!----></main> <footer class="svelte-1ae0z8q"><div id="container" class="svelte-1ae0z8q"><a href="https://twitter.com/ladyofcode" class="svelte-1ae0z8q"><svg width="30px" height="auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#ffffff" d="M492 109.5c-17.4 7.7-36 12.9-55.6 15.3 20-12 35.4-31 42.6-53.6-18.7 11.1-39.4 19.2-61.5 23.5C399.8 75.8 374.6 64 346.8 64c-53.5 0-96.8 43.4-96.8 96.9 0 7.6.8 15 2.5 22.1-80.5-4-151.9-42.6-199.6-101.3-8.3 14.3-13.1 31-13.1 48.7 0 33.6 17.2 63.3 43.2 80.7-16-.4-31-4.8-44-12.1v1.2c0 47 33.4 86.1 77.7 95-8.1 2.2-16.7 3.4-25.5 3.4-6.2 0-12.3-.6-18.2-1.8 12.3 38.5 48.1 66.5 90.5 67.3-33.1 26-74.9 41.5-120.3 41.5-7.8 0-15.5-.5-23.1-1.4C62.8 432 113.7 448 168.3 448 346.6 448 444 300.3 444 172.2c0-4.2-.1-8.4-.3-12.5C462.6 146 479 129 492 109.5z"></path></svg><!----></a> <a href="https://twitch.tv/ladyofcode" class="svelte-1ae0z8q"><svg width="30px" height="auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#ffffff" d="M80 32l-32 80v304h96v64h64l64-64h80l112-112V32H80zm336 256l-64 64h-96.001L192 416v-64h-80V80h304v208z"></path><path fill="#ffffff" d="M320 143h48v129h-48zM208 143h48v129h-48z"></path></svg><!----></a> <a href="https://www.instagram.com/ladyofcode/" class="svelte-1ae0z8q"><svg width="30px" height="auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#ffffff" d="M336 96c21.2 0 41.3 8.4 56.5 23.5S416 154.8 416 176v160c0 21.2-8.4 41.3-23.5 56.5S357.2 416 336 416H176c-21.2 0-41.3-8.4-56.5-23.5S96 357.2 96 336V176c0-21.2 8.4-41.3 23.5-56.5S154.8 96 176 96h160m0-32H176c-61.6 0-112 50.4-112 112v160c0 61.6 50.4 112 112 112h160c61.6 0 112-50.4 112-112V176c0-61.6-50.4-112-112-112z"></path><path fill="#ffffff" d="M360 176c-13.3 0-24-10.7-24-24s10.7-24 24-24c13.2 0 24 10.7 24 24s-10.8 24-24 24zM256 192c35.3 0 64 28.7 64 64s-28.7 64-64 64-64-28.7-64-64 28.7-64 64-64m0-32c-53 0-96 43-96 96s43 96 96 96 96-43 96-96-43-96-96-96z"></path></svg><!----></a> <a href="https://github.com/ladyofcode" class="svelte-1ae0z8q"><svg width="30px" height="auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#ffffff" d="M256 32C132.3 32 32 134.9 32 261.7c0 101.5 64.2 187.5 153.2 217.9 1.4.3 2.6.4 3.8.4 8.3 0 11.5-6.1 11.5-11.4 0-5.5-.2-19.9-.3-39.1-8.4 1.9-15.9 2.7-22.6 2.7-43.1 0-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1 1.4-14.1h.1c22.5 2 34.3 23.8 34.3 23.8 11.2 19.6 26.2 25.1 39.6 25.1 10.5 0 20-3.4 25.6-6 2-14.8 7.8-24.9 14.2-30.7-49.7-5.8-102-25.5-102-113.5 0-25.1 8.7-45.6 23-61.
536-2.3-5.8-10-29.2 2.2-60.8 0 0 1.6-.5 5-.5 8.1 0 26.4 3.1 56.6 24.1 17.9-5.1 37-7.6 56.1-7.7 19 .1 38.2 2.6 56.1 7.7 30.2-21 48.5-24.1 56.6-24.1 3.4 0 5 .5 5 .5 12.2 31.6 4.5 55 2.2 60.8 14.3 16.1 23 36.6 23 61.6 0 88.2-52.4 107.6-102.3 113.3 8 7.1 15.2 21.1 15.2 42.5 0 30.7-.3 55.5-.3 63 0 5.4 3.1 11.5 11.4 11.5 1.2 0 2.6-.1 4-.4C415.9 449.2 480 363.1 480 261.7 480 134.9 379.7 32 256 32z"></path></svg><!----></a></div> Built with <3 by Tabs. All rights reserved ® 2026. Yes, all of them. <div class="notification-bar svelte-1ae0z8q">This site is being redesigned and rebuilt. There are issues. Thanks for bearing with any inconvenience ð</div></footer><!----><!--]--></div></div><!----><!--]--> <!--[!--><!--]--><!--]--> 54 55
55<script> 56 { 57 __sveltekit_niw9r3 = { 58 base: new URL(".", location).pathname.slice(0, -1) 59 }; 60 61 const element = document.currentScript.parentElement; 62 63 Promise.all([ 64 import("./_app/immutable/entry/start.D8s47xki.js"), 65 import("./_app/immutable/entry/app.Dl5drrdy.js") 66 ]).then(([kit, app]) => { 67 kit.start(app, element, { 68 node_ids: [0, 3], 69 data: [null,null], 70 form: null, 71 error: null 72 }); 73 }); 74 } 75 </script>
75 76 </div> 77
77<script> 78 if (window.netlifyIdentity) { 79 window.netlifyIdentity.on("init", user => { 80 if (!user) { 81 window.netlifyIdentity.on("login", () => { 82 document.location.href = "/admin/"; 83 }); 84 } 85 }); 86 } 87 </script>
87 88</body> 89 90</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.