Skip to main content
GrN.dk

Main navigation

  • Articles
  • Cases
  • Contact
  • Your Digital Project Manager
  • About Greg Nowak
  • Services
  • Container
    • Excel Freelancer
    • Kubuntu - tips and tricks
    • Linux Apache MySQL and PHP
    • News
    • Image Gallery
User account menu
  • Log in

Join my community / free newsletter — sign up here

Breadcrumb

  1. Home
  2. Cases

An interactive demo of the Trello-to-AI workflow

Client
GrN.dk — internal build
Sector
AI workflow automation
Period
July 2026

cases.grn.dk ↗

cases.grn.dk: the interactive kanban demo with two cards labelled ai:working and one finished card in Done

At a glance

One Trello card asked for something that would show — not tell — how a Danish company can hand work to an AI colleague. The answer was cases.grn.dk: a self-contained interactive page where the visitor types a task, watches an AI pick it up, gets asked a question, answers it, and sees the finished card land at the top of Done. The brief, the domain, the design, the copy, the sound and the publication were all handled by the AI setup the page describes.

1 Trello card from brief to live site
24 KB of HTML — the entire site
0 frameworks, no build step, no tracking

The challenge

“AI can take work off your desk” is easy to claim and hard to feel. A screen recording proves nothing — anything can be edited — and a written explanation of labels, queues and hand-offs loses a business owner in the first paragraph.

The brief was explicit about that: not a video. An interactive page, in Danish, aimed at Danish companies, that shows the whole loop — task in, AI picks it up, AI asks when it is unsure, human answers, finished work lands in Done — using sound and motion where they help rather than decorate. And it had to be published on its own domain.

The solution

cases.grn.dk is a single hand-written HTML file: 24 KB, no framework, no build step, no external assets, no tracking. Everything the page needs is inline, down to the emoji favicon.

The centre of the page is a working kanban simulation that borrows the real vocabulary of the live workflow instead of mocking one up:

  • the visitor types a task — or taps one of four presets — and the card drops into To-do;
  • a robot picks it up, the yellow ai:working label snaps on, and a log types out what it is doing;
  • one task hits a genuine decision, slides to Venter på dig with the orange ai:waiting label and asks its question on the card — the visitor answers with a button and unblocks it;
  • the finished card lands at the top of Done with a green label, a result note and a chime.

Every sound is synthesised in the browser with the Web Audio API, so there are no audio files to download, and the Danish narration uses the Web Speech API with a da-DK voice when the visitor's device has one — with a mute toggle in the corner for when it does not fit the moment. Below the demo, four steps explain the loop in plain Danish, and then the page makes the point that matters: it was ordered exactly the same way, and the card that ordered it is sitting in Done.

Delivery included the hosting, not just the page: an OpenLiteSpeed virtual host with scripting switched off — there is no server-side code to attack — plus a Let's Encrypt certificate and an HTTP-to-HTTPS redirect.

The results

The page has been live since 19 July 2026 and does in under a minute, on a phone, what normally takes a sales call: the visitor runs the workflow themselves, including the part where the AI stops and asks a question, which is the part people do not expect.

Because it is a static file, it costs effectively nothing to run, shrugs off a traffic spike, and has no database, plugin tree or admin login to keep patched.

And the build is its own evidence. The domain, the TLS certificate, the interaction design, the Danish copy, the synthesised sound and the publication all came out of one Trello card — the same loop the page lets you play with.

Not a video, but an interactive page or whatever it could be best practice mindblowing wow factor 2026.

The Trello card that ordered this page
  • AI workflow automation
  • AI agents
  • trello
  • javascript

Got a project that needs the same kind of hands-on delivery?

Your digital project manager

Review Greg on Google

Greg Nowak Google Reviews

 

Illustrated infographic summarizing: WordPress 7.1 Forces the Editor Into an iframe—Test Your Custom Blocks
WordPress 7.1 Forces the Editor Into an iframe—Test Your Custom Blocks
2026-08-15

WordPress 7.1 removes the non-iframe editor fallback. Learn how to audit custom blocks, test real workflows and fix compatibility issues before launch.

Illustrated infographic summarizing: GitHub will stop sending jobs to stale self-hosted runners
GitHub will stop sending jobs to stale self-hosted runners
2026-08-14

GitHub starts enforcing runner versions on August 24, 2026. Audit and upgrade self-hosted runners before builds and deployments start stalling.

Illustrated infographic summarizing: Your AI Agent Has Shell Access. What Can It Reach?
Your AI Agent Has Shell Access. What Can It Reach?
2026-08-13

A practical guide to mapping what a shell-enabled AI agent can reach, then containing its access to files, credentials, networks, tools, and high-impact actions.

Illustrated infographic summarizing: Cloudflare Changed DoH JSON. What Else Is Parsing DNS as Text?
Cloudflare Changed DoH JSON. What Else Is Parsing DNS as Text?
2026-08-12

Cloudflare’s DoH JSON change exposes brittle DNS parsing. Find affected scripts, test both formats, and choose a safer integration contract.

Illustrated infographic summarizing: Your Website Can Answer Questions Now. Should It?
Your Website Can Answer Questions Now. Should It?
2026-08-11

NLWeb makes conversational website search practical to deploy. The real question is whether your content, users and team are ready to support it.

Illustrated infographic summarizing: AI Search Finally Has Reports. Now Connect Visibility to Revenue
AI Search Finally Has Reports. Now Connect Visibility to Revenue
2026-08-11

Google and Bing now expose first-party AI search data. The real task is connecting citations and impressions to analytics, CRM outcomes, and revenue.

Illustrated infographic summarizing: The Bot Passed Your CAPTCHA. What Did It Do Next?
The Bot Passed Your CAPTCHA. What Did It Do Next?
2026-08-11

Passing a challenge is only one signal. Session analysis, server-side validation and endpoint-specific controls help reduce bot abuse without blocking customers.

Illustrated infographic summarizing: WordPress 7.1 Moves Image Work Into the Browser—Test Every Media Hook
WordPress 7.1 Moves Image Work Into the Browser—Test Every Media Hook
2026-08-11

WordPress 7.1 shifts image processing into supported browsers. Here is what to test across hooks, CDNs, formats, security headers, and fallbacks.

Illustrated infographic summarizing: Prompt Caches Have Write Costs Now—Audit What Your Workflow Reuses
Prompt Caches Have Write Costs Now—Audit What Your Workflow Reuses
2026-08-10

GPT-5.6 makes cache writes billable. See how to spot wasted writes, stabilise prompt prefixes, place breakpoints and measure whether caching pays.

Illustrated infographic summarizing: The AI Crawler in Your Logs May Be Wearing a Borrowed Name
The AI Crawler in Your Logs May Be Wearing a Borrowed Name
2026-08-09

A User-Agent is a claim, not proof. See how to verify AI crawler traffic before it shapes reporting, robots.txt decisions, or WAF exceptions.

More articles
RSS feed

Footer

  • All articles
  • Contact

GrN.dk web platforms, web optimization, data analysis, data handling and logistics.