From 7cc1026ccbcb0ddb154911d2767b02ca77f7d6fa Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Wed, 13 Dec 2023 15:47:19 +0100
Subject: [PATCH] feat(site): update features list with lit-html usage

---
 README.md                 |  5 +++--
 site/src/pages/index.html | 20 ++++++++++----------
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/README.md b/README.md
index 796e62d..13bf17b 100644
--- a/README.md
+++ b/README.md
@@ -17,8 +17,9 @@ The result is a reactive UI on property changes. [View on CodePen ↗](https://c
 
 - A robust `props` API that synchronizes your components' property values and HTML attributes
 - Sensible life-cycle hooks that you understand and remember
-- A minimal `html` function for tagged templates powered by preact's tiny (450 Bytes) [htm/mini](http://github.com/developit/htm)
-- Attach "side effects" that gets triggered on property value changes with `attachEffect` ([example](https://codepen.io/ayoayco-the-styleful/pen/ExrdWPv?editors=1011))
+- Built-in minimal `html` function for tagged templates powered by preact's tiny (450 Bytes) [htm/mini](http://github.com/developit/htm)
+- Or just use a custom templating syntax you are already familiar with, like `lit-html` • [View on CodePen ↗](https://codepen.io/ayoayco-the-styleful/pen/ZEwNJBR?editors=1010)
+- Attach "side effects" that gets triggered on property value changes with `attachEffect` • [View on CodePen ↗](https://codepen.io/ayoayco-the-styleful/pen/ExrdWPv?editors=1011)
 - Provided out-of-the-box with [McFly](https://ayco.io/gh/McFly), a powerful no-framework framework
 
 ## Table of Contents
diff --git a/site/src/pages/index.html b/site/src/pages/index.html
index 664c08b..fbb7f34 100644
--- a/site/src/pages/index.html
+++ b/site/src/pages/index.html
@@ -65,19 +65,19 @@
             your components' property values and HTML attributes
           </li>
           <li>Sensible life-cycle hooks that you understand and remember</li>
-          <li>
-            Use a custom templating syntax you are familiar with, like
-            <code-block inline>lit-html</code-block> (<a
-              href="https://codepen.io/ayoayco-the-styleful/pen/ZEwNJBR?editors=1010"
-              >example</a
-            >)
-          </li>
           <li>
             Built-in minimal <code-block inline>html</code-block> function for
             tagged templates powered by Preact's tiny (450 Bytes)
-            <a href="http://github.com/developit/htm" target="_blank"
-              >htm/mini</a
-            >
+            <code-block inline>htm/mini</code-block>
+          </li>
+          <li>
+            Or just use a custom templating syntax you are already familiar
+            with, like
+            <code-block inline>lit-html</code-block> (<a
+              href="https://codepen.io/ayoayco-the-styleful/pen/ZEwNJBR?editors=1010"
+              target="_blank"
+              >example</a
+            >)
           </li>
           <li>
             Attach "side effects" that gets triggered on property value changes