From 30e7bd39e8f56453a22b81be8581d899fb1aa425 Mon Sep 17 00:00:00 2001 From: Joeylene <23741509+jorenrui@users.noreply.github.com> Date: Wed, 27 Mar 2024 22:06:35 +0800 Subject: [PATCH] feat: add initial website code --- demo/website.html | 455 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 455 insertions(+) create mode 100644 demo/website.html diff --git a/demo/website.html b/demo/website.html new file mode 100644 index 0000000..b7b1862 --- /dev/null +++ b/demo/website.html @@ -0,0 +1,455 @@ + + + + + + Mini.js + + + + + + + + + + +
+ + +
+
+

Build awesome sh*t

+

+ (without ever leaving your HTML) +

+ +

+ Mini is a teeny tiny library + extension for HTML which + lets you add interactivity to your app + without needing a full blown + frontend framework. +

+
+
+ +
+ + Learn More + + + + +
+
+ +
+ + + +
+
+
+

+ Insanely easy to get started +

+

+ Just add the script to your page and you're off +

+ +
+
+ + + +
+ +

+ Prefer to see + some examples before you + start? +

+
+
+
+ +
+
+

+ Zero New Concepts +

+

+ Mini is based on + concepts you already know, which means the learning curve is almost zero. +

+ +
+

+ Some concepts you may be familiar with +

+ +
    +
  • + Forms & Inputs +
    • +
  • + Attributes +
    • +
  • + JavaScript Variables +
    • +
  • + CSS Classes +
    • +
+
+
+
+
+
+ +
+
+ + + +
+

+ Learn Mini
in + 30 seconds +

+ +
+ + +
+
+
+ 

+<script>
+  name = 'Tony'
+</script>
+
+
+ +
+ 

+<p :text="name"></p>
+
+
+ +
+ 

+<p :text="name"></p>
+
+<button
+  type="button"
+  :click="name = 'Arya'"
+>
+  Update Name
+</button>
+
+
+ +
+ 

+<p :text="name"></p>
+
+<input
+  type="text"
+  :value="name"
+  :change="name = this.value"
+/>
+
+
+ + +
+
+
+
+ +