chore: merge docs

docs/.editorconfig

@@ -0,0 +1,13 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

docs/.eslintrc.js

@@ -0,0 +1,19 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true
+  },
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  extends: [
+    '@nuxtjs',
+    'plugin:nuxt/recommended'
+  ],
+  plugins: [
+  ],
+  // add your custom rules here
+  rules: {
+  }
+}

docs/.gitignore

@@ -0,0 +1,94 @@
+# Created by .ignore support plugin (hsz.mobi)
+### Node template
+# Logs
+/logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+package-lock.json
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# Nuxt generate
+dist
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless
+
+# IDE / Editor
+.idea
+
+# Service worker
+sw.*
+
+# macOS
+.DS_Store
+
+# Vim swap files
+*.swp
+
+# Config folder for Vercel
+.vercel

docs/assets/css/main.css

@@ -0,0 +1,88 @@
+/* @import 'tailwindcss/base';
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities'; */
+
+html, body {
+  scroll-behavior: smooth;
+}
+
+.nuxt-content {
+  @apply break-words;
+
+  & h2, & h3 {
+    /* Fix anchor scrollTo */
+    &::before {
+      display: block;
+      content: " ";
+      margin-top: -72px;
+      height: 72px;
+      visibility: hidden;
+      pointer-events: none;
+    }
+
+    /* Style anchor links on headings added by @nuxt/content */
+    & > a {
+      @apply ml-5;
+
+      &::before {
+        content: "#";
+        @apply font-normal text-xl leading-8 -ml-5 pr-2 absolute opacity-100;
+      }
+
+      @screen lg {
+        @apply ml-0;
+
+        &::before {
+          @apply opacity-0;
+        }
+      }
+    }
+    &:hover {
+      & > a::before {
+        @apply opacity-100;
+      }
+    }
+  }
+
+  & .nuxt-content-highlight {
+    @apply relative;
+
+    /* Style filename span added by @nuxt/content */
+    & > .filename {
+      @apply absolute right-0 top-0 text-gray-100 z-10 italic leading-none mr-3 mt-3;
+    }
+
+    /* Style copy button added in `pages/_.vue` */
+    & > .copy {
+      @apply hidden absolute right-0 bottom-0 leading-none shadow-lg px-2 py-2 text-white bg-gray-800 text-sm uppercase rounded-md border border-white font-semibold mr-3 mb-3;
+
+      &:hover {
+        @apply bg-gray-700;
+      }
+
+      &:focus {
+        @apply outline-none bg-gray-600;
+      }
+    }
+    &:hover {
+      & > .copy {
+        @apply block;
+      }
+    }
+  }
+
+  /* Force style on pre elements */
+  /* Make pre static so the relative goes to the parent (.nuxt-content-highlight) */
+}
+pre[class*="language-"] {
+  @apply rounded-lg bg-gray-900 static;
+  margin: 0 !important;
+}
+
+
+.vue-typer .typed {
+  color: currentColor !important
+}
+.vue-typer .custom.caret {
+  display: none;
+}

docs/assets/css/scrollbar.css

@@ -0,0 +1,42 @@
+* {
+  scrollbar-color: #CBD5E0 #F7FAFC; /* gray-100 */
+  scrollbar-width: thin;
+}
+
+.dark-mode * {
+  scrollbar-color: #4A5568 #2D3748; /* gray-800 */
+}
+
+*::-webkit-scrollbar-track {
+  /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
+  /* border-radius: 10px; */
+  background-color: #F7FAFC;
+}
+.dark-mode *::-webkit-scrollbar-track {
+  background-color: #2D3748;
+}
+
+*::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  background-color: #F7FAFC;
+  cursor: pointer;
+}
+
+.dark-mode *::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  background-color: #2D3748;
+  cursor: pointer;
+}
+
+*::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+  /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); */
+  /* gray-400 */
+  background-color: #CBD5E0;
+}
+.dark-mode *::-webkit-scrollbar-thumb {
+  /* gray-900 */
+  background-color: #4A5568;
+}

docs/assets/scene/index.js

@@ -0,0 +1,31 @@
+const fs = require('fs')
+const { parse, stringify } = require('svgson')
+
+const dir = fs.readdirSync('./')
+const split = a => a.split('-')[1].split('.')[0]
+const files = dir
+  .filter(file => /.svg$/.test(file))
+  .sort((a, b) => split(a) - split(b))
+
+files.forEach(async f => {
+  const file = fs.readFileSync(f, 'utf-8')
+  const svg = await parse(file)
+  all(svg)
+  console.log(f)
+  console.log(svg)
+  fs.writeFileSync(`./scene/${f}`, stringify(svg))
+})
+
+function all (node) {
+  if (node.children) {
+    node.children.forEach(all)
+  }
+  if (node.attributes) {
+    if (node.attributes.fill && node.attributes.fill !== 'none') {
+      node.attributes.fill = 'currentColor'
+    }
+    if (node.attributes.stroke && node.attributes.stroke !== 'none') {
+      node.attributes.stroke = 'currentColor'
+    }
+  }
+}