Skip to content

Commit

Permalink
docs update
Browse files Browse the repository at this point in the history
  • Loading branch information
mzusin committed Jul 24, 2023
1 parent cd1d368 commit 9ad1f4d
Show file tree
Hide file tree
Showing 35 changed files with 149 additions and 81 deletions.

Large diffs are not rendered by default.

Binary file modified docs/favicon.ico
Binary file not shown.
Binary file modified docs/img/favicon/android-chrome-192.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified docs/img/favicon/android-chrome-512.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified docs/img/favicon/apple-touch-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified docs/img/favicon/favicon-128.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified docs/img/favicon/favicon-16.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified docs/img/favicon/favicon-256.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified docs/img/favicon/favicon-32.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified docs/img/favicon/favicon-48.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified docs/img/favicon/favicon-96.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/img/favicon/favicon.ico
Binary file not shown.
4 changes: 3 additions & 1 deletion docs/img/favicon/favicon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified docs/img/favicon/mstile-150.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
20 changes: 10 additions & 10 deletions docs/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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.1690182902517.css" />
<!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
<link rel="stylesheet" href="/css/styles.1690185245931.css" />
<!--<link rel="stylesheet" href="/js/index.1690185245931.css" />-->

</head>
<body class="font-josefin_sans text-lg text-gray-100 hp-bg dark" id="special-page">
Expand Down Expand Up @@ -123,8 +123,8 @@ <h2 class="mt-8 font-semibold text-sky-500">ES6/TypeScript</h2>
</div>

<div class="bg-slate-800 flex-1 py-4 px-2">
<pre><code class="break-space hljs language-tsx" style="background: #1E293B"><span class="hljs-tag">
const [pointers, setPointers] = useState&lt;ISettingsPointer[]>([
<pre><code class="break-space hljs language-tsx" style="background: #1E293B">
const [pointers, setPointers] = useState&lt;ISettingsPointer[]&gt;([
{ value: 0, radius: 25, bgColor: '#c20cff' },
{ value: 25, radius: 20, bgColor: '#4be28c' }
]);
Expand All @@ -133,9 +133,9 @@ <h2 class="mt-8 font-semibold text-sky-500">ES6/TypeScript</h2>
&lt;RoundSlider
pointers={ pointers }
onChange={ setPointers }
/>
/&gt;
);
</span></code></pre>
</code></pre>
</div>
</div>

Expand Down Expand Up @@ -199,7 +199,7 @@ <h2 class="mt-8 font-semibold text-sky-500">SVG</h2>
</div>

<div class="bg-slate-800 flex-1 p-4" style="background-color: #4d2852">
<pre><code class="break-space hljs language-xml" style="background-color: inherit"><span class="hljs-tag">
<pre><code class="break-space hljs language-xml" style="background-color: inherit">
&lt;RoundSlider
pathStartAngle={ 0 }
pathEndAngle={ 180 }
Expand All @@ -213,7 +213,7 @@ <h2 class="mt-8 font-semibold text-sky-500">SVG</h2>
textFontSize={ 24 }
pointers={ pointers }
/>
</span></code></pre>
</code></pre>
</div>
</div>

Expand Down Expand Up @@ -276,7 +276,7 @@ <h2 class="mt-8 font-semibold text-sky-500">Styles</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>

<img src="/img/homepage/styles.jpeg" alt="" title="" class="max-w-full rounded-xl shadow-xl border-8 border-white order-1 lg:order-2">
<div class="max-w-full order-1 lg:order-2 flex items-center justify-center" id="design-slider"></div>

</div>
</section>
Expand Down Expand Up @@ -400,6 +400,6 @@ <h2 class="mt-8 font-semibold text-sky-500">Free</h2>

</div>

<script src="/js/index.1690182902517.js"></script>
<script src="/js/index.1690185245931.js"></script>
</body>
</html>
22 changes: 11 additions & 11 deletions docs/js/index.1690182902517.js → docs/js/index.1690185245931.js

Large diffs are not rendered by default.

Large diffs are not rendered by default.

6 changes: 3 additions & 3 deletions docs/pages/animation.html
Original file line number Diff line number Diff line change
Expand Up @@ -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.1690182902517.css" />
<!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
<link rel="stylesheet" href="/css/styles.1690185245931.css" />
<!--<link rel="stylesheet" href="/js/index.1690185245931.css" />-->

</head>
<body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
Expand Down Expand Up @@ -220,6 +220,6 @@
</div>
</footer>-->

<script src="/js/index.1690182902517.js"></script>
<script src="/js/index.1690185245931.js"></script>
</body>
</html>
6 changes: 3 additions & 3 deletions docs/pages/basic-usage.html
Original file line number Diff line number Diff line change
Expand Up @@ -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.1690182902517.css" />
<!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
<link rel="stylesheet" href="/css/styles.1690185245931.css" />
<!--<link rel="stylesheet" href="/js/index.1690185245931.css" />-->

</head>
<body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
Expand Down Expand Up @@ -208,6 +208,6 @@
</div>
</footer>-->

<script src="/js/index.1690182902517.js"></script>
<script src="/js/index.1690185245931.js"></script>
</body>
</html>
6 changes: 3 additions & 3 deletions docs/pages/circle-gradient.html
Original file line number Diff line number Diff line change
Expand Up @@ -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.1690182902517.css" />
<!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
<link rel="stylesheet" href="/css/styles.1690185245931.css" />
<!--<link rel="stylesheet" href="/js/index.1690185245931.css" />-->

</head>
<body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
Expand Down Expand Up @@ -254,6 +254,6 @@
</div>
</footer>-->

<script src="/js/index.1690182902517.js"></script>
<script src="/js/index.1690185245931.js"></script>
</body>
</html>
6 changes: 3 additions & 3 deletions docs/pages/connection.html
Original file line number Diff line number Diff line change
Expand Up @@ -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.1690182902517.css" />
<!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
<link rel="stylesheet" href="/css/styles.1690185245931.css" />
<!--<link rel="stylesheet" href="/js/index.1690185245931.css" />-->

</head>
<body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
Expand Down Expand Up @@ -243,6 +243,6 @@
</div>
</footer>-->

<script src="/js/index.1690182902517.js"></script>
<script src="/js/index.1690185245931.js"></script>
</body>
</html>
6 changes: 3 additions & 3 deletions docs/pages/custom-pointer-shape.html
Original file line number Diff line number Diff line change
Expand Up @@ -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.1690182902517.css" />
<!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
<link rel="stylesheet" href="/css/styles.1690185245931.css" />
<!--<link rel="stylesheet" href="/js/index.1690185245931.css" />-->

</head>
<body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
Expand Down Expand Up @@ -219,6 +219,6 @@
</div>
</footer>-->

<script src="/js/index.1690182902517.js"></script>
<script src="/js/index.1690185245931.js"></script>
</body>
</html>
6 changes: 3 additions & 3 deletions docs/pages/data-settings.html
Original file line number Diff line number Diff line change
Expand Up @@ -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.1690182902517.css" />
<!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
<link rel="stylesheet" href="/css/styles.1690185245931.css" />
<!--<link rel="stylesheet" href="/js/index.1690185245931.css" />-->

</head>
<body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
Expand Down Expand Up @@ -242,6 +242,6 @@
</div>
</footer>-->

<script src="/js/index.1690182902517.js"></script>
<script src="/js/index.1690185245931.js"></script>
</body>
</html>
6 changes: 3 additions & 3 deletions docs/pages/disabled-state.html
Original file line number Diff line number Diff line change
Expand Up @@ -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.1690182902517.css" />
<!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
<link rel="stylesheet" href="/css/styles.1690185245931.css" />
<!--<link rel="stylesheet" href="/js/index.1690185245931.css" />-->

</head>
<body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
Expand Down Expand Up @@ -229,6 +229,6 @@
</div>
</footer>-->

<script src="/js/index.1690182902517.js"></script>
<script src="/js/index.1690185245931.js"></script>
</body>
</html>
6 changes: 3 additions & 3 deletions docs/pages/individual-pointer-settings.html
Original file line number Diff line number Diff line change
Expand Up @@ -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.1690182902517.css" />
<!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
<link rel="stylesheet" href="/css/styles.1690185245931.css" />
<!--<link rel="stylesheet" href="/js/index.1690185245931.css" />-->

</head>
<body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
Expand Down Expand Up @@ -278,6 +278,6 @@
</div>
</footer>-->

<script src="/js/index.1690182902517.js"></script>
<script src="/js/index.1690185245931.js"></script>
</body>
</html>
6 changes: 3 additions & 3 deletions docs/pages/path-settings.html
Original file line number Diff line number Diff line change
Expand Up @@ -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.1690182902517.css" />
<!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
<link rel="stylesheet" href="/css/styles.1690185245931.css" />
<!--<link rel="stylesheet" href="/js/index.1690185245931.css" />-->

</head>
<body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
Expand Down Expand Up @@ -269,6 +269,6 @@
</div>
</footer>-->

<script src="/js/index.1690182902517.js"></script>
<script src="/js/index.1690185245931.js"></script>
</body>
</html>
6 changes: 3 additions & 3 deletions docs/pages/pointer-and-connection-gradient.html
Original file line number Diff line number Diff line change
Expand Up @@ -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.1690182902517.css" />
<!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
<link rel="stylesheet" href="/css/styles.1690185245931.css" />
<!--<link rel="stylesheet" href="/js/index.1690185245931.css" />-->

</head>
<body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
Expand Down Expand Up @@ -238,6 +238,6 @@
</div>
</footer>-->

<script src="/js/index.1690182902517.js"></script>
<script src="/js/index.1690185245931.js"></script>
</body>
</html>
6 changes: 3 additions & 3 deletions docs/pages/pointer-settings.html
Original file line number Diff line number Diff line change
Expand Up @@ -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.1690182902517.css" />
<!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
<link rel="stylesheet" href="/css/styles.1690185245931.css" />
<!--<link rel="stylesheet" href="/js/index.1690185245931.css" />-->

</head>
<body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
Expand Down Expand Up @@ -268,6 +268,6 @@
</div>
</footer>-->

<script src="/js/index.1690182902517.js"></script>
<script src="/js/index.1690185245931.js"></script>
</body>
</html>
6 changes: 3 additions & 3 deletions docs/pages/pointers-overlap.html
Original file line number Diff line number Diff line change
Expand Up @@ -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.1690182902517.css" />
<!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
<link rel="stylesheet" href="/css/styles.1690185245931.css" />
<!--<link rel="stylesheet" href="/js/index.1690185245931.css" />-->

</head>
<body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
Expand Down Expand Up @@ -210,6 +210,6 @@
</div>
</footer>-->

<script src="/js/index.1690182902517.js"></script>
<script src="/js/index.1690185245931.js"></script>
</body>
</html>
6 changes: 3 additions & 3 deletions docs/pages/text-values.html
Original file line number Diff line number Diff line change
Expand Up @@ -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.1690182902517.css" />
<!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
<link rel="stylesheet" href="/css/styles.1690185245931.css" />
<!--<link rel="stylesheet" href="/js/index.1690185245931.css" />-->

</head>
<body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
Expand Down Expand Up @@ -262,6 +262,6 @@
</div>
</footer>-->

<script src="/js/index.1690182902517.js"></script>
<script src="/js/index.1690185245931.js"></script>
</body>
</html>
6 changes: 3 additions & 3 deletions docs/pages/ticks-settings.html
Original file line number Diff line number Diff line change
Expand Up @@ -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.1690182902517.css" />
<!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
<link rel="stylesheet" href="/css/styles.1690185245931.css" />
<!--<link rel="stylesheet" href="/js/index.1690185245931.css" />-->

</head>
<body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
Expand Down Expand Up @@ -266,6 +266,6 @@
</div>
</footer>-->

<script src="/js/index.1690182902517.js"></script>
<script src="/js/index.1690185245931.js"></script>
</body>
</html>
6 changes: 3 additions & 3 deletions docs/pages/ticks-values.html
Original file line number Diff line number Diff line change
Expand Up @@ -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.1690182902517.css" />
<!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
<link rel="stylesheet" href="/css/styles.1690185245931.css" />
<!--<link rel="stylesheet" href="/js/index.1690185245931.css" />-->

</head>
<body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
Expand Down Expand Up @@ -280,6 +280,6 @@
</div>
</footer>-->

<script src="/js/index.1690182902517.js"></script>
<script src="/js/index.1690185245931.js"></script>
</body>
</html>
6 changes: 3 additions & 3 deletions docs/pages/values-list.html
Original file line number Diff line number Diff line change
Expand Up @@ -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.1690182902517.css" />
<!--<link rel="stylesheet" href="/js/index.1690182902517.css" />-->
<link rel="stylesheet" href="/css/styles.1690185245931.css" />
<!--<link rel="stylesheet" href="/js/index.1690185245931.css" />-->

</head>
<body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
Expand Down Expand Up @@ -225,6 +225,6 @@
</div>
</footer>-->

<script src="/js/index.1690182902517.js"></script>
<script src="/js/index.1690185245931.js"></script>
</body>
</html>
Loading

0 comments on commit 9ad1f4d

Please sign in to comment.