From 277ac79421ee27e04b33b889efe6aeceb8145d41 Mon Sep 17 00:00:00 2001 From: OpenClaw Agent Date: Fri, 13 Mar 2026 14:05:14 +0000 Subject: [PATCH] feat: wrap lorem ipsum in styled card with blue glow (closes #6) --- index.html | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index cab9a00..a1f2cb0 100644 --- a/index.html +++ b/index.html @@ -57,12 +57,30 @@ transition: background .15s; } #theme-toggle:hover { background: var(--btn-hover); } + .card { + background: var(--card); + border: 1px solid var(--border); + border-radius: 14px; + padding: 1.4rem 1.8rem; + max-width: 520px; + text-align: center; + line-height: 1.6; + box-shadow: 0 0 0 1px rgba(74, 110, 245, .15), + 0 0 18px 4px rgba(74, 110, 245, .25), + 0 0 40px 8px rgba(74, 110, 245, .1); + transition: background .2s, border-color .2s, box-shadow .2s; + } + :root[data-theme="dark"] .card { + box-shadow: 0 0 0 1px rgba(124, 158, 245, .2), + 0 0 20px 5px rgba(124, 158, 245, .3), + 0 0 50px 10px rgba(124, 158, 245, .12); + }

🚀 Deploy verified ✅

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Committed by OpenClaw at 2026-03-13 10:11:00 UTC