Our fun and engaging guides brings everyone (but above all, hobbyists) the useful programming tools trusted by professional programmers!
- Tweets889
- Following4
- Followers276
- Likes25
ALT Screenshot of a dark-themed docs page titled "AO3 Loader," described as a basic example of an Astro content loader that pulls an author's works from AO3 or a collection of AO3 PDFs/EPUBs and renders them as a page. Under "Works list page," which points to ao3-loader/src/pages/index.astro, a white preview panel lists unstyled fic entries by astolat, each with a kudos count, "Read chapter 1" and "Read on AO3" links, the fandom, and an italic summary: Wishing Well (9918 kudos, The Avengers and Thor), Not A Word (13674 kudos, Merlin), Onfindan (22980 kudos, Merlin), and The Trouble With Unicorns (10570 kudos).
![Screenshot of a doc titled "Work page," pointing to the file ao3-loader/src/pages/works/[workId]/chapters/[chapterNumber].astro, with the note "With placeholder content since we can't get chapters from AO3 right now" and a crying emoji. Below, a white preview panel shows an unstyled page: a "Back home" link, the heading "Wishing Well — by astolat," an expanded "All chapters (3)" list linking Placeholder Beginning (bolded), Chapter 2, and Placeholder Ending, a placeholder note before the whole work, then the chapter heading "Placeholder Beginning" with an italic placeholder summary, a chapter note, two lines of lorem ipsum text, and a "Next chapter" link.](https://pbs.twimg.com/media/HWU0-MXacAAQUOV.jpg?name=orig)
ALT Screenshot of a doc titled "Work page," pointing to the file ao3-loader/src/pages/works/[workId]/chapters/[chapterNumber].astro, with the note "With placeholder content since we can't get chapters from AO3 right now" and a crying emoji. Below, a white preview panel shows an unstyled page: a "Back home" link, the heading "Wishing Well — by astolat," an expanded "All chapters (3)" list linking Placeholder Beginning (bolded), Chapter 2, and Placeholder Ending, a placeholder note before the whole work, then the chapter heading "Placeholder Beginning" with an italic placeholder summary, a chapter note, two lines of lorem ipsum text, and a "Next chapter" link.
ALT Screenshot of a Tumblr post on essential-randomness, submitted by piltrafas. It shows a pencil sketch of a kneeling GitHub gijinka with cat ears and a fluffy tail. He wears only dark briefs, has ropes tied around his chest and thighs, and looks flustered. Beside him, a smaller CSS gijinka with long wavy hair and glasses holds a hand to their mouth and watches. The submission reads: "this ship came to me in a vision. i wish, i actually daydreamed about it enough that there's context. i was thinking about how github is at localhost HQ enough to qualify as a resident and how the browserland trio might feel about it. i picture html and aria being off somewhere and css being like?? i don't /need/ to be lonely! just because html is his favourite canvas doesn't mean it's his only canvas, you know?"
ALT Screenshot of a dark-mode Tumblr post. A quoted submission reads: "also, i imagine css is into fiber crafts, and shibari is creative and a kinky lateral step away from macrame so, css knows his ropes. SO css cornered github before he could leave browserland and tried to convince him to be his makeover subject, and github pretended he wasn't flattered and refused, queue a back and forth, css pulls his ropes, github is intrigued, his clothes are off somehow, and css gets to use his canvas for artistic kinky purposes." The reply: Git: "oh, GitHub is so annoying, he keeps following me. I wish someone would just tie him down and force him to stop." CSS (in sign language): "Tie him down, you say?" A second quoted submission: "also, github has added branching git symbols because github was gone gone once he was restrained and complained anytime css went to untie him, so instead css grabbed a sharpie and traced branch lines connecting githubs moles :')
ALT A dark atmo.rsvp event card reads “The Atmosphere Sessions, Vol. 2, Track 1: Ms. Boba” and “Wednesday, October 7.” Smaller text reads “The Atmosphere Sessions with Bryan Guffey,” “The Humans Behind the Handles,” and “Vol. 2, Track 1: Ms. Boba.” The description begins: “Welcome to The Atmosphere Sessions, where I, your host (that’s me, Bryan Guffey aka @chaosgreml.in), sit down with the people who make the Atmosphere resonate, and ...”
ALT 📣 Voice of the Fujos: We're hiring a social media writer to save our founder help show our most sociable supporters that yes, indeed, we do things! A lot of them! If you can write in a fun, casual, and slightly chaotic style, and have 2hr/week for the cause (and a fee), fill out our Social Media Writer (ongoing) Application!
ALT Screenshot of an example Astro page titled "Hello, Fujin!" with intro text: "This example shows Astro live collections + AtProto repos. Fetched fresh for you!" Below, a section headed "ATmosphereConf badges" with subtitle "These badges were awarded to the participant of Atmosphere Conf." A bulleted list of six badge tiers, each with a name and connection threshold: Grand Goose Ambassador (at least 100 connections at ATmosphereConf2026), Serial Honk-nector (75+), Down to Peck (50+), Serious Nester (25+), Gaggle Gatherer (10+), and Part of the Flock (at least 1 connection).
ALT Header of the @fujocoded/astro-atproto-loader README. Tagline reads "AtProto records meet Astro content collections. Quick & Easy™" with badges for MIT license, fujo/coded branding, npm package v0.0.1, and "Open in GitHub Codespaces." An Important callout warns that the package handles public reads only, and directs users who want to write data (like posting to Bluesky as a logged-in user) to start from @fujocoded/authproto. A "What is @fujocoded/astro-atproto-loader?" section explains that it pulls records from any public AtProto PDS straight into Astro content collections — point it at a handle or DID, choose your AtProto collection NSID, and use the data on your Astro site like any content collection.
ALT README section headed "What can you do with @fujocoded/astro-atproto-loader?" Two main bullet points with sub-bullets. First: "Pull in content from the wider AtProto network, including Bluesky posts, RPG Actor characters, AtProto badges, and anything else stored in a public repo." Example uses include pinning favorite Bluesky posts or artist reposts on your homepage, embedding Streamplace VODs next to the articles they inspired, and showing off the cons you've been badged at straight from your badge records. Second: "Show records from multiple repos into one Astro collection" — examples include a list of recent posts both you and your friends liked, profiles of community members, and "...and many creative uses!"
ALT Square AskFujo × Fujo University stretch goal graphic on a dark blue background patterned with faint Tumblr heart/reblog/like icons. Top left: AskFujo logo with tagline. Top right: "FUJO UNIVERSITY" in collegiate-style outlined block letters, joined by "x". Header: "STRETCH GOAL #4/5/6 — only 2hrs to go!" (a previous number scratched out and replaced with a hand-scrawled orange "2"). Three tiered rewards stacked vertically: Tier 1 — FujoCoded Discord Stickers Set: Tier 2 — #AskFujo Stickers Sheet Tier 3 — "I graduated Fujo University" Website Badge. Progress bars: "NEW BOX SALES" at 20 (yellow bar, mostly filled), "ENROLLED FUJIN" at 125 (green bar, nearly full), "TOTAL NOTES" at 30k (pink bar, nearly full). Large white-and-orange overlay text runs diagonally across the middle: "ONLY 5 enrolled fujin TO GO!" with an arrow pointing down at the ENROLLED FUJIN bar. Each progress bar has a small yellow "there was an attempt" star badge
ALT Wide horizontal AskFujo promo banner on a dark blue background patterned with faint Tumblr icons, with yellow celebratory rays radiating from the center. Top left: AskFujo logo with tagline, followed by "presents" in italic script, then "ALL OF THE MERCH!" in large orange letters. Left side: Boba-tan. Beside her, overlaid handwritten-style text stacks: "BUY BUY BUY!" with "wait, no—" beneath, then "PREORDER PREORDER PREORDER!" in bold white, and "It's the FINAL 16 HOURS!!" at the bottom with "FINAL 6 HOURS" in orange. Top center: handwritten text reads "40 cards. 40 questions. 40 chances to connect, with your friends…and yourself!" with an arrow pointing to a single AskFujo card showing a "bobatan-for-real-justice asked" prompt. Center: a fanned-out display of all the merch — the physical AskBox box with Boba-tan art on the front, Expansion #1 (Browserland) and Expansion #2 (Localhost) card packs, digital edition print-your-own sheets, the Discord stickers preview, the kiss-cut sticker
ALT Square AskFujo promo graphic on a dark blue background patterned with faint Tumblr-style heart, reblog, and like icons. Top left: AskFujo logo (speech bubble icon, "askfujo" wordmark, "A game for fans and friends" tagline). Below it: "LAST STRETCH GOAL:" in white, with the reward title in large orange letters: "I graduated Fujo University" Website Badge. Top right: handwritten-style text reading "It's an old-school Website Badge for your collection!" with "Website Badge" highlighted in orange. Smaller line below: "…or the one you'll soon start? 👀" Center: a fan of three tilted pixel-art web badges in classic 88x31 web-button style. Below the badges, angled text reads: "Shows you're a Fujo of culture!" on the left, and "Cryptographically Certified through FujoCoded's divine authority" on the right with "Cryptographically Certified" and "divine authority" highlighted in orange. Below that in smaller text: "(details to follow!)" and "(we swear it's cool)". Bottom: large white-and-orange
ALT Square AskFujo promo graphic on a dark blue background patterned with faint Tumblr-style heart, reblog, and like icons. Top left: AskFujo logo (speech bubble icon, "askfujo" wordmark, tagline "A game for fans and friends"). Below it, white text reads "FINAL STRETCH GOAL:" with the reward title in large orange letters: "Holographic Pee Your Pants Ask Card". Top right: handwritten-style text reading "It's a holographic card modeled like a Anon Hate message!" with "Anon Hate" highlighted in orange. Smaller line below: "what more do you need?" Center: a tilted iridescent purple/blue holographic card showing a Tumblr ask post. The avatar is an orange catboy with sunglasses and a stud earring (strawberry-anon). The post text reads "strawberry-anon asked: Pee your pants." Diagonally stamped across the lower right of the card in large white outlined letters: "FREE IN ALL ORDERS!" Tucked along the card's bottom edge: "or buy it on its own!" To the left of the card: "Perfect for your wallet!" wi
ALT Square AskFujo Stretch Goal #5 promo graphic on a dark blue background with yellow celebratory sunburst rays radiating from the bottom center. Top left: AskFujo logo (speech bubble icon, "askfujo" wordmark, "A game for fans and friends" tagline). Below it: "STRETCH GOAL #5" in white, with "Sticker Sheet" in large orange letters. Top right: handwritten-style text reading "A stickers sheet that sorta kinda looks like this!" with "ft. #AskFujo art" below.Diagonal overlay text across the sheet: "Perfect for your home! your office! your stickerbook!" ("your" highlighted in orange). Bottom: "ASKFUJO SALES" (yellow bar) and "ENROLLED FUJIN" (green bar), both stamped with large orange "UNLOCKED!" badges and flanked by gold doge-style "you tried (and succeeded!)" stars.
ALT Square AskFujo × Fujo University stretch goal graphic on dark blue background. Top left: AskFujo logo with tagline. Top right: "FUJO UNIVERSITY" in collegiate outlined block letters, joined by "x". Header: "STRETCH GOAL #4/5/6 — only 23hrs to go!" (the "24" scratched out and replaced with a hand-scrawled "23" in orange). Three tiered rewards stacked vertically: Tier 1 — FujoCoded Discord Stickers Set: preview shows Discord-style stickers (Boba-tan, CSS, HTML, sunglasses Discord mascot, Terminal). Progress bars ("ENROLLED FUJIN" green, "TOTAL NOTES" pink) covered by a large orange "UNLOCKED!" stamp and gold "you tried (and succeeded!)" star. Tier 2 — #AskFujo Stickers Sheet: preview of the kiss-cut sticker sheet with FujoGuide cast. Progress bars ("NEW BOX SALES" yellow, "ENROLLED FUJIN" green) also stamped with "UNLOCKED!" and a gold "you tried (and succeeded!)" star. Celebratory yellow sunburst rays radiate from the left behind this tier. Tier 3 — "I graduated Fujo University" Website
ALT Wide horizontal AskFujo promo banner on a dark blue background patterned with faint Tumblr icons, with yellow celebratory rays radiating from the center. Top left: AskFujo logo with tagline, followed by "presents" in italic script, then "ALL OF THE MERCH!" in large orange letters. Left side: Boba-tan. Beside her, overlaid handwritten-style text stacks: "BUY BUY BUY!" with "wait, no—" beneath, then "PREORDER PREORDER PREORDER!" in bold white, and "It's the FINAL 16 HOURS!!" at the bottom with "FINAL 16 HOURS" in orange. Top center: handwritten text reads "40 cards. 40 questions. 40 chances to connect, with your friends…and yourself!" with an arrow pointing to a single AskFujo card showing a "bobatan-for-real-justice asked" prompt. Center: a fanned-out display of all the merch — the physical AskBox box with Boba-tan art on the front, Expansion #1 (Browserland) and Expansion #2 (Localhost) card packs, digital edition print-your-own sheets, the Discord stickers preview, the kiss-cut sticke
ALT Square AskFujo promo graphic on a dark blue background patterned with faint Tumblr-style heart, reblog, and like icons. Top left: AskFujo logo (speech bubble icon, "askfujo" wordmark, tagline "A game for fans and friends"). Below it, white text reads "FINAL STRETCH GOAL:" with the reward title in large orange letters: "Holographic Pee Your Pants Ask Card". Top right: handwritten-style text reading "It's a holographic card modeled like a Anon Hate message!" with "Anon Hate" highlighted in orange. Smaller line below: "what more do you need?" Center: a tilted iridescent purple/blue holographic card showing a Tumblr ask post. The avatar is an orange catboy with sunglasses and a stud earring (strawberry-anon). The post text reads "strawberry-anon asked: Pee your pants." Diagonally stamped across the lower right of the card in large white outlined letters: "FREE IN ALL ORDERS!" Tucked along the card's bottom edge: "or buy it on its own!" To the left of the card: "Perfect for your wallet!" wi
ALT AskFujo × Fujo University Stretch Goal #4/5/6 graphic on a dark blue background with "only 36hrs to go!" Three reward tiers with progress bars: Tier 1 — FujoCoded Discord Stickers Set (preview showing character stickers): requires 75 enrolled fujin (green bar, nearly full) and 15k total notes (pink bar, over half filled). Tier 2 — #AskFujo Stickers Sheet (preview showing kiss-cut sticker sheet with all characters): requires 10 new box sales (yellow bar, small progress) and 100 enrolled fujin (green bar, partially filled). Tier 3 — "I graduated Fujo University" Website Badge (preview showing pixel-art badges): requires 20 new box sales (yellow bar, small progress), 125 enrolled fujin (green bar, partially filled), and 30k total notes (pink bar, small progress).
ALT AskFujo × Fujo University Stretch Goal #4/5/6 graphic on a dark blue background. Header reads "STRETCH GOAL #4/5/6 — only 48hrs to go!" Three reward tiers are shown with progress bars: Tier 1 — FujoCoded Discord Stickers Set (preview showing character stickers including Boba-tan, an anon with sunglasses, and Terminal): requires 75 enrolled fujin (green bar, nearly full) and 15k total notes (pink bar, partially filled). Tier 2 — #AskFujo Stickers Sheet (preview showing a kiss-cut sticker sheet with all FujoGuide characters in their anon avatar styles): requires 10 new box sales (yellow bar, partially filled) and 100 enrolled fujin (green bar, partially filled). Tier 3 — "I graduated Fujo University" Website Badge (preview showing pixel-art style badges including "LET'S git GOING," "fujocoded SEED INVESTOR," and "I MADE IT HAPPEN"): requires 20 new box sales (yellow bar, partially filled), 125 enrolled fujin (green bar, partially filled), and 30k total notes (pink bar, small progress).
ALT AskFujo Stretch Goal #3 "MISSION: COMPLETE" announcement graphic on a dark blue background with golden light rays bursting from behind. The AskFujo logo and "STRETCH GOAL #3" header appear top left with "MISSION:COMPLETE" in bold orange and white. Center shows a sticky note looking like a blank AskFujo card with Boba-tan's avatar and "bobatan-for-real-justice asked:" header, stamped with a large orange "UNLOCKED!" badge. Sparkles and four-pointed stars scatter across the image. Surrounding labels read "Perfect for anywhere! Stick 'em to:" with "Fridge!", "Desk!", "Laptop!", "The man!" Text below reads "50 Sticky (Ask)Notes for your most unhinged thoughts ...and groceries!" A gold star with "you tried (and succeeded!)" sits bottom left above a full yellow progress bar.
ALT AskFujo product overview graphic showing all available products on a dark background. Top section features the base AskFujo Starter Askbox with "1 AskBox, 40 fandom questions," displaying physical card previews with Boba-tan's character illustration and the tagline "Connect with your fandom friends...and yourself!" A callout arrow points to the digital Print-at-Home edition shown alongside with "Also available as digital Print-at-Home!" Bottom row shows both expansion packs side by side: Expansion #1 Browserland (blue) with "36 more questions about fanworks, ships & your online world!" featuring cards from CSS, HTML, and ARIA; and Expansion #2 Localhost (teal) with "36 more questions about fandom faves, life ...and hot takes!!" featuring cards from Terminal, GitHub, and Git. Both expansions include the tagline "for parties, cons, and...by yourself!" with the FujoGuide group character illustration.
ALT AskFujo’s Stretch Goals: Expansion 2 themes reveal. Boba-tan is pointing at revealed GitHub and terminal, with black bands on their faces (and github's ass). Graphic says only 5 to new bundle.
![A meme: boba-tan is pointing at pixelated characters that are clearly the localhost trio. Text reads: AskFujo Bonus Expansion #2 buy these [cards] at this address store.fujocoded.com/askfujo only 8 to unlock 3 to topics reveal! boba-tan says: there’s THREE more????? (smashes cup) another! stretch goal georg](https://pbs.twimg.com/media/HFKq5L9aYAA9fY-.jpg?name=orig)
ALT A meme: boba-tan is pointing at pixelated characters that are clearly the localhost trio. Text reads: AskFujo Bonus Expansion #2 buy these [cards] at this address store.fujocoded.com/askfujo only 8 to unlock 3 to topics reveal! boba-tan says: there’s THREE more????? (smashes cup) another! stretch goal georg
ALT Stretch goal post for ask fujo, boba-tan points at locked characters. Reblog chain says: Stretch goals soon 👀 Stretch goals soon tumblypoos?? 👀 Stretch goals soon 👀
ALT Box mockup for AskFujo, a game for fans and friends. Boba-tan holds a card between her index finger and thumb, winking knowingly at the viewer. A sample card (in an anonymous Tumblr ask style) reads 'bobatan-for-real-justice asked, Which old OTP would you still die for, and which one do you have mixed feelings about?' Underneath the mockup are several legends: ‘40 questions to share with your fujo friends!’, ‘Learn about each other's blorbdos and blorbdont's’, ‘Put the ‘ship’ in friendship!’, with the FujoCoded logo on the bottom. To the left of the logo is an envelope icon with the ‘new message’ badge replaced with the FujoCoded lemon. The blue background behind the mockup has a pattern of scattered ‘reblog’ and ‘like’ icons.