[{"data":1,"prerenderedAt":738},["ShallowReactive",2],{"profile":3,"work:job-search":71,"work:neighbours:job-search":310},{"title":4,"description":5,"name":6,"role":7,"tagline":8,"location":9,"country":10,"workEligibility":10,"remote":11,"timezone":12,"email":13,"availability":14,"links":15,"skills":22,"education":41,"languages":53,"slug":55,"body":56},"","I build interfaces for products people use every day — mostly in Vue and Nuxt, and mostly at the\npoint where a design system meets real production constraints.","Jake Armour","Senior Frontend Developer","Vue 3 · Nuxt · TypeScript","Telford, United Kingdom","UK",true,"UTC−2 to UTC+2","jobs@jakearmour.com","Open to senior frontend roles",[16,19],{"label":17,"href":18},"GitHub","https:\u002F\u002Fgithub.com\u002Fjake-armour",{"label":20,"href":21},"LinkedIn","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fjakearmour",{"core":23,"other":32},[24,25,26,27,28,29,30,31],"Vue 3","Nuxt","TypeScript","JavaScript","HTML\u002FCSS","Tailwind CSS","Pinia","Figma",[33,34,35,36,37,38,39,40],"Design systems","Component libraries","Headless CMS","Core Web Vitals","Unit testing","CI\u002FCD","Data visualisation","Git",[42,48],{"institution":43,"qualification":44,"grade":45,"start":46,"end":47},"The University of Huddersfield","MEng Computer Science","Pass with Distinction",2014,2019,{"institution":49,"qualification":50,"grade":51,"start":52,"end":46},"Telford College of Arts and Technology","BTEC Information Technology","D*D*D*",2012,[54],"English (fluent)","profile",{"type":57,"children":58},"root",[59,66],{"type":60,"tag":61,"props":62,"children":63},"element","p",{},[64],{"type":65,"value":5},"text",{"type":60,"tag":61,"props":67,"children":68},{},[69],{"type":65,"value":70},"I'm currently a senior frontend developer at Spamhaus, where I've led two company rebrands and\nbuilt the Vue 3 component library the rest of the team ships on. Outside work I build tools I\nactually need: a component workshop for Vue, a zero-knowledge password manager, and a monitor\nthat watches the containers running in my house.",{"title":72,"description":73,"tagline":74,"year":75,"status":76,"role":77,"featured":78,"order":79,"stack":80,"highlights":86,"slug":90,"body":91},"Job Search","Applying for work is mostly reading. Fifty postings that use the same words to describe\nmaterially different jobs, and the part that decides yes or no — is this remote really, is\n\"lead\" a title or two direct reports — is usually one clause somewhere in the middle.","An LLM-assisted pipeline for reading job postings honestly",2026,"building","Creator",false,5,[81,26,82,83,84,85],"Nuxt 4","Anthropic API","Drizzle","Postgres","Vitest",[87,88,89],"Model output is never trusted raw","Degrades to a working app with no key","Two models, chosen per task","job-search",{"type":57,"children":92},[93,106,111,118,123,132,137,143,189,194,200,205,213,218,223,228,248,256,262,273,278,286,292,305],{"type":60,"tag":61,"props":94,"children":95},{},[96,98,104],{"type":65,"value":97},"Applying for work is mostly reading. Fifty postings that use the same words to describe\nmaterially different jobs, and the part that decides yes or no — is this remote ",{"type":60,"tag":99,"props":100,"children":101},"em",{},[102],{"type":65,"value":103},"really",{"type":65,"value":105},", is\n\"lead\" a title or two direct reports — is usually one clause somewhere in the middle.",{"type":60,"tag":61,"props":107,"children":108},{},[109],{"type":65,"value":110},"So this is a tracker with an LLM in the loop: capture a posting, score it against what I\nactually want, and keep the pipeline visible. The interesting engineering is not the prompting.\nIt is everything around the model.",{"type":60,"tag":112,"props":113,"children":115},"h2",{"id":114},"what-i-want-as-prose",[116],{"type":65,"value":117},"What I want, as prose",{"type":60,"tag":61,"props":119,"children":120},{},[121],{"type":65,"value":122},"Fit scoring needs something to score against. That is a written profile, not a form:",{"type":60,"tag":61,"props":124,"children":125},{},[126],{"type":60,"tag":127,"props":128,"children":131},"img",{"alt":129,"src":130},"The preference profile. Prose rather than checkboxes, because the things that decide a yes or no are not checkboxes.","\u002Fwork\u002Fjob-search\u002Fpreferences.webp",[],{"type":60,"tag":61,"props":133,"children":134},{},[135],{"type":65,"value":136},"Checkboxes cannot express \"React acceptable if the team is strong on fundamentals\" or \"product\ncompany over agency\", and those are exactly the criteria that settle most decisions. Prose in,\nprose compared — the model is good at that, and a filter is not.",{"type":60,"tag":112,"props":138,"children":140},{"id":139},"the-model-output-is-never-trusted-raw",[141],{"type":65,"value":142},"The model output is never trusted raw",{"type":60,"tag":61,"props":144,"children":145},{},[146,148,155,157,163,165,171,173,179,181,187],{"type":65,"value":147},"Every call constrains output with a JSON schema — ",{"type":60,"tag":149,"props":150,"children":152},"code",{"className":151},[],[153],{"type":65,"value":154},"output_config: { format: { type: 'json_schema' } }",{"type":65,"value":156},"\n— so the response is shaped before it arrives. That is necessary but not sufficient, so each\nresponse then goes through a ",{"type":60,"tag":149,"props":158,"children":160},{"className":159},[],[161],{"type":65,"value":162},"coerce*",{"type":65,"value":164}," function at the boundary: ",{"type":60,"tag":149,"props":166,"children":168},{"className":167},[],[169],{"type":65,"value":170},"coerceScore",{"type":65,"value":172}," clamps to 0–100\nand normalises the arrays, ",{"type":60,"tag":149,"props":174,"children":176},{"className":175},[],[177],{"type":65,"value":178},"coerceSummary",{"type":65,"value":180}," shapes the signals object, ",{"type":60,"tag":149,"props":182,"children":184},{"className":183},[],[185],{"type":65,"value":186},"coerceExtraction",{"type":65,"value":188}," maps\nthe sentinels a model returns for \"not stated\" onto real nulls.",{"type":60,"tag":61,"props":190,"children":191},{},[192],{"type":65,"value":193},"Those coercers are the most-tested code in the project, and they are pure functions taking a\nplain object — so they are unit-tested with no key, no network and no mocking of the SDK. Of 57\ntests, none of them call the API. The parts that could be wrong in a way that matters are the\nparts that don't need it.",{"type":60,"tag":112,"props":195,"children":197},{"id":196},"a-score-is-worthless-without-its-reasoning",[198],{"type":65,"value":199},"A score is worthless without its reasoning",{"type":60,"tag":61,"props":201,"children":202},{},[203],{"type":65,"value":204},"A number on its own invites you to either trust it or ignore it. So a score arrives with the\nrationale, what matched, what is missing, and the stack it found:",{"type":60,"tag":61,"props":206,"children":207},{},[208],{"type":60,"tag":127,"props":209,"children":212},{"alt":210,"src":211},"The AI panel: a score, the reasoning behind it, matches and gaps, and the extracted stack.","\u002Fwork\u002Fjob-search\u002Fai-panel.webp",[],{"type":60,"tag":61,"props":214,"children":215},{},[216],{"type":65,"value":217},"The gaps are the useful half. \"On-call expectations unclear\" is not a reason to reject a posting\n— it is the question to ask on the call, which is a better output than a verdict. And when the\nrationale is visible, a bad score is obviously bad, which is the only practical way to keep\ntrusting the good ones.",{"type":60,"tag":61,"props":219,"children":220},{},[221],{"type":65,"value":222},"Scores are also stamped with the profile they were scored against, so editing what I want does\nnot silently leave stale numbers looking current.",{"type":60,"tag":112,"props":224,"children":226},{"id":225},"two-models-chosen-per-task",[227],{"type":65,"value":89},{"type":60,"tag":61,"props":229,"children":230},{},[231,233,239,241,246],{"type":65,"value":232},"Scoring, extraction and summarising run on ",{"type":60,"tag":234,"props":235,"children":236},"strong",{},[237],{"type":65,"value":238},"Haiku",{"type":65,"value":240}," — they are high-volume, structured, and\ncheap by design. Drafting a cover letter runs on ",{"type":60,"tag":234,"props":242,"children":243},{},[244],{"type":65,"value":245},"Sonnet",{"type":65,"value":247},", because that is prose someone will\nread and the difference shows. Both are environment-overridable, because pinning a model in\nsource is how you end up on last year's model forever.",{"type":60,"tag":61,"props":249,"children":250},{},[251],{"type":60,"tag":127,"props":252,"children":255},{"alt":253,"src":254},"The board, sorted by fit. Scores are colour-banded, so triage is a glance rather than a read.","\u002Fwork\u002Fjob-search\u002Fboard.webp",[],{"type":60,"tag":112,"props":257,"children":259},{"id":258},"it-has-to-work-with-no-key-at-all",[260],{"type":65,"value":261},"It has to work with no key at all",{"type":60,"tag":61,"props":263,"children":264},{},[265,271],{"type":60,"tag":149,"props":266,"children":268},{"className":267},[],[269],{"type":65,"value":270},"isAiEnabled()",{"type":65,"value":272}," is a presence check on the API key, and every AI surface is behind it. With no\nkey the app is a complete tracker: capture, kanban, timeline, reminders, documents, search. The\nAI controls simply are not rendered.",{"type":60,"tag":61,"props":274,"children":275},{},[276],{"type":65,"value":277},"That is not politeness about optional dependencies. An app that half-works without its API key\nis one that fails confusingly the first time a key expires — and it made the whole AI layer\ntestable without one, which is why the coercers have the coverage they do.",{"type":60,"tag":61,"props":279,"children":280},{},[281],{"type":60,"tag":127,"props":282,"children":285},{"alt":283,"src":284},"The dashboard: funnel, applications per week, and what needs chasing.","\u002Fwork\u002Fjob-search\u002Fdashboard.webp",[],{"type":60,"tag":112,"props":287,"children":289},{"id":288},"capture-in-three-tiers",[290],{"type":65,"value":291},"Capture, in three tiers",{"type":60,"tag":61,"props":293,"children":294},{},[295,297,303],{"type":65,"value":296},"Paste a URL and it tries the cheap thing first: schema.org ",{"type":60,"tag":149,"props":298,"children":300},{"className":299},[],[301],{"type":65,"value":302},"JobPosting",{"type":65,"value":304},", then OpenGraph, and only\nthen the model on the raw text. Most postings are structured data and cost nothing to read\nproperly. A pluggable scraper framework (RSS and generic HTML) feeds a staging inbox with dedup,\nso nothing auto-enters the pipeline without being looked at.",{"type":60,"tag":61,"props":306,"children":307},{},[308],{"type":65,"value":309},"Ordering those by cost rather than by capability is the whole trick. Reaching for the model first\nwould work, and would be slower and more expensive on the majority of inputs that never needed\nit.",{"previous":311,"next":598},{"title":312,"description":313,"tagline":314,"year":75,"status":76,"role":77,"featured":11,"order":315,"stack":316,"highlights":319,"slug":323,"body":324},"Beacon","I run a handful of Docker containers at home that are reachable from the internet. Beacon exists\nbecause I kept finding out one of them had fallen over by trying to use it.","Uptime monitoring for the containers I self-host",4,[81,26,83,84,317,318,85],"Docker","Cloudflare Tunnel",[320,321,322],"Watches from outside the box","Correctness enforced by the database","292 tests against a real Postgres","beacon",{"type":57,"children":325},[326,330,336,346,358,364,376,384,389,400,408,414,419,431,437,457,462,468,473,481,486,494,500,511,516,522,527,533,593],{"type":60,"tag":61,"props":327,"children":328},{},[329],{"type":65,"value":313},{"type":60,"tag":112,"props":331,"children":333},{"id":332},"the-one-rule",[334],{"type":65,"value":335},"The one rule",{"type":60,"tag":61,"props":337,"children":338},{},[339,344],{"type":60,"tag":234,"props":340,"children":341},{},[342],{"type":65,"value":343},"Beacon must not share a fate with the things it watches.",{"type":65,"value":345}," Its entire job is to notice when\nsomething has stopped answering, which it cannot do if one failure takes them both out.",{"type":60,"tag":61,"props":347,"children":348},{},[349,351,356],{"type":65,"value":350},"My first instinct was a separate box in the house, and that is not enough. A power cut, a dead\nrouter or an ISP outage takes down the services ",{"type":60,"tag":99,"props":352,"children":353},{},[354],{"type":65,"value":355},"and",{"type":65,"value":357}," the monitor — and that is precisely the\nfailure you most want to hear about. So it runs off-premises on a free-tier VM with its own power\nand its own connection, and reaches the services over the public internet exactly as anyone else\nwould. It is testing the path in, not just the process.",{"type":60,"tag":112,"props":359,"children":361},{"id":360},"one-question-per-page",[362],{"type":65,"value":363},"One question per page",{"type":60,"tag":61,"props":365,"children":366},{},[367,369,374],{"type":65,"value":368},"The dashboard answers ",{"type":60,"tag":99,"props":370,"children":371},{},[372],{"type":65,"value":373},"is anything wrong right now",{"type":65,"value":375}," — in a sentence, before any table. If\nsomething is down it says which service and for how long; if nothing is, it says so and gets out\nof the way. It should be readable from a phone in a few seconds.",{"type":60,"tag":61,"props":377,"children":378},{},[379],{"type":60,"tag":127,"props":380,"children":383},{"alt":381,"src":382},"The dashboard: a plain-language verdict, then services grouped by the machine they run on.","\u002Fwork\u002Fbeacon\u002Fdashboard.webp",[],{"type":60,"tag":61,"props":385,"children":386},{},[387],{"type":65,"value":388},"Services are grouped by host — the machine they run on. That is not cosmetic. It is what makes\n\"the NUC is down\" one line rather than six identical alerts, and it is the unit history is kept\nagainst.",{"type":60,"tag":390,"props":391,"children":395},"pre",{"className":392,"code":394,"language":65},[393],"language-text","host          a machine — the NUC under the stairs, a Pi, a VPS\n └── monitor  a service on it, checked on its own schedule\n      ├── check_result   one row per probe, pruned at 30 days\n      ├── incident       one open per monitor per kind\n      └── daily_uptime   the rollup that survives pruning\n",[396],{"type":60,"tag":149,"props":397,"children":398},{"__ignoreMap":4},[399],{"type":65,"value":394},{"type":60,"tag":61,"props":401,"children":402},{},[403],{"type":60,"tag":127,"props":404,"children":407},{"alt":405,"src":406},"The host list. Environment is a label for my own benefit — it changes nothing about how often anything is checked.","\u002Fwork\u002Fbeacon\u002Fhosts.webp",[],{"type":60,"tag":112,"props":409,"children":411},{"id":410},"deciding-what-counts-as-down",[412],{"type":65,"value":413},"Deciding what counts as down",{"type":60,"tag":61,"props":415,"children":416},{},[417],{"type":65,"value":418},"A single failed check is not an outage. The default is two consecutive failures before an incident\nopens, which at 60-second checks means roughly two minutes to notification — long enough that a\ndropped packet or a container restart never emails anyone, short enough to be useful. One failure\nwould make the whole thing something you learn to ignore, which is the actual failure mode for\nalerting tools.",{"type":60,"tag":61,"props":420,"children":421},{},[422,424,429],{"type":65,"value":423},"Recovery closes the incident and sends a second email. Alerts are written to the database ",{"type":60,"tag":99,"props":425,"children":426},{},[427],{"type":65,"value":428},"before",{"type":65,"value":430},"\nthe send is attempted, so a crash mid-send leaves the row unsent and the next cycle retries it.\nAt-least-once delivery is the right trade here: a duplicate email beats a missed outage.",{"type":60,"tag":112,"props":432,"children":434},{"id":433},"correctness-that-does-not-depend-on-my-code-being-careful",[435],{"type":65,"value":436},"Correctness that does not depend on my code being careful",{"type":60,"tag":61,"props":438,"children":439},{},[440,442,447,449,455],{"type":65,"value":441},"Two concurrent check cycles must not both open a \"down\" incident for the same service. Rather than\nguard that in application logic, it is a ",{"type":60,"tag":234,"props":443,"children":444},{},[445],{"type":65,"value":446},"partial unique index",{"type":65,"value":448}," — one open incident per monitor\nper kind, ",{"type":60,"tag":149,"props":450,"children":452},{"className":451},[],[453],{"type":65,"value":454},"WHERE resolved_at IS NULL",{"type":65,"value":456},". The second writer gets a constraint violation from\nPostgres. The rule holds regardless of what the application does next.",{"type":60,"tag":61,"props":458,"children":459},{},[460],{"type":65,"value":461},"Raw checks are pruned at 30 days and rolled up into daily uptime first, because 20 services at\n60-second intervals is about 10.5 million rows a year, and \"uptime over the last 90 days\" should\nstill be one cheap read.",{"type":60,"tag":112,"props":463,"children":465},{"id":464},"the-other-question-has-this-been-happening",[466],{"type":65,"value":467},"The other question: has this been happening",{"type":60,"tag":61,"props":469,"children":470},{},[471],{"type":65,"value":472},"Each host has a history page — 90 days of uptime as a strip, response times, and the incidents\nbehind them. A missing day renders as a third state rather than as zero, because a day with no\ndata is not a day with an outage, and colouring it red would invent one.",{"type":60,"tag":61,"props":474,"children":475},{},[476],{"type":60,"tag":127,"props":477,"children":480},{"alt":478,"src":479},"A host's history: 90 days per service, with days that were never monitored kept visually distinct from days that were down.","\u002Fwork\u002Fbeacon\u002Fhistory.webp",[],{"type":60,"tag":61,"props":482,"children":483},{},[484],{"type":65,"value":485},"Months are also rendered as a printable page rather than a generated PDF, so there is no headless\nbrowser in the container and the browser's own \"Save as PDF\" does the work.",{"type":60,"tag":61,"props":487,"children":488},{},[489],{"type":60,"tag":127,"props":490,"children":493},{"alt":491,"src":492},"A month as a print-styled page.","\u002Fwork\u002Fbeacon\u002Freport.webp",[],{"type":60,"tag":112,"props":495,"children":497},{"id":496},"nothing-dials-in",[498],{"type":65,"value":499},"Nothing dials in",{"type":60,"tag":61,"props":501,"children":502},{},[503,505,509],{"type":65,"value":504},"Both ends use a ",{"type":60,"tag":234,"props":506,"children":507},{},[508],{"type":65,"value":318},{"type":65,"value":510},", in opposite directions. The services at home are reachable\nwithout a single inbound port open, no port forwarding and no certificates to renew. Beacon's own\ndashboard is published the same way, which on a cloud VM means never touching a firewall — and\nOracle Cloud has two independent ones that disagree with each other, so avoiding both is worth\nmore than it sounds.",{"type":60,"tag":61,"props":512,"children":513},{},[514],{"type":65,"value":515},"The tunnel dials out; nothing dials in.",{"type":60,"tag":112,"props":517,"children":519},{"id":518},"tested-against-a-real-database",[520],{"type":65,"value":521},"Tested against a real database",{"type":60,"tag":61,"props":523,"children":524},{},[525],{"type":65,"value":526},"292 tests, and the integration ones run migrations against Postgres compiled to WASM rather than a\nmock. That matters for this app specifically: a mocked database would happily accept the duplicate\nincident the partial unique index exists to reject, so the test would pass and the constraint\nwould be decoration.",{"type":60,"tag":112,"props":528,"children":530},{"id":529},"configuration-is-load-bearing",[531],{"type":65,"value":532},"Configuration is load-bearing",{"type":60,"tag":61,"props":534,"children":535},{},[536,538,544,546,552,554,559,561,567,569,575,577,583,585,591],{"type":65,"value":537},"A note I left in the deployment guide for my future self, after it bit me twice: every application\nvariable must be ",{"type":60,"tag":149,"props":539,"children":541},{"className":540},[],[542],{"type":65,"value":543},"NUXT_",{"type":65,"value":545},"-prefixed. Nitro bakes ",{"type":60,"tag":149,"props":547,"children":549},{"className":548},[],[550],{"type":65,"value":551},"runtimeConfig",{"type":65,"value":553}," at build time and re-reads it at\nruntime ",{"type":60,"tag":99,"props":555,"children":556},{},[557],{"type":65,"value":558},"only",{"type":65,"value":560}," from ",{"type":60,"tag":149,"props":562,"children":564},{"className":563},[],[565],{"type":65,"value":566},"NUXT_*",{"type":65,"value":568},". Set ",{"type":60,"tag":149,"props":570,"children":572},{"className":571},[],[573],{"type":65,"value":574},"ADMIN_PASSWORD_HASH",{"type":65,"value":576}," instead of ",{"type":60,"tag":149,"props":578,"children":580},{"className":579},[],[581],{"type":65,"value":582},"NUXT_ADMIN_PASSWORD_HASH",{"type":65,"value":584}," and\nsign-in returns a 503 while ",{"type":60,"tag":149,"props":586,"children":588},{"className":587},[],[589],{"type":65,"value":590},"docker compose exec",{"type":65,"value":592}," shows you a perfectly correct-looking value in\nthe environment. The container starts, the dashboard loads, and the one thing you need it to do\nfails silently.",{"type":60,"tag":61,"props":594,"children":595},{},[596],{"type":65,"value":597},"The helper script that generates the hash was printing the unprefixed name — walking people\ndirectly into the trap its own documentation warned about. Small operational details like that are\nmost of what running your own infrastructure actually is.",{"title":599,"description":600,"tagline":601,"year":75,"status":602,"role":77,"featured":78,"order":603,"stack":604,"highlights":608,"slug":612,"body":613},"Blinds Measure","I moved into a new house that needed blinds in every room, and I spent an evening walking round\nwith a tape measure and my phone's notes app. Six numbers per window — three widths, three heights\n— and by the third room the note was an undifferentiated wall of digits. I could no longer tell\nwhich figures belonged to which window, so the next day I started again.","Recess blind sizing for a house full of windows","live",6,[24,605,30,606,84,317,607],"Vite","Fastify","Cloudflare Access",[609,610,611],"The tightest point sets the size","Out of square, drawn not described","Built while measuring the house it was for","blinds-measure",{"type":57,"children":614},[615,619,624,629,641,661,671,677,682,687,696,701,707,720,728,733],{"type":60,"tag":61,"props":616,"children":617},{},[618],{"type":65,"value":600},{"type":60,"tag":61,"props":620,"children":621},{},[622],{"type":65,"value":623},"Blinds Measure is the thing I should have had on that first evening. Houses contain rooms, rooms\ncontain windows, windows carry six measurements, and the app gives you back the size to order.",{"type":60,"tag":112,"props":625,"children":627},{"id":626},"the-tightest-point-sets-the-size",[628],{"type":65,"value":609},{"type":60,"tag":61,"props":630,"children":631},{},[632,634,639],{"type":65,"value":633},"A recess blind hangs inside the opening, so it has to clear the narrowest point of that opening.\nRecesses are rarely square — plaster bows, frames settle, sills are not level — which is why you\nmeasure the width at the top, middle and bottom, and the height at the left, centre and right.\nThe size you order is the ",{"type":60,"tag":234,"props":635,"children":636},{},[637],{"type":65,"value":638},"smallest of each",{"type":65,"value":640},". Order to the average and the blind jams on the way\ndown.",{"type":60,"tag":61,"props":642,"children":643},{},[644,646,652,654,659],{"type":65,"value":645},"The rule itself is a ",{"type":60,"tag":149,"props":647,"children":649},{"className":648},[],[650],{"type":65,"value":651},"Math.min",{"type":65,"value":653}," over each trio, and it is about six lines with a test to hold it\nin place. Making it ",{"type":60,"tag":99,"props":655,"children":656},{},[657],{"type":65,"value":658},"visible",{"type":65,"value":660}," was the interesting part.",{"type":60,"tag":61,"props":662,"children":663},{},[664],{"type":60,"tag":127,"props":665,"children":670},{"alt":666,"src":667,"className":668},"Rooms as sheets, each with a title block and its window count. The blind size is the largest thing in the row, because it is what you came for; a window whose measurements disagree by more than 10mm carries a warning.","\u002Fwork\u002Fblinds-measure\u002Frooms.webp",[669],"phone",[],{"type":60,"tag":112,"props":672,"children":674},{"id":673},"drawing-the-window",[675],{"type":65,"value":676},"Drawing the window",{"type":60,"tag":61,"props":678,"children":679},{},[680],{"type":65,"value":681},"Every measurement form I have used treats six numbers as six numbers. But the six describe a\nshape, and a shape can be drawn — so the add-window form draws it, to scale, as you type: an\noutline of the recess with the widths stacked as dimension lines underneath it and the heights\ndown the left, the governing measurement in accent with arrowheads, the other four muted.",{"type":60,"tag":61,"props":683,"children":684},{},[685],{"type":65,"value":686},"A window out of square comes out visibly out of square. That immediately raised an honesty\nproblem: 4mm of bow on a 1200mm window is a third of one percent, and at true scale it is\ninvisible — an accurate drawing that shows you nothing. So deviation from the governing figure is\namplified, and capped so one mistyped entry cannot distort the drawing beyond the frame. A diagram\nthat exaggerates silently is a lying diagram, so it says \"deviation exaggerated\" whenever it is\ndoing it, and the real figures are always printed on the lines.",{"type":60,"tag":61,"props":688,"children":689},{},[690],{"type":60,"tag":127,"props":691,"children":695},{"alt":692,"src":693,"className":694},"A bay window measuring 1204 wide at the top, 1200 across the middle and 1206 at the bottom. The outline is visibly waisted where it is tightest, and the two governing figures — 1200 and 1450 — are the ones carrying arrowheads while the four larger ones stay muted.","\u002Fwork\u002Fblinds-measure\u002Fdiagram.webp",[669],[],{"type":60,"tag":61,"props":697,"children":698},{},[699],{"type":65,"value":700},"The geometry lives in a pure function with no Vue and no DOM in it, and the component is a\nfew dozen lines of SVG over the top. Boundaries symmetric about the centre, each edge a three-point\nprofile, so the outline pinches exactly where the measurement is tightest.",{"type":60,"tag":112,"props":702,"children":704},{"id":703},"the-shape-of-the-thing",[705],{"type":65,"value":706},"The shape of the thing",{"type":60,"tag":61,"props":708,"children":709},{},[710,712,718],{"type":65,"value":711},"A Vue 3 SPA with Pinia over a Fastify API and Postgres. The SPA and the API build into a single\nimage — the API serves the built frontend — with Postgres alongside it, so the whole thing comes up\non one ",{"type":60,"tag":149,"props":713,"children":715},{"className":714},[],[716],{"type":65,"value":717},"docker compose up",{"type":65,"value":719},". Results export as CSV, or print as an order sheet — title block, rooms\ngrouped, tabular sizes, and the out-of-square warnings carried through as text, because a supplier\nneeds to know that.",{"type":60,"tag":61,"props":721,"children":722},{},[723],{"type":60,"tag":127,"props":724,"children":727},{"alt":725,"src":726},"The order sheet on a laptop: measuring happens on a phone in the room, but the sheet you hand to a supplier is easier to check and print from a desk.","\u002Fwork\u002Fblinds-measure\u002Forder-sheet.webp",[],{"type":60,"tag":61,"props":729,"children":730},{},[731],{"type":65,"value":732},"Authentication is the part worth mentioning, because there isn't any. The app sits behind a\nCloudflare tunnel with an Access policy in front of the hostname, and has no login of its own. That\nis a real decision rather than a shortcut, and it is only safe under conditions that are easy to\nbreak by accident later — so the README states them: never publish the origin port, never add a\nsecond ingress that bypasses Access, and add app-level auth first if it ever moves off the tunnel.\nA security posture you cannot see is one you will violate in six months.",{"type":60,"tag":61,"props":734,"children":735},{},[736],{"type":65,"value":737},"It is the smallest thing on this page, and it exists because measuring a houseful of windows into a\nnotes app is a genuinely bad way to spend an evening.",1785763488412]