From ec16f7d7dacb396b458bab13bc313b379f9e82f6 Mon Sep 17 00:00:00 2001 From: Ayo Date: Thu, 14 May 2026 09:47:36 +0200 Subject: [PATCH] feat(site): add quick start section --- index.html | 73 +++++++++++++++++++++++++++++++++++++++--------------- 1 file changed, 53 insertions(+), 20 deletions(-) diff --git a/index.html b/index.html index 768f31c..0b2def6 100644 --- a/index.html +++ b/index.html @@ -35,6 +35,24 @@ status-indicator { font-family: 'Courier New', Courier, monospace; } + + nav, code { + max-width: 500px; + + @media(max-width:440px) { + max-width: 300px; + } + } + + code { + padding: 1rem; + margin: 1rem 0; + + pre { + margin: 0; + padding: 0.25rem 0; + } + } @@ -48,26 +66,41 @@
-

Colored circles that can pulse

- - All systems operational - -
- - Something's wrong - -
- - It's just fine; carry on - -
- - Nothing matters - -
- - Slow down... - +
+

Colored circles that can pulse

+ + All systems operational + +
+ + Something's wrong + +
+ + It's just fine; carry on + +
+ + Nothing matters + +
+ + Slow down... + +
+
+

Quick Start

+ 
+<script type="module" src="https://esm.sh/@ayo-run/status-indicator"></script>
+
+<status-indicator pulse status="positive">
+All systems operational
+</status-indicator>
+
+

More on the + README +

+