From 6278a801235cfae67dbe24843a401b6036278843 Mon Sep 17 00:00:00 2001 From: crupest Date: Wed, 19 Jul 2023 16:45:18 +0800 Subject: Yay, pretty, pretty, pretty. --- docker/crupest-nginx/sites/www/src/main.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'docker/crupest-nginx/sites/www/src/main.ts') diff --git a/docker/crupest-nginx/sites/www/src/main.ts b/docker/crupest-nginx/sites/www/src/main.ts index 17d7e12..13553ed 100644 --- a/docker/crupest-nginx/sites/www/src/main.ts +++ b/docker/crupest-nginx/sites/www/src/main.ts @@ -71,10 +71,11 @@ async function loadTodos(syncWith: Promise): Promise { const todosPromise = fetchTodos(); await syncWith; // Let's wait this first. const todos = await todosPromise; - todos.forEach((item) => { + todos.forEach((item, index) => { const { status, title, closed } = item; const li = document.createElement("li"); li.dataset.status = closed ? "closed" : "open"; + li.style.animationDelay = `${index * 0.04}s`; // The color from api server is kind of ugly at present. // li.style.background = color; const statusSpan = document.createElement("span"); -- cgit v1.2.3