From 5320c6620441f92ce51112253803568aa3bf0b7e Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Fri, 29 Jan 2021 01:50:03 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Improve=20the=20documentation=20pag?=
 =?UTF-8?q?e?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 32 +++++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 3f75454..d0776be 100644
--- a/index.html
+++ b/index.html
@@ -129,7 +129,7 @@
         <h2>
             Layout
         </h2>
-        <section class="panel panel-aside">
+        <section class="panel panel-box">
             <h3>
                 Splitter and splitted
             </h3>
@@ -237,14 +237,40 @@
                         Spoiler panels
                     </h3>
                     <p>
-                        Entire panels can be spoilered too!
+                        Entire panels can be spoilered as well!
                     </p>
                 </section>
             </section>
         </div>
         <h2>
-
+            Interactivity
         </h2>
+        <div class="panel panel-split">
+            <section class="panel panel-box">
+                <h3>
+                    Tooltips
+                </h3>
+                <p>
+                    Text <abbr title="Hello world!">with a tooltip</abbr> is underlined and has a "help" cursor if
+                    hovered.
+                </p>
+            </section>
+            <section class="panel panel-box">
+                <h3>
+                    Disabled
+                </h3>
+                <p>
+                    Elements can be <span class="status-disabled">disabled</span> to reduce their opacity and display a
+                    "not allowed" cursor if hovered.
+                </p>
+                <p>
+                    It also works with <a class="status-disabled">links</a>!
+                </p>
+                <section class="panel panel-box status-disabled">
+                    And panels!
+                </section>
+            </section>
+        </div>
     </main>
 </body>
 </html>
\ No newline at end of file