without-love

Claude’s solution

Here is the prompt I used:

You are a creative coder and you get this HTML document with quotes by Lao-Tzu describing how some things without love turn into other things. Create a beautiful animation from that dataset. Use any web technologies you need. You can also make it interactive. Whatever you think is most pleasing for people.

Claude’s answer:

I’ll start by reading the design skill, then build this.

The idea: love is a small candle flame you carry. All thirteen words start as their cold shadow forms, like brutality, dogma and fanaticism, set in thin grey italic. When the light comes near, a word warms and blurs back into what it was meant to be: Truth, Knowledge, Faith. Move the light away and the word cools into its shadow again.

How to use it:

• Move the cursor, or drag a finger on mobile, to carry the light.
• Press and hold, or hold the space bar, and the light slowly spreads until it covers every word. Let go and it shrinks back to a flame.
• Leave it alone for a few seconds and the light wanders through the words by itself, so it also works as an ambient piece on a screen.
• The line at the bottom shows the full saying for the word nearest the light. Whichever half is currently true stays lit.

Small dust motes drift across the dark, turn into embers as the light passes, and lean toward it. The page follows your system’s light or dark mode and respects reduced-motion settings.

One note: I credited it as “attributed to Lao Tzu.” The saying is widely shared under his name, but it doesn’t appear in the Tao Te Ching.

This site is open source. Improve this page.