Merge pull request #10541 from marmelab/doc-tips

[Doc] Add a tips section on the home page

Author: fzaninotto

docs/_includes/newsletter.html

@@ -1,6 +1,6 @@
 <div class="sib-form" style="text-align: center;">
   <div id="sib-form-container" class="sib-form-container">
-    <div id="error-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;max-width:540px;">
+    <div id="error-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;max-width:740px;">
       <div class="sib-form-message-panel__text sib-form-message-panel__text--center">
         <svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon">
           <path d="M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z" />
@@ -11,7 +11,7 @@
       </div>
     </div>
     <div></div>
-    <div id="success-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#085229; background-color:#e7faf0; border-radius:3px; border-color:#13ce66;max-width:540px;">
+    <div id="success-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#085229; background-color:#e7faf0; border-radius:3px; border-color:#13ce66;max-width:740px;">
       <div class="sib-form-message-panel__text sib-form-message-panel__text--center">
         <svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon">
           <path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z" />
@@ -22,7 +22,7 @@
       </div>
     </div>
     <div></div>
-    <div id="sib-container" class="sib-container--large sib-container--vertical" style="text-align:center; background-color:rgba(255,255,255,1); max-width:540px; border-radius:3px; border-width:1px; border-color:#C0CCD9; border-style:solid; direction:ltr">
+    <div id="sib-container" class="sib-container--large sib-container--vertical" style="text-align:center; background-color:rgba(255,255,255,1); max-width:740px; border-radius:3px; border-width:1px; border-color:#C0CCD9; border-style:solid; direction:ltr">
       <form id="sib-form" method="POST" action="https://33092cf4.sibforms.com/serve/MUIFAGQg8a4zfXuRZDWmHiykfh3UKEAr4ge6S6iznU4EHvCZqoglJIuOkoP5uiK9y1AlzyCZ34wHOgG_sfxaDwZgRZ89d02M5VawrKhMxQH_FzKE1Td5o2N5l5-2VwvI0C-O18zYrwKa06lU__P2KXn6wqaFa2NbsBYbwUJSuubGpOCSYJ0pDBX4PzYWn9H22Vznd0dI5ExqCaZG" data-type="subscription">
         <div style="padding: 8px 0;">
           <div class="sib-form-block" style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3C4858; background-color:transparent; text-align:left">

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/prism.js' | relative_url }}"></script>
+        <script src="{{ '/js/ra-navigation.js' | relative_url }}"></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>