The Architecture of a Refund
What happens after the customer clicks "return"? A deep look at the reverse logistics pipeline that nobody sees...
Component Library
A catalog of blog components in the 2000s podcast style. Use this page as reference when building other pages.
1. Image Frames 图片框
Figure with Caption
[ 400 x 250 ]
Bordered Image
[ 300 x 200 ]
Plain Image (no border)
[ 300 x 200 ]
Float Left
[ 160 x 120 ]
Text wraps around the floated image. This is how early blogs handled images in articles — you'd float a small thumbnail left or right and let the text flow around it. The Electrician works behind the panel; the playwright works from the wings.
This second paragraph also wraps. Notice how the text continues naturally alongside the image block.
Float Right
[ 160 x 120 ]
Same idea, floated right. Before CSS grid and flexbox, this was the primary way to compose image-and-text layouts on the web.
2. Blockquotes 引用框
Standard
The curtain never rises. The electrician is always working.
With Attribution
Commerce is a form of theatre. Every store is a stage. Every product is a prop. Every checkout is a curtain call.
— James Wang, Commercial Architecture
Highlighted / Pull Quote
Everything is connected. Everything is wired. Welcome to the workshop.
3. Video Embeds 视频框
16:9 Responsive Container
16:9 Video Embed
Bordered iframe
Bordered Video
4. Contact Form 联系表单
5. Blog Post List 博客列表
On Watching Tarkovsky in a Ningbo Apartment
The Russian director's long takes hit differently when you're a playwright-electrician in coastal China, far from Moscow and Hollywood alike...
Wires and Words: A Manifesto
Why I believe writing code and writing poetry are the same act of assembling meaning from disconnected parts...
6. Comments 评论区
7. Table of Contents 文章目录
8. Music Player 音乐板块
Embedded Player (NetEase iframe)
Text Playlist
Workshop Soundtrack
- Radiohead — Everything In Its Right Place 4:11
- Max Richter — On the Nature of Daylight 6:11
- Nils Frahm — Says 8:18
- 坂本龍一 — Merry Christmas Mr. Lawrence 4:40
- Philip Glass — Opening 6:25
9. Callout Boxes 提示框
Info: This is an informational callout. The electrician recommends checking the circuit before proceeding.
Warning: Live wires ahead. Not everything in this workshop is insulated. Proceed with curiosity.
Success: The connection has been made. Your message traveled through the wires and arrived intact.
10. Tags & Badges 标签
Inline Tags
Category Badges
11. Code Blocks 代码块
Inline Code
Use the hugo server command to start the local development server. The config lives in hugo.yaml.
Code Block
// hugo.yaml
params:
author: "James Wang"
subtitle: "Writing from behind the curtain"
menu:
main:
- identifier: "about"
name: "The Electrician"
url: "/about/"
weight: 5Terminal Output
$ hugo build
Start building sites ...
| EN
-------------------+-----
Pages | 20
Paginator pages | 0
Static files | 1
Total in 46 ms12. Tables 表格
| Project | Category | Year | Status |
|---|---|---|---|
| The Architecture of a Refund | Commerce | 2026 | Published |
| On Watching Tarkovsky in Ningbo | Film | 2026 | Published |
| Wires and Words: A Manifesto | Poetry | 2026 | Published |
| Rhythm as Circuit | Sound | 2026 | Draft |
This post about refund architecture is fascinating. Have you considered the psychological dimension—what a refund feels like versus what it is?
That's exactly the angle for the follow-up piece. The gap between the operational truth and the customer's felt experience — that's where the theatre happens.
I run a small Shopify store and never thought about returns this way. Bookmarking this for my team.