From 68b8b8d9280185e4c5d2292821795bff04e42d4c Mon Sep 17 00:00:00 2001
From: Daniel Thompson-Yvetot <denjell@sfosc.org>
Date: Wed, 11 Dec 2019 23:51:44 +0100
Subject: [PATCH] feat(dark): add new SVG for loading and DARKEN

---
 .gitignore                                  |   1 +
 docs-generator/package.json                 |   4 +-
 docs-generator/quasar.conf.js               |   4 +-
 docs-generator/src/components/Hero.vue      |   8 +-
 docs-generator/src/components/HeroNew.vue   | 174 --------------------
 docs-generator/src/css/app.styl             |   4 +-
 docs-generator/src/index.template.html      |   3 +-
 docs-generator/src/layouts/MainLayout.vue   |   2 +
 docs-generator/src/markdown/frameworks.md   |  14 ++
 docs-generator/src/markdown/tauri-frida.md  |   0
 docs-generator/src/pages/Landing.vue        |  24 ++-
 docs-generator/src/statics/tauri-studio.svg |  20 +++
 docs-generator/yarn.lock                    |  16 +-
 renovate.json                               |   2 +-
 14 files changed, 75 insertions(+), 201 deletions(-)
 delete mode 100644 docs-generator/src/components/HeroNew.vue
 create mode 100644 docs-generator/src/markdown/frameworks.md
 create mode 100644 docs-generator/src/markdown/tauri-frida.md
 create mode 100644 docs-generator/src/statics/tauri-studio.svg

diff --git a/.gitignore b/.gitignore
index 8936b13..134f6c6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -66,3 +66,4 @@ typings/
 *.ntvs*
 *.njsproj
 *.sln
+.DS_Store
diff --git a/docs-generator/package.json b/docs-generator/package.json
index ecc24d0..424713b 100644
--- a/docs-generator/package.json
+++ b/docs-generator/package.json
@@ -15,10 +15,10 @@
   "dependencies": {
     "@quasar/extras": "1.3.3",
     "mermaid": "8.4.3",
-    "quasar": "1.5.8"
+    "quasar": "1.5.9"
   },
   "devDependencies": {
-    "@quasar/app": "1.3.7",
+    "@quasar/app": "1.4.0",
     "@quasar/quasar-app-extension-icon-genie": "1.1.3",
     "@quasar/quasar-app-extension-qactivity": "1.0.0-beta.4",
     "@quasar/quasar-app-extension-qmarkdown": "1.0.7",
diff --git a/docs-generator/quasar.conf.js b/docs-generator/quasar.conf.js
index 2b7231b..0b99b1f 100644
--- a/docs-generator/quasar.conf.js
+++ b/docs-generator/quasar.conf.js
@@ -33,7 +33,9 @@ module.exports = function (ctx) {
       // all: true, // --- includes everything; for dev only!
       all: 'auto',
       components: [],
-
+      config: {
+        dark: true
+      },
       directives: [
         'Ripple', 'Scroll', 'ClosePopup'
       ],
diff --git a/docs-generator/src/components/Hero.vue b/docs-generator/src/components/Hero.vue
index bf2348b..c5fa345 100644
--- a/docs-generator/src/components/Hero.vue
+++ b/docs-generator/src/components/Hero.vue
@@ -30,7 +30,10 @@
         >
           <q-icon name="menu" />
         </q-btn>
-        <div class="absolute-right" style="margin:18px 30px 0 0;">
+        <div  class="absolute-right" style="margin:12px 44px 0 0;">
+          <q-btn class="z-top" flat round @click="$q.dark.toggle()" :icon="$q.dark.isActive ? 'brightness_2' : 'brightness_5'" />
+        </div>
+        <div class="absolute-right" style="margin:18px 60px 0 0;">
           <q-btn-dropdown flat dense text-color="cyan-1" :label="current" no-caps class="q-mr-lg">
             <q-list color="yellow-2" >
               <q-item dense clickable v-close-popup to="/docs" v-if="showDocs">
@@ -70,9 +73,6 @@
               </q-item>
             </q-list>
           </q-btn-dropdown>
-
-          <q-btn flat round @click="$q.dark.toggle()" :icon="$q.dark.isActive ? 'brightness_2' : 'brightness_5'" />
-
         </div>
       </div>
     </q-page-sticky>
diff --git a/docs-generator/src/components/HeroNew.vue b/docs-generator/src/components/HeroNew.vue
deleted file mode 100644
index 4da3d30..0000000
--- a/docs-generator/src/components/HeroNew.vue
+++ /dev/null
@@ -1,174 +0,0 @@
-<template>
-  <div class="full-width q-pa-md">
-    <q-page-sticky expand class="page-header fixed-top shadow-8 scroll-determined" v-scroll="scrolled" style="position:fixed!important">
-      <q-chip outline square class="claim text-weight-light text-black bg-cyan-1 shadow-8" style="top:84%;width:300px">Build more secure native apps with fast, tiny binaries.</q-chip>
-      <div class="bg-container scroll-determined q-pa-md q-ml-lg"></div>
-      <div>
-        <router-link to="/">
-          <img src="statics/tauri-wordmark.png" class="tauri-name scroll-determined" style="cursor:pointer">
-        </router-link>
-        <div v-if="buttons" class="row" style="margin-top:90px">
-          <q-btn dense size="small" to="/docs/quickstart"  class="btn" label="Quick Start" no-caps color="yellow-2" text-color="black"/>
-          <q-btn dense size="small" to="/docs/patterns" class="btn" label="Patterns" no-caps  color="yellow-2" text-color="black"/>
-          <q-btn v-if="showDocs" dense size="small" to="/docs" class="btn" label="Docs" no-caps  color="yellow-2" text-color="black"/>
-        </div>
-      <div class="absolute-right" style="margin:18px 35px 0 0;">
-        <q-btn-dropdown dense color="yellow-2" :label="current" no-caps text-color="black" class="q-mr-lg">
-          <q-list color="yellow-2" >
-            <q-item clickable v-close-popup to="/docs" v-if="showDocs" @click="current='Docs'">
-              <q-item-section>
-                <q-item-label>Docs</q-item-label>
-              </q-item-section>
-            </q-item>
-            <q-item clickable v-close-popup to="/book" v-if="showDocs" @click="current='Book'">
-              <q-item-section>
-                  <q-item-label>Book</q-item-label>
-              </q-item-section>
-            </q-item>
-            <q-item clickable v-close-popup to="/docs/api" v-if="showDocs" @click="current='API'">
-              <q-item-section>
-                  <q-item-label>API</q-item-label>
-              </q-item-section>
-            </q-item>
-            <q-item clickable v-close-popup to="/docs/quickstart">
-              <q-item-section>
-                <q-item-label>Quick Start</q-item-label>
-              </q-item-section>
-            </q-item>
-            <q-item clickable v-close-popup to="/docs/patterns">
-              <q-item-section>
-                <q-item-label>Patterns</q-item-label>
-              </q-item-section>
-            </q-item>
-            <q-item clickable v-close-popup to="/docs/environment">
-              <q-item-section>
-                <q-item-label>Environment</q-item-label>
-              </q-item-section>
-            </q-item>
-          </q-list>
-        </q-btn-dropdown>
-      </div>
-      </div>
-    </q-page-sticky>
-    <main class="flex flex-start justify-center">
-      <div class="q-pa-sm col-12-sm col-10-md col-8-lg" style="max-width: 1024px; width: 100%;">
-        <slot></slot>
-      </div>
-    </main>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Hero',
-  data () {
-    return {
-      buttons: true,
-      current: 'Menu',
-      height: 270,
-      heightName: 140,
-      heightPic: 250,
-      heightClaim: 100,
-      rightDrawerOpen: this.$q.platform.is.desktop
-    }
-  },
-  mounted () {
-    // this.scrolled(document.offset().top)
-  },
-  computed: {
-    showDocs () {
-      const { showDocslink } = this.$route.meta
-      return typeof showDocslink === 'undefined' || showDocslink
-    }
-  },
-  methods: {
-    scrolled (position) {
-      const pos = position / 4
-      this.height = 270 - (pos)
-      this.heightName = 140 - (pos)
-      this.heightPic = 250 - (pos)
-      this.heightClaim = 220 - (pos)
-
-      // todo: cleanup, use vuex, be faster!
-      // the buttons
-      if (pos >= 50 && this.buttons !== false) {
-        this.buttons = false
-        document.getElementsByClassName('scroll-determined')[0].setAttribute('style', `height: 70px`)
-        // the icon
-        document.getElementsByClassName('scroll-determined')[1].setAttribute('style', `height: 55px;width: 55px;transform: rotate(${position}deg)`)
-        // the name
-        document.getElementsByClassName('tauri-name')[0].setAttribute('style', `
-      height: 35px;
-      `)
-        // claim
-        // document.getElementById('claim').setAttribute('style', `top: 58px`)
-        // the sidebar id="scrollHolder" style="height:50%"
-        document.getElementsByClassName('q-drawer__content')[0].setAttribute('style', `background-color: #FDFADE;margin-top: 60px;padding-top:20px`)
-        document.getElementById('scrollHolder').setAttribute('style', `height: calc(100% - 132px)`)
-        document.getElementById('padding').setAttribute('style', `height: 40px`)
-      } else if (this.buttons === false) {
-        document.getElementsByClassName('scroll-determined')[1].setAttribute('style', `height: 55px;width: 55px;transform: rotate(${position}deg)`)
-      } else {
-        document.getElementsByClassName('scroll-determined')[1].setAttribute('style', `transform: rotate(${position}deg)`)
-      }
-
-      /*
-      document.getElementsByClassName('scroll-determined')[0].setAttribute('style', `height: ${this.height}px`)
-      // the icon
-      document.getElementsByClassName('scroll-determined')[1].setAttribute('style', `height: ${this.heightPic - 5}px;width: ${this.heightPic}px;transform: rotate(${position}deg)`)
-      // the name
-      document.getElementsByClassName('tauri-name')[0].setAttribute('style', `
-      height: ${this.heightName}px;
-      `)
-      // claim
-      document.getElementById('claim').setAttribute('style', `top: ${this.heightClaim}px`)
-      // the sidebar
-      document.getElementsByClassName('q-drawer__content')[0].setAttribute('style', `margin-top: ${this.height + 10}px`)
-      */
-    }
-  }
-}
-</script>
-
-<style lang="stylus">
-.q-menu
-  z-index 1000000
-.tauri-name
-  max-height 100px
-  min-height 20px
-  max-width 50%
-  height inherit
-  position fixed
-  margin auto
-  top 15px
-  left 0
-  right 0
-.page-header
-  height 270px
-  z-index 1000000
-  border-bottom 2px solid #212111
-.bg-container
-  background-image url(/statics/thetaTauri_logo.png)
-  background-repeat no-repeat
-  background-size contain
-  position absolute
-  left -5px
-  top 5px
-  height 250px
-  width 250px
-  max-height 250px
-  max-width 250px
-  min-height 60px
-  min-width 60px
-.claim
-  position absolute
-  margin 0 auto
-  left 20px
-  right 20px
-  width 330px
-  text-align center
-  color darkred
-  i
-    color #0099dd
-    text-shadow 0 0 1px rebeccapurple
-</style>
diff --git a/docs-generator/src/css/app.styl b/docs-generator/src/css/app.styl
index 84bb713..54e3afd 100644
--- a/docs-generator/src/css/app.styl
+++ b/docs-generator/src/css/app.styl
@@ -32,8 +32,8 @@ body
   /* font-family "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif */
   /* font-size 16px */
   line-height 1.5
-  background #FFFDFA
-  color #606c71
+  // background #FFFDFA
+  // color #606c71
 
 .body--dark
   body
diff --git a/docs-generator/src/index.template.html b/docs-generator/src/index.template.html
index ad20469..92b95c1 100644
--- a/docs-generator/src/index.template.html
+++ b/docs-generator/src/index.template.html
@@ -27,7 +27,8 @@
     <link rel="icon" type="image/png" sizes="96x96" href="statics/icons/favicon-96x96.png">
     <link rel="icon" type="image/ico" href="statics/icons/favicon.ico">
   </head>
-  <body style="background-repeat:repeat-x;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAASLCAIAAADbE0BzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAVUlEQVRYhe3NIQ6AQBBD0Zl2ViC4Bh7J/R0h3AaPIJBsAhrzxTO/ojHNiyICF4/DoYiIfVtVVaoq2X601mSra7aVmbItScrMztvX3b92AAAAAACAH5wLVw2ltqAZ/QAAAABJRU5ErkJggg==)">
+  <body id="_main" style="background-color:#000;background-image:url(/statics/tauri-studio.svg);background-position:center;background-repeat:no-repeat;background-size:50%;width:100vw!important;height:100vh!important;overflow:hidden;">
+    <!--  style="background-repeat:repeat-x;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAASLCAIAAADbE0BzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAVUlEQVRYhe3NIQ6AQBBD0Zl2ViC4Bh7J/R0h3AaPIJBsAhrzxTO/ojHNiyICF4/DoYiIfVtVVaoq2X601mSra7aVmbItScrMztvX3b92AAAAAACAH5wLVw2ltqAZ/QAAAABJRU5ErkJggg==)" -->
     <script>
       (function(){
         let redirect = sessionStorage.redirect;
diff --git a/docs-generator/src/layouts/MainLayout.vue b/docs-generator/src/layouts/MainLayout.vue
index ac846f3..c596d23 100644
--- a/docs-generator/src/layouts/MainLayout.vue
+++ b/docs-generator/src/layouts/MainLayout.vue
@@ -128,6 +128,8 @@ export default {
   },
 
   mounted () {
+    // todo: fade the landing logo out instead of this brutal hack
+    document.getElementById('_main').setAttribute('style', '')
     // code to handle anchor link on refresh/new page, etc
     if (location.hash !== '') {
       const id = location.hash.substring(1, location.hash.length)
diff --git a/docs-generator/src/markdown/frameworks.md b/docs-generator/src/markdown/frameworks.md
new file mode 100644
index 0000000..07297f8
--- /dev/null
+++ b/docs-generator/src/markdown/frameworks.md
@@ -0,0 +1,14 @@
+# In no particular order
+This page seeks to help you integrate your front-end framework of choice with Tauri. If you find that a framework is missing or something needs to be updated, by all means please make a PR to this page!
+
+## Svelte
+
+## Gatsby
+
+## Vue-CLI
+
+## Quasar
+
+## Angular
+
+## React
diff --git a/docs-generator/src/markdown/tauri-frida.md b/docs-generator/src/markdown/tauri-frida.md
new file mode 100644
index 0000000..e69de29
diff --git a/docs-generator/src/pages/Landing.vue b/docs-generator/src/pages/Landing.vue
index fef71f8..fe8fbd9 100644
--- a/docs-generator/src/pages/Landing.vue
+++ b/docs-generator/src/pages/Landing.vue
@@ -42,7 +42,7 @@
     </div>
 
     <!-- roadmap -->
-    <q-card id="Roadmap" class="q-ma-xl full-width bg-cyan-1"  flat bordered>
+    <q-card id="Roadmap" class="q-ma-xl full-width"  flat bordered>
       <q-card-section class="justify-center items-center content-center text-center">
         <div style="position:absolute;top:130px;left:30px;width:5px;height:20px;background:#E0F7FA;z-index:2"></div>
         <div style="position:absolute;bottom:50px;left:30px;width:5px;height:20px;background:#E0F7FA;z-index:2"></div>
@@ -69,7 +69,7 @@
                 <q-item-label caption lines="2">{{ item.caption }}</q-item-label>
               </q-item-section>
             </q-item>
-            <q-chip dense color="yellow-1" class="vertical-middle side-text">
+            <q-chip dense class="vertical-middle side-text">
               {{ item.time }}
             </q-chip>
           </q-activity-item>
@@ -255,7 +255,7 @@ export default {
           time: 'Q4 2019'
         },
         {
-          icon: 'ti-layers-alt',
+          icon: 'ti-desktop',
           iconColor: 'blue',
           iconTextColor: 'white',
           label: 'Desktop Bundler',
@@ -271,12 +271,12 @@ export default {
           time: 'Q4 2019'
         },
         {
-          icon: 'ti-layers',
+          icon: 'ti-cup',
           iconColor: 'blue',
           iconTextColor: 'white',
-          label: 'Mobile Bundler',
-          caption: 'Bundle to all major mobile device operating systems.',
-          time: 'Q4 2019'
+          label: 'DENO',
+          caption: 'Enable alternative DENO CLI.',
+          time: 'Q1 2020'
         },
         {
           icon: 'ti-bolt',
@@ -302,13 +302,21 @@ export default {
           caption: 'Desktop Cross-platform Icon Tray.',
           time: 'Q1 2020'
         },
+        {
+          icon: 'ti-mobile',
+          iconColor: 'blue',
+          iconTextColor: 'white',
+          label: 'Mobile Bundler',
+          caption: 'Bundle to all major mobile device operating systems.',
+          time: 'Q1 2020'
+        },
         {
           icon: 'ti-flag-alt',
           iconColor: 'red',
           iconTextColor: 'white',
           label: 'Beta Release',
           caption: 'Mostly stable on Desktop & Mobile.',
-          time: 'Q1 2020'
+          time: 'Q2 2020'
         },
         {
           icon: 'ti-direction-alt',
diff --git a/docs-generator/src/statics/tauri-studio.svg b/docs-generator/src/statics/tauri-studio.svg
new file mode 100644
index 0000000..a6b5cb5
--- /dev/null
+++ b/docs-generator/src/statics/tauri-studio.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 480 480" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
+    <g>
+        <g>
+            <path id="tauri-t" d="M177.312,142.168l0,1.651l-22.252,0l0,49.458l-1.651,0l0,-49.458l-22.095,0l0,-1.651l45.998,0Z" style="fill:none;fill-rule:nonzero;stroke-width:3.07px;" stroke="#e5fcff"/>
+            <path id="tauri-a" d="M202.867,141.539l22.802,51.738l-1.729,0l-21.152,-47.885l-22.173,47.885l-1.809,0l24.061,-51.738Z" style="fill:none;fill-rule:nonzero;stroke-width:3.07px;" stroke="#e5fcff"/>
+            <path id="tauri-u" d="M261.131,192.373c2.359,-0.97 4.43,-2.398 6.212,-4.285c1.782,-1.835 3.145,-3.945 4.089,-6.33c0.943,-2.385 1.415,-4.862 1.415,-7.43l0,-32.16l-1.494,0l0,32.16c0,2.411 -0.445,4.691 -1.336,6.84c-0.892,2.15 -2.176,4.063 -3.853,5.74c-1.625,1.73 -3.512,3.041 -5.662,3.932c-2.149,0.891 -4.403,1.337 -6.762,1.337c-4.98,0 -9.173,-1.757 -12.581,-5.269c-1.625,-1.677 -2.87,-3.603 -3.734,-5.779c-0.865,-2.175 -1.298,-4.443 -1.298,-6.801l0,-32.16l-1.651,0l0,32.16c0,2.568 0.472,5.045 1.415,7.43c0.944,2.385 2.307,4.495 4.089,6.33c1.782,1.887 3.866,3.315 6.251,4.285c2.385,0.97 4.888,1.455 7.509,1.455c2.569,0 5.033,-0.485 7.391,-1.455Z" style="fill:none;fill-rule:nonzero;stroke-width:3.07px;" stroke="#e5fcff"/>
+            <path id="tauri-r" d="M320.182,193.277l-20.05,-24.768l4.089,0c2.149,0 3.8,-0.131 4.953,-0.393c1.153,-0.262 2.438,-0.708 3.853,-1.337c1.992,-0.943 3.709,-2.385 5.15,-4.324c1.442,-1.94 2.163,-4.089 2.163,-6.448c0,-2.045 -0.616,-4.023 -1.848,-5.937c-1.232,-1.913 -2.988,-3.459 -5.268,-4.639c-2.281,-1.179 -4.915,-1.769 -7.903,-1.769l-16.04,0l0.157,49.615l-1.651,0l0,-51.109l17.534,0c3.303,0 6.212,0.668 8.728,2.005c2.516,1.337 4.456,3.067 5.819,5.19c1.363,2.123 2.044,4.337 2.044,6.644c0,2.726 -0.773,5.137 -2.319,7.234c-1.547,2.097 -3.499,3.774 -5.858,5.032c-1.468,0.734 -2.91,1.206 -4.325,1.415c-1.415,0.21 -3.355,0.315 -5.819,0.315l18.714,23.274l-2.123,0Z" style="fill:none;fill-rule:nonzero;stroke-width:3.07px;" stroke="#e5fcff"/>
+            <rect id="tauri-i" x="336.144" y="142.168" width="1.651" height="51.109" style="fill:none;fill-rule:nonzero;stroke-width:3.07px;" stroke="#e5fcff"/>
+            <path id="studio-s" d="M163.202,254.123c0.988,1.463 1.483,2.974 1.483,4.532c0,1.786 -0.59,3.43 -1.768,4.931c-1.178,1.502 -2.774,2.689 -4.789,3.563c-2.014,0.875 -4.199,1.312 -6.556,1.312c-2.28,0 -4.389,-0.399 -6.328,-1.198c-1.938,-0.798 -3.506,-1.9 -4.703,-3.306c-1.197,-1.406 -1.872,-2.946 -2.024,-4.618l1.14,-0.684c0,1.558 0.542,3.002 1.625,4.333c1.083,1.33 2.537,2.375 4.361,3.135c1.825,0.76 3.801,1.14 5.929,1.14c2.167,0 4.162,-0.389 5.986,-1.168c1.825,-0.779 3.269,-1.825 4.333,-3.136c1.064,-1.311 1.596,-2.746 1.596,-4.304c0,-1.33 -0.418,-2.604 -1.254,-3.82c-0.836,-1.216 -1.995,-2.242 -3.477,-3.078c-0.875,-0.494 -2.015,-0.874 -3.421,-1.14c-1.406,-0.266 -2.679,-0.456 -3.82,-0.571c-0.228,-0.038 -1.216,-0.199 -2.964,-0.484c-1.748,-0.285 -3.174,-0.675 -4.276,-1.169c-1.786,-0.836 -3.202,-1.995 -4.247,-3.477c-1.045,-1.483 -1.568,-3.041 -1.568,-4.675c0,-1.786 0.589,-3.43 1.767,-4.931c1.179,-1.502 2.775,-2.699 4.789,-3.592c2.015,-0.893 4.2,-1.34 6.556,-1.34c2.243,0 4.343,0.409 6.3,1.226c1.957,0.817 3.544,1.919 4.76,3.306c1.216,1.388 1.901,2.917 2.053,4.59l-1.198,0.627c0,-1.558 -0.532,-2.993 -1.596,-4.304c-1.064,-1.312 -2.508,-2.347 -4.333,-3.107c-1.824,-0.761 -3.819,-1.141 -5.986,-1.141c-2.166,0 -4.161,0.38 -5.986,1.141c-1.824,0.76 -3.268,1.805 -4.332,3.135c-1.065,1.33 -1.597,2.794 -1.597,4.39c0,1.406 0.456,2.755 1.369,4.048c0.912,1.292 2.166,2.299 3.762,3.021c0.684,0.304 1.463,0.551 2.338,0.741c0.874,0.19 1.757,0.352 2.651,0.485c0.893,0.133 1.51,0.237 1.852,0.313c1.787,0.266 3.269,0.513 4.447,0.741c1.178,0.228 2.242,0.59 3.193,1.084c1.634,0.836 2.945,1.985 3.933,3.449Z" style="fill:none;fill-rule:nonzero;stroke-width:1.17px;" stroke="#e5fcff"/>
+            <path id="studio-t" d="M204.192,230.948l0,1.197l-16.134,0l0,35.86l-1.197,0l0,-35.86l-16.019,0l0,-1.197l33.35,0Z" style="fill:none;fill-rule:nonzero;stroke-width:1.17px;" stroke="#e5fcff"/>
+            <path id="studio-u" d="M232.184,267.349c1.71,-0.703 3.211,-1.739 4.504,-3.107c1.292,-1.33 2.28,-2.86 2.964,-4.589c0.684,-1.73 1.026,-3.525 1.026,-5.388l0,-23.317l-1.083,0l0,23.317c0,1.748 -0.323,3.402 -0.969,4.96c-0.646,1.558 -1.577,2.946 -2.793,4.162c-1.179,1.254 -2.547,2.204 -4.105,2.85c-1.558,0.646 -3.193,0.969 -4.903,0.969c-3.611,0 -6.651,-1.273 -9.122,-3.819c-1.178,-1.216 -2.08,-2.613 -2.707,-4.19c-0.628,-1.578 -0.941,-3.222 -0.941,-4.932l0,-23.317l-1.197,0l0,23.317c0,1.863 0.342,3.658 1.026,5.388c0.684,1.729 1.672,3.259 2.964,4.589c1.293,1.368 2.803,2.404 4.533,3.107c1.729,0.703 3.544,1.055 5.444,1.055c1.862,0 3.649,-0.352 5.359,-1.055Z" style="fill:none;fill-rule:nonzero;stroke-width:1.17px;" stroke="#e5fcff"/>
+            <path id="studio-d" d="M269.155,266.551c2.223,-0.969 4.19,-2.366 5.9,-4.19c1.52,-1.711 2.689,-3.678 3.506,-5.901c0.817,-2.223 1.226,-4.57 1.226,-7.041c0,-2.432 -0.409,-4.769 -1.226,-7.012c-0.817,-2.242 -1.986,-4.2 -3.506,-5.872c-3.382,-3.724 -7.772,-5.587 -13.169,-5.587l-10.376,0l0,37.057l10.376,0c2.622,0 5.045,-0.485 7.269,-1.454Zm-16.448,-34.406l9.179,0c2.508,0 4.798,0.438 6.87,1.312c2.071,0.874 3.867,2.166 5.387,3.876c1.444,1.559 2.556,3.383 3.335,5.473c0.779,2.091 1.169,4.295 1.169,6.613c0,2.319 -0.39,4.523 -1.169,6.613c-0.779,2.091 -1.891,3.934 -3.335,5.53c-1.482,1.711 -3.269,3.012 -5.359,3.906c-2.09,0.893 -4.39,1.339 -6.898,1.339l-9.179,0l0,-34.662Z" style="fill:none;fill-rule:nonzero;stroke-width:1.17px;" stroke="#e5fcff"/>
+            <rect id="studio-i" x="289.479" y="230.948" width="1.197" height="37.056" style="fill:none;fill-rule:nonzero;stroke-width:1.17px;" stroke="#e5fcff" />
+            <path id="studio-o" d="M328.445,265.838c2.869,-1.71 5.149,-4.019 6.841,-6.927c1.691,-2.907 2.537,-6.071 2.537,-9.492c0,-3.42 -0.846,-6.584 -2.537,-9.492c-1.692,-2.907 -3.972,-5.207 -6.841,-6.898c-2.87,-1.691 -5.996,-2.537 -9.378,-2.537c-3.383,0 -6.509,0.846 -9.379,2.537c-2.869,1.691 -5.149,3.991 -6.841,6.898c-1.691,2.908 -2.537,6.072 -2.537,9.492c0,3.421 0.846,6.585 2.537,9.492c1.692,2.908 3.972,5.217 6.841,6.927c2.87,1.71 5.996,2.566 9.379,2.566c3.382,0 6.508,-0.856 9.378,-2.566Zm-0.513,-31.811c2.717,1.596 4.864,3.753 6.442,6.47c1.577,2.718 2.366,5.692 2.366,8.922c0,3.231 -0.789,6.205 -2.366,8.922c-1.578,2.718 -3.725,4.875 -6.442,6.471c-2.718,1.596 -5.673,2.394 -8.865,2.394c-3.193,0 -6.129,-0.798 -8.808,-2.394c-2.68,-1.596 -4.808,-3.753 -6.386,-6.471c-1.577,-2.717 -2.365,-5.691 -2.365,-8.922c0,-3.23 0.788,-6.204 2.365,-8.922c1.578,-2.717 3.706,-4.874 6.386,-6.47c2.679,-1.596 5.615,-2.395 8.808,-2.395c3.192,0 6.147,0.799 8.865,2.395Z" style="fill:none;fill-rule:nonzero;stroke-width:1.17px;" stroke="#e5fcff"/>
+        </g>
+        <path id="line" d="M117.334,208.935l245.332,0" style="fill:none;stroke-width:3.07px;stroke-linecap:round;stroke-miterlimit:1.5;" stroke="#e5fcff"/>
+    </g>
+</svg>
diff --git a/docs-generator/yarn.lock b/docs-generator/yarn.lock
index e0119c4..cdac17e 100644
--- a/docs-generator/yarn.lock
+++ b/docs-generator/yarn.lock
@@ -1102,10 +1102,10 @@
   resolved "https://registry.npmjs.org/@positron/stack-trace/-/stack-trace-1.0.0.tgz#14fcc712a530038ef9be1ce6952315a839f466a8"
   integrity sha1-FPzHEqUwA475vhzmlSMVqDn0Zqg=
 
-"@quasar/app@1.3.7":
-  version "1.3.7"
-  resolved "https://registry.npmjs.org/@quasar/app/-/app-1.3.7.tgz#06f95862754b89b21db35b89af094be33ad7e939"
-  integrity sha512-zXFabIq9eMrfl+5A26rjVVdK8MaLo+gm1tKiAtG5JAxDgr1Jt95/mruK6N9aWZAKf+wc78n1EKTwonNVs8gYAA==
+"@quasar/app@^1.4.0":
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/@quasar/app/-/app-1.4.0.tgz#037ba10b45bf82f0e274090f9e89cb50a53aa0aa"
+  integrity sha512-HmRtrsG/PT3Iac0CfDWsWWgiTfRy97MrYzMfEO67lAoz+n0QyQJ3z4Fq693i/8itZ8UFjVpOXLLvwvUwo5WFKg==
   dependencies:
     "@quasar/babel-preset-app" "1.1.7"
     "@quasar/fastclick" "1.1.4"
@@ -8763,10 +8763,10 @@ qs@~6.5.2:
   resolved "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz#cb3ae806e8740444584ef154ce8ee98d403f3e36"
   integrity sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==
 
-quasar@1.5.8:
-  version "1.5.8"
-  resolved "https://registry.npmjs.org/quasar/-/quasar-1.5.8.tgz#c0d5ffcde8ee7b1fd1bbe96965d0928be54ab099"
-  integrity sha512-wgkVqpG3zcdBfuyPa57GiBQYzEYD95Y7yNZGXhxSMupvlwtG/l5+IFGaTI9kfp9f38rzCBjrsJsp/m9Cqxe2ig==
+quasar@^1.5.9:
+  version "1.5.9"
+  resolved "https://registry.npmjs.org/quasar/-/quasar-1.5.9.tgz#866651eb425911afbbea7176b1d57ba8969f2fee"
+  integrity sha512-QdTiLNCqumBOOkeODZrDmxJY9KjjEEC1Gp4KPM5fRFEpSNvtHF5m68tt5/4mnCrS6V05ZpetYRizmCAnE9kkzw==
 
 query-string@^4.1.0:
   version "4.3.4"
diff --git a/renovate.json b/renovate.json
index be41bfe..b176f55 100644
--- a/renovate.json
+++ b/renovate.json
@@ -2,5 +2,5 @@
   "extends": [
     "config:base"
   ],
-  "schedule": "after 3am on Tuesday"
+  "schedule": "after 10pm on Tuesday"
 }