diff --git a/example.css b/example.css
index 681b869..340f61c 100644
--- a/example.css
+++ b/example.css
@@ -40,4 +40,14 @@ footer {
 
 footer a {
     color: white;
+}
+
+.footer-left {
+    float: left;
+    margin-left: 1em;
+}
+
+.footer-right {
+    float: right;
+    margin-right: 1em;
 }
\ No newline at end of file
diff --git a/example.html b/example.html
index ab41210..b2d8cdf 100644
--- a/example.html
+++ b/example.html
@@ -22,7 +22,8 @@
         </section>
     </main>
     <footer>
-        <p>Brought to you by <a href="https://git.private.coffee/kumi/kanblendar">Kumi</a></p>
+        <div class="footer-left"><a href="#" onclick="javascript:clearState(); return false;">Delete all entries</a></div>
+        <div class="footer-right">Brought to you by <a href="https://git.private.coffee/kumi/kanblendar">Kumi</a></div>
     </footer>
 
     <!-- Optional: Developers can define their own modal here -->
diff --git a/example.js b/example.js
index 7f0d8cc..0eb75c2 100644
--- a/example.js
+++ b/example.js
@@ -17,4 +17,14 @@ document.addEventListener('DOMContentLoaded', () => {
         console.log('State loaded on page load!');
     }
 
-});
\ No newline at end of file
+});
+
+function clearState() {
+    if (!confirm('Are you sure you want to clear the state?')) {
+        return;
+    }
+    
+    localStorage.removeItem('kanblendarState');
+    console.log('State cleared!');
+    document.location.reload();
+}
\ No newline at end of file