feat: add banner for mizu.js

lowlighter · Dec 19, 2024 · 65c28d3 · 65c28d3
1 parent 6253268
commit 65c28d3
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/app/mod.html b/app/mod.html
@@ -190,6 +190,18 @@ <h2 id="usage"><a href="#usage">Usage</a></h2>
           <p>
             All published versions are available in the <a href="/v/" target="_blank"><code>/v/</code></a> directory. By default, the <code>main</code> branch is served.
           </p>
+          <div class="flash accent flex space-between">
+            <img src="https://mizu.sh/minu.png" alt="" style="max-width: 90px">
+            <div class="ml-1 width grow">
+              <p>
+                Looking to create interactive web pages in seconds? Check out <a href="https://mizu.sh"><u>mizu.js</u></a>!
+              </p>
+              <pre
+                class="usage-snippet"
+              ><code><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://mizu.sh/client.js"</span> <span class="hljs-attr">defer</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></code></pre
+              >
+            </div>
+          </div>
           <section>
             <h3 id="a-la-carte"><a href="#a-la-carte">À la carte</a></h3>
             <p>