docs update

mzusin · Jul 24, 2023 · cd1d368 · cd1d368
1 parent 0d51841
commit cd1d368
Show file tree

Hide file tree

Showing 23 changed files with 146 additions and 80 deletions.
diff --git a/docs/css/styles.1690181199516.css b/docs/css/styles.1690181199516.css
diff --git a/docs/css/styles.1690182902517.css b/docs/css/styles.1690182902517.css
diff --git a/docs/index.html b/docs/index.html
@@ -19,8 +19,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690181199516.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690181199516.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690182902517.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
 
 </head>
 <body class="font-josefin_sans text-lg text-gray-100 hp-bg dark" id="special-page">
@@ -285,7 +285,9 @@ <h2 class="mt-8 font-semibold text-sky-500">Styles</h2>
   <section>
     <div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8 my-24 grid lg:grid-cols-2 gap-20 my-24">
 
-      <img src="/img/homepage/advanced-features.jpeg" alt="" title="" class="max-w-full rounded-xl shadow-xl border-8 border-sky-100">
+      <div class="max-w-full">
+        <div class="flex justify-center" id="advanced-features-slider"></div>
+      </div>
 
       <div>
         <!-- thumb -->
@@ -341,7 +343,7 @@ <h2 class="mt-8 font-semibold text-sky-500">CSS Frameworks</h2>
         <a class="group inline-flex items-center h-9 rounded-full text-sm font-semibold whitespace-nowrap px-3 focus:outline-none focus:ring-2 bg-sky-50 text-sky-600 hover:bg-sky-100 hover:text-sky-700 focus:ring-sky-600 mt-8 pt-px" href="/pages/basic-usage.html">Learn more<svg class="overflow-visible ml-3 text-sky-300 group-hover:text-sky-400" width="3" height="6" viewBox="0 0 3 6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M0 0L3 3L0 6"></path></svg></a>
       </div>
 
-      <div class="max-w-full order-1 lg:order-2 flex justify-center" id="css-framworks-slider"></div>
+      <div class="max-w-full order-1 lg:order-2 flex justify-center mt-[-200px] md:mt-[-50px]" id="css-frameworks-slider"></div>
 
     </div>
   </section>
@@ -398,6 +400,6 @@ <h2 class="mt-8 font-semibold text-sky-500">Free</h2>
 
 </div>
 
-  <script src="/js/index.1690181199516.js"></script>
+  <script src="/js/index.1690182902517.js"></script>
 </body>
 </html>
diff --git a/docs/js/index.1690181199516.js → docs/js/index.1690182902517.js b/docs/js/index.1690181199516.js → docs/js/index.1690182902517.js
diff --git a/docs/js/index.1690181199516.js.map → docs/js/index.1690182902517.js.map b/docs/js/index.1690181199516.js.map → docs/js/index.1690182902517.js.map
diff --git a/docs/pages/animation.html b/docs/pages/animation.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690181199516.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690181199516.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690182902517.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -220,6 +220,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690181199516.js"></script>
+<script src="/js/index.1690182902517.js"></script>
 </body>
 </html>
diff --git a/docs/pages/basic-usage.html b/docs/pages/basic-usage.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690181199516.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690181199516.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690182902517.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -208,6 +208,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690181199516.js"></script>
+<script src="/js/index.1690182902517.js"></script>
 </body>
 </html>
diff --git a/docs/pages/circle-gradient.html b/docs/pages/circle-gradient.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690181199516.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690181199516.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690182902517.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -254,6 +254,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690181199516.js"></script>
+<script src="/js/index.1690182902517.js"></script>
 </body>
 </html>
diff --git a/docs/pages/connection.html b/docs/pages/connection.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690181199516.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690181199516.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690182902517.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -243,6 +243,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690181199516.js"></script>
+<script src="/js/index.1690182902517.js"></script>
 </body>
 </html>
diff --git a/docs/pages/custom-pointer-shape.html b/docs/pages/custom-pointer-shape.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690181199516.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690181199516.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690182902517.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -219,6 +219,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690181199516.js"></script>
+<script src="/js/index.1690182902517.js"></script>
 </body>
 </html>
diff --git a/docs/pages/data-settings.html b/docs/pages/data-settings.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690181199516.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690181199516.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690182902517.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -242,6 +242,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690181199516.js"></script>
+<script src="/js/index.1690182902517.js"></script>
 </body>
 </html>
diff --git a/docs/pages/disabled-state.html b/docs/pages/disabled-state.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690181199516.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690181199516.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690182902517.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -229,6 +229,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690181199516.js"></script>
+<script src="/js/index.1690182902517.js"></script>
 </body>
 </html>
diff --git a/docs/pages/individual-pointer-settings.html b/docs/pages/individual-pointer-settings.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690181199516.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690181199516.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690182902517.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -278,6 +278,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690181199516.js"></script>
+<script src="/js/index.1690182902517.js"></script>
 </body>
 </html>
diff --git a/docs/pages/path-settings.html b/docs/pages/path-settings.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690181199516.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690181199516.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690182902517.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -269,6 +269,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690181199516.js"></script>
+<script src="/js/index.1690182902517.js"></script>
 </body>
 </html>
diff --git a/docs/pages/pointer-and-connection-gradient.html b/docs/pages/pointer-and-connection-gradient.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690181199516.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690181199516.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690182902517.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -238,6 +238,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690181199516.js"></script>
+<script src="/js/index.1690182902517.js"></script>
 </body>
 </html>
diff --git a/docs/pages/pointer-settings.html b/docs/pages/pointer-settings.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690181199516.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690181199516.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690182902517.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -268,6 +268,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690181199516.js"></script>
+<script src="/js/index.1690182902517.js"></script>
 </body>
 </html>
diff --git a/docs/pages/pointers-overlap.html b/docs/pages/pointers-overlap.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690181199516.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690181199516.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690182902517.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -210,6 +210,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690181199516.js"></script>
+<script src="/js/index.1690182902517.js"></script>
 </body>
 </html>
diff --git a/docs/pages/text-values.html b/docs/pages/text-values.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690181199516.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690181199516.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690182902517.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -262,6 +262,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690181199516.js"></script>
+<script src="/js/index.1690182902517.js"></script>
 </body>
 </html>
diff --git a/docs/pages/ticks-settings.html b/docs/pages/ticks-settings.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690181199516.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690181199516.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690182902517.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -266,6 +266,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690181199516.js"></script>
+<script src="/js/index.1690182902517.js"></script>
 </body>
 </html>
diff --git a/docs/pages/ticks-values.html b/docs/pages/ticks-values.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690181199516.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690181199516.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690182902517.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -280,6 +280,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690181199516.js"></script>
+<script src="/js/index.1690182902517.js"></script>
 </body>
 </html>
diff --git a/docs/pages/values-list.html b/docs/pages/values-list.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1690181199516.css" />
-  <!--<link rel="stylesheet" href="/js/index.1690181199516.css" />-->
+  <link rel="stylesheet" href="/css/styles.1690182902517.css" />
+  <!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -225,6 +225,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1690181199516.js"></script>
+<script src="/js/index.1690182902517.js"></script>
 </body>
 </html>