Skip to main content
GrN.dk

Main navigation

  • Articles
  • Cases
  • Contact
  • Your Digital Project Manager
  • About Greg Nowak
  • Services
  • Portfolio
  • 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: AI Agents Need a Spending Brake, Not Just a Billing Dashboard
AI Agents Need a Spending Brake, Not Just a Billing Dashboard
2026-08-08

AI agent costs can climb inside a single workflow. Runtime budgets, loop detection, outcome metrics, and safe handoffs keep that spending under control.

Illustrated infographic summarizing: Drupal 12 Slipped to December. Drupal 10 Still Runs Out of Road
Drupal 12 Slipped to December. Drupal 10 Still Runs Out of Road
2026-08-07

Drupal 12 arrives as Drupal 10 support ends in December 2026. Moving to Drupal 11.3+ first keeps two mandatory upgrades manageable.

Illustrated infographic summarizing: EU OpenAI Residency Is a Migration Project, Not a Dashboard Toggle
EU OpenAI Residency Is a Migration Project, Not a Dashboard Toggle
2026-08-05

An EU-resident OpenAI API setup needs a new project, regional routing, dependency and state migration, compatibility testing, and clear governance evidence.

Illustrated infographic summarizing: AI Images Need a Chain of Custody, Not Just a Disclosure Label
AI Images Need a Chain of Custody, Not Just a Disclosure Label
2026-08-04

AI image labels are only the endpoint. Learn how to test C2PA credentials through editing, CMS, CDN and agency handoffs while preserving evidence.

Illustrated infographic summarizing: MCP Just Went Stateless: Audit the Integrations Behind Your AI Tools
MCP Just Went Stateless: Audit the Integrations Behind Your AI Tools
2026-08-03

The 28 July 2026 MCP release removes protocol sessions and changes discovery, tasks, caching, OAuth and tracing. A practical guide to auditing the move.

Illustrated infographic summarizing: SEO Trends for 2026: What Actually Changed Since 2024
SEO Trends for 2026: What Actually Changed Since 2024
2026-08-03

A practical guide to what changed in SEO between 2024 and 2026, from AI and multimodal search to Core Web Vitals, privacy and local visibility.

Illustrated infographic summarizing: INP and Green SEO Share a Backlog: Cut the Work Every Visit Repeats
INP and Green SEO Share a Backlog: Cut the Work Every Visit Repeats
2026-08-03

INP and sustainable web work often expose the same waste. Use field data, profiling, caching and performance budgets to build one practical backlog.

Illustrated infographic summarizing: AI crawler policy now has verbs: separate search, RAG, and training
AI crawler policy now has verbs: separate search, RAG, and training
2026-08-02

AI crawler rules now need separate decisions for search, RAG, and training, backed by practical testing across robots.txt, CDNs, WAFs, and CMS controls.

Illustrated infographic summarizing: WordPress Supports Old PHP; Your Production Server Shouldn’t
WordPress Supports Old PHP; Your Production Server Shouldn’t
2026-08-01

WordPress still runs on legacy PHP, but compatibility is not a security policy. Build and test your upgrade path before PHP 8.2 support ends.

Illustrated infographic summarizing: The AI-built tool your team relies on needs an owner
The AI-built tool your team relies on needs an owner
2026-07-31

AI-built internal tools can become business-critical before anyone owns them. Here is how to secure, review, monitor, and retire them without blocking useful work.

More articles
RSS feed

Footer

  • All articles
  • Contact

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