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
+
+