Add banner about 1.4.0 release

Author: Tao-VanJS

sitegen/tutorial.ts

@@ -8,6 +8,9 @@ export default (doc: HTMLDocument) => {
 
   return div({id: "content"},
     H1(VanJS(), ": Tutorial and API Reference"),
+    p(
+      div("📣 ", Link(VanJS(), "'s API was simplified in 1.4.0, see the release notes and migration guide →", "https://github.com/vanjs-org/van/discussions/280")),
+    ),
     Quote({text: ["Entia non sunt multiplicanda praeter necessitatem", br(), "(The best solution is usually the one with the least unnecessary complexity)"], source: "Occam's Razor"}),
     p("In this tutorial, we will break down into 3 core functionalities ", VanJS(), " supports: DOM composition / manipulation, State and State binding."),
     H2({id: "dom"}, "DOM Composition and Manipulation"),

tutorial.html

@@ -50,7 +50,7 @@ <h1 class="w3-padding-16 w3-xxxlarge">
     <!-- !PAGE CONTENT! -->
     <div class="w3-main" style="margin-left:300px;">
       <div id="page">
-        <div id="content"><h1 class="w3-xxlarge"><b>VanJS</b>: Tutorial and API Reference</h1><blockquote><i>Entia non sunt multiplicanda praeter necessitatem<br>(The best solution is usually the one with the least unnecessary complexity)<br><br>-- Occam's Razor</i></blockquote><p>In this tutorial, we will break down into 3 core functionalities <b>VanJS</b> supports: DOM composition / manipulation, State and State binding.</p><h2 class="w3-xxlarge w3-text-red" id="dom"><a class="self-link" href="#dom">DOM Composition and Manipulation</a></h2><hr style="width:50px;border:5px solid red" class="w3-round"><h3 class="w3-large w3-text-red" id="your-first-vanjs-app-a-simple-hello-page"><a class="self-link" href="#your-first-vanjs-app-a-simple-hello-page">Your first VanJS app: a simple <code class="symbol">Hello</code> page</a></h3><p>We will start this tutorial with a simple <code class="symbol">Hello</code> page, with the code below:</p><pre><code class="language-js">const {a, div, li, p, ul} = van.tags
+        <div id="content"><h1 class="w3-xxlarge"><b>VanJS</b>: Tutorial and API Reference</h1><p></p><div>📣 <a href="https://github.com/vanjs-org/van/discussions/280" class="w3-hover-opacity"><b>VanJS</b>'s API was simplified in 1.4.0, see the release notes and migration guide →</a></div><p></p><blockquote><i>Entia non sunt multiplicanda praeter necessitatem<br>(The best solution is usually the one with the least unnecessary complexity)<br><br>-- Occam's Razor</i></blockquote><p>In this tutorial, we will break down into 3 core functionalities <b>VanJS</b> supports: DOM composition / manipulation, State and State binding.</p><h2 class="w3-xxlarge w3-text-red" id="dom"><a class="self-link" href="#dom">DOM Composition and Manipulation</a></h2><hr style="width:50px;border:5px solid red" class="w3-round"><h3 class="w3-large w3-text-red" id="your-first-vanjs-app-a-simple-hello-page"><a class="self-link" href="#your-first-vanjs-app-a-simple-hello-page">Your first VanJS app: a simple <code class="symbol">Hello</code> page</a></h3><p>We will start this tutorial with a simple <code class="symbol">Hello</code> page, with the code below:</p><pre><code class="language-js">const {a, div, li, p, ul} = van.tags
 
 const Hello = () =&gt; div(
   p("👋Hello"),

tutorial/index.html

@@ -50,7 +50,7 @@ <h1 class="w3-padding-16 w3-xxxlarge">
     <!-- !PAGE CONTENT! -->
     <div class="w3-main" style="margin-left:300px;">
       <div id="page">
-        <div id="content"><h1 class="w3-xxlarge"><b>VanJS</b>: Tutorial and API Reference</h1><blockquote><i>Entia non sunt multiplicanda praeter necessitatem<br>(The best solution is usually the one with the least unnecessary complexity)<br><br>-- Occam's Razor</i></blockquote><p>In this tutorial, we will break down into 3 core functionalities <b>VanJS</b> supports: DOM composition / manipulation, State and State binding.</p><h2 class="w3-xxlarge w3-text-red" id="dom"><a class="self-link" href="#dom">DOM Composition and Manipulation</a></h2><hr style="width:50px;border:5px solid red" class="w3-round"><h3 class="w3-large w3-text-red" id="your-first-vanjs-app-a-simple-hello-page"><a class="self-link" href="#your-first-vanjs-app-a-simple-hello-page">Your first VanJS app: a simple <code class="symbol">Hello</code> page</a></h3><p>We will start this tutorial with a simple <code class="symbol">Hello</code> page, with the code below:</p><pre><code class="language-js">const {a, div, li, p, ul} = van.tags
+        <div id="content"><h1 class="w3-xxlarge"><b>VanJS</b>: Tutorial and API Reference</h1><p></p><div>📣 <a href="https://github.com/vanjs-org/van/discussions/280" class="w3-hover-opacity"><b>VanJS</b>'s API was simplified in 1.4.0, see the release notes and migration guide →</a></div><p></p><blockquote><i>Entia non sunt multiplicanda praeter necessitatem<br>(The best solution is usually the one with the least unnecessary complexity)<br><br>-- Occam's Razor</i></blockquote><p>In this tutorial, we will break down into 3 core functionalities <b>VanJS</b> supports: DOM composition / manipulation, State and State binding.</p><h2 class="w3-xxlarge w3-text-red" id="dom"><a class="self-link" href="#dom">DOM Composition and Manipulation</a></h2><hr style="width:50px;border:5px solid red" class="w3-round"><h3 class="w3-large w3-text-red" id="your-first-vanjs-app-a-simple-hello-page"><a class="self-link" href="#your-first-vanjs-app-a-simple-hello-page">Your first VanJS app: a simple <code class="symbol">Hello</code> page</a></h3><p>We will start this tutorial with a simple <code class="symbol">Hello</code> page, with the code below:</p><pre><code class="language-js">const {a, div, li, p, ul} = van.tags
 
 const Hello = () =&gt; div(
   p("👋Hello"),