Add a tips section on the home page

docs/_layouts/default.html

@@ -20,7 +20,7 @@
         />
         <link
             rel="stylesheet"
-            href="{{ '/css/style-v21.css' | relative_url }}"
+            href="{{ '/css/style-v22.css' | relative_url }}"
         />
         <link rel="stylesheet" href="{{ '/css/syntax.css' | relative_url }}" />
         <link rel="stylesheet" href="{{ '/css/prism.css' | relative_url }}" />
@@ -134,15 +134,16 @@
         </main>
 
         <script src="{{ '/js/materialize.min.js' | relative_url }}"></script>
+        <script src="js/ra-navigation.js"></script>
         <script src="{{ 'js/prism.js' | relative_url }}"></script>
+        <script src="{{ 'js/ra-doc-exec.js' | relative_url }}" type="module" defer async></script>
         <script
             src="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.12.0/tocbot.min.js"
             defer
             integrity="sha512-oD3xGN8YTxenx6tdS4D/RKqO4OtORBQtAb2/FseM17GGMIi6jMwKUBc8duX4A5RwMOGGXoFBZrsqbOk8GpXFgQ=="
             crossorigin="anonymous"
             referrerpolicy="no-referrer"
         ></script>
-        <script src="{{ 'js/ra-doc-exec.js' | relative_url }}"></script>
 
         <script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
         {% if page.dir contains "doc" %} {% assign version = page.dir | split:
@@ -185,21 +186,5 @@
 
             var AUTOHIDE = Boolean(0);
         </script>
-
-        <script
-            async
-            defer
-            src="https://unpkg.com/[email protected]/lib/typescript.js"
-        ></script>
-        <script
-            async
-            defer
-            src="https://unpkg.com/[email protected]/standalone.js"
-        ></script>
-        <script
-            async
-            defer
-            src="https://unpkg.com/[email protected]/parser-babel.js"
-        ></script>
     </body>
 </html>