]> git.ipfire.org Git - thirdparty/vuejs/router.git/commitdiff
docs: add vueschool banner (#848)
authorRolf Haug <rolf@rah.no>
Sat, 27 Mar 2021 14:16:53 +0000 (15:16 +0100)
committerGitHub <noreply@github.com>
Sat, 27 Mar 2021 14:16:53 +0000 (15:16 +0100)
docs/.vitepress/theme/Layout.vue
docs/.vitepress/theme/components/BannerTop.vue [new file with mode: 0644]
docs/public/images/vueschool/close.svg [new file with mode: 0644]
docs/public/images/vueschool/learn-more.svg [new file with mode: 0644]
docs/public/images/vueschool/vs-banner-bg-desktop-2.svg [new file with mode: 0644]
docs/public/images/vueschool/vs-banner-bg-mobile-2.svg [new file with mode: 0644]
docs/public/images/vueschool/vs-banner-bg-tablet-2.svg [new file with mode: 0644]
docs/public/images/vueschool/vs-iso.svg [new file with mode: 0644]
docs/public/images/vueschool/vs-logo.svg [new file with mode: 0644]

index 15e3cbe8fe97cd03cbeafb080ab83da6b97a9ea9..e52d9ff8eb0e977f71b4decccdb205b0beee8593 100644 (file)
@@ -1,29 +1,39 @@
 <template>
-  <ParentLayout>
-    <template #page-top-ads><span /></template>
-    <template #page-top>
-      <CarbonAds
-        v-if="$site.themeConfig.carbonAds"
-        :key="'carbon' + $page.relativePath"
-        :code="$site.themeConfig.carbonAds.carbon"
-        :placement="$site.themeConfig.carbonAds.placement"
-      />
-    </template>
-    <template #page-bottom>
-      <BuySellAds
-        v-if="$site.themeConfig.carbonAds"
-        :key="'custom' + $page.relativePath"
-        :code="$site.themeConfig.carbonAds.custom"
-        :placement="$site.themeConfig.carbonAds.placement"
-      />
-    </template>
-  </ParentLayout>
+  <div
+    class="theme-container"
+    :class="{ 'has-top-banner': showTopBanner }"
+  >
+    <BannerTop
+      v-if="showTopBanner"
+      @close="closeBannerTop"
+    />
+    <ParentLayout>
+      <template #page-top-ads><span /></template>
+      <template #page-top>
+        <CarbonAds
+          v-if="$site.themeConfig.carbonAds"
+          :key="'carbon' + $page.relativePath"
+          :code="$site.themeConfig.carbonAds.carbon"
+          :placement="$site.themeConfig.carbonAds.placement"
+        />
+      </template>
+      <template #page-bottom>
+        <BuySellAds
+          v-if="$site.themeConfig.carbonAds"
+          :key="'custom' + $page.relativePath"
+          :code="$site.themeConfig.carbonAds.custom"
+          :placement="$site.themeConfig.carbonAds.placement"
+        />
+      </template>
+    </ParentLayout>
+  </div>
 </template>
 
 <script>
 import DefaultTheme from 'vitepress/dist/client/theme-default'
 import CarbonAds from './components/CarbonAds.vue'
 import BuySellAds from './components/BuySellAds.vue'
+import BannerTop from './components/BannerTop.vue'
 
 export default {
   name: 'Layout',
@@ -32,7 +42,25 @@ export default {
     ParentLayout: DefaultTheme.Layout,
     CarbonAds,
     BuySellAds,
+    BannerTop
   },
+
+  data () {
+    return {
+      showTopBanner: false
+    }
+  },
+
+  mounted () {
+    this.showTopBanner = !localStorage.getItem('VS_OFFER_BANNER_CLOSED')
+  },
+
+  methods: {
+    closeBannerTop () {
+      this.showTopBanner = false
+      localStorage.setItem('VS_OFFER_BANNER_CLOSED', 1)
+    }
+  }
 }
 </script>
 
diff --git a/docs/.vitepress/theme/components/BannerTop.vue b/docs/.vitepress/theme/components/BannerTop.vue
new file mode 100644 (file)
index 0000000..ed17494
--- /dev/null
@@ -0,0 +1,245 @@
+<template>
+  <a id="vs" href="https://vueschool.io/the-vuejs-master-class/?friend=vuerouter#plans" target="_blank" rel="noreferrer">
+    <div class="vs-iso">
+      <img src="/images/vueschool/vs-iso.svg" alt="Vue School Logo">
+    </div>
+    <div class="vs-logo">
+      <img src="/images/vueschool/vs-logo.svg" alt="Vue School Logo">
+    </div>
+    <div class="vs-core">
+      <div class="vs-slogan">
+        <div class="vs-slogan-up">
+           LEARN VUE AT VUE SCHOOL
+        </div>
+        <div class="vs-slogan-down">
+          Register today and get <strong>20% OFF</strong>
+        </div>
+      </div>
+      <div class="vs-button">
+        <div class="vs-button-inside">
+          <img src="/images/vueschool/learn-more.svg" alt="Learn More">
+        </div>
+      </div>
+    </div>
+    <div
+      id="vs-close"
+      class="vs-close"
+      @click.stop.prevent="$emit('close')">
+      <img src="/images/vueschool/close.svg" alt="Close">
+    </div>
+  </a>
+</template>
+
+<style>
+#vs {
+  align-items: center;
+  background-color: #1e204d;
+  background-position: top right;
+  background-repeat: no-repeat;
+  background-size: cover;
+  box-sizing: border-box;
+  color: #fff;
+  font-family: 'Roboto', Oxygen, Fira Sans, Helvetica Neue, sans-serif;
+  justify-content: center;
+  position: fixed;
+  padding: 0 10px;
+  left: 0;
+  right: 0;
+  top: 0;
+  z-index: 100;
+  background-image: url("/images/vueschool/vs-banner-bg-mobile-2.svg");
+  height: 3.125rem;
+  display: flex;
+}
+
+#vs:hover {
+  text-decoration: none;
+}
+
+@media (min-width: 680px) {
+  #vs {
+    height: 5rem;
+    background-image: url("/images/vueschool/vs-banner-bg-tablet-2.svg");
+  }
+}
+
+@media (min-width: 900px) {
+  #vs {
+    background-image: url("/images/vueschool/vs-banner-bg-desktop-2.svg");
+  }
+}
+
+#vs:hover .vs-core .vs-button .vs-button-inside {
+  background: linear-gradient(#ed81eb, #d457d0);
+}
+
+#vs .vs-iso {
+  position: absolute;
+  left: 20px;
+  height: 26px;
+}
+
+#vs .vs-iso img {
+  height: 26px;
+}
+
+@media (min-width: 680px) {
+  #vs .vs-iso {
+    left: 40px;
+    height: 40px;
+  }
+
+  #vs .vs-iso img {
+    height: 40px;
+  }
+}
+
+@media (min-width: 900px) {
+  #vs .vs-iso {
+    display: none;
+  }
+}
+
+#vs .vs-logo {
+  position: absolute;
+  display: none;
+  left: 40px;
+}
+
+@media (min-width: 900px) {
+  #vs .vs-logo {
+    display: block;
+  }
+}
+
+#vs .vs-core {
+  display: flex;
+  align-items: center;
+}
+
+#vs .vs-core .vs-slogan {
+  text-align: center;
+}
+
+#vs .vs-core .vs-slogan .vs-slogan-up {
+  color: #47b785;
+  font-size: 14px;
+  font-weight: bold;
+}
+
+@media (min-width: 680px) {
+  #vs .vs-core .vs-slogan .vs-slogan-up {
+    font-size: 18px;
+  }
+}
+
+#vs .vs-core .vs-slogan .vs-slogan-down {
+  color: #fff;
+  font-size: 12px;
+  padding-top: 2px;
+}
+
+@media (min-width: 680px) {
+  #vs .vs-core .vs-slogan .vs-slogan-down {
+    font-size: 16px;
+  }
+}
+
+#vs .vs-core .vs-slogan .vs-slogan-down strong {
+  color: #fff;
+  font-weight: bold;
+}
+
+#vs .vs-core .vs-button {
+  margin-left: 43px;
+  color: #fff;
+  background: linear-gradient(to bottom, #b349b0, #dc61da);
+  padding: 2px;
+  border-radius: 40px;
+  display: none;
+}
+
+@media (min-width: 680px) {
+  #vs .vs-core .vs-button {
+    display: inline-block;
+  }
+}
+
+#vs .vs-core .vs-button .vs-button-inside {
+  border-radius: 40px;
+  background: linear-gradient(#dc61da, #b349b0);
+  transition: all 0.25s ease-in;
+  padding: 12px 24px 8px;
+  line-height: 0;
+}
+
+@media (min-width: 680px) {
+  #vs .vs-core .vs-button .vs-button-inside {
+    padding: 12px 24px 8px;
+  }
+}
+
+#vs .vs-core .vs-button.vs-button-alt {
+  background: linear-gradient(to bottom, #ffcc38, #ffd13d);
+}
+
+#vs .vs-core .vs-button.vs-button-alt .vs-button-inside {
+  background: linear-gradient(to bottom, #ffe24f, #ffa40e);
+}
+
+#vs .vs-close {
+  right: 10px;
+  position: absolute;
+  padding: 10px;
+}
+
+@media (min-width: 680px) {
+  #vs .vs-close {
+    right: 20px;
+  }
+}
+
+#vs .vs-close:hover {
+  color: #56d8ff;
+}
+
+/************************************/
+
+.theme-container.has-top-banner #vs {
+  display: flex;
+}
+
+.theme-container.has-top-banner {
+  margin-top: 3.125rem;
+}
+
+.theme-container.has-top-banner .nav-bar {
+  margin-top: 3.125rem;
+}
+
+.theme-container.has-top-banner .sidebar {
+  margin-top: 3.125rem;
+}
+
+.theme-container.has-top-banner .page {
+  margin-top: 3.125rem;
+}
+
+@media (min-width: 680px) {
+  .theme-container.has-top-banner {
+    margin-top: 5rem;
+  }
+
+  .theme-container.has-top-banner .nav-bar {
+    margin-top: 5rem;
+  }
+
+  .theme-container.has-top-banner .sidebar {
+    margin-top: 5rem;
+  }
+
+  .theme-container.has-top-banner .page {
+    margin-top: 5rem;
+  }
+}
+</style>
diff --git a/docs/public/images/vueschool/close.svg b/docs/public/images/vueschool/close.svg
new file mode 100644 (file)
index 0000000..16b7786
--- /dev/null
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
+    <g fill="none" fill-rule="evenodd">
+        <g fill="#FFF" fill-rule="nonzero">
+            <path d="M1579.69 33.321c-.415-.414-1.084-.414-1.498 0L1573 38.503l-5.192-5.192c-.414-.415-1.083-.415-1.497 0-.415.414-.415 1.083 0 1.497l5.192 5.192-5.192 5.192c-.415.414-.415 1.083 0 1.497.414.415 1.083.415 1.497 0l5.192-5.192 5.192 5.192c.414.415 1.083.415 1.497 0 .415-.414.415-1.083 0-1.497L1574.497 40l5.192-5.192c.404-.404.404-1.083 0-1.487z" transform="translate(-1566 -33)"/>
+        </g>
+    </g>
+</svg>
diff --git a/docs/public/images/vueschool/learn-more.svg b/docs/public/images/vueschool/learn-more.svg
new file mode 100644 (file)
index 0000000..58cc3f5
--- /dev/null
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="30" viewBox="0 0 104 30">
+    <g fill="none" fill-rule="evenodd">
+        <g fill="#FFF" fill-rule="nonzero">
+            <g>
+                <path d="M28.22 28.268c.08 0 .146-.026.198-.078.052-.052.078-.118.078-.198v-.396c0-.072-.024-.134-.072-.186-.048-.052-.104-.078-.168-.078-.456-.008-.812-.162-1.068-.462-.256-.3-.44-.784-.552-1.452-.112-.668-.168-1.59-.168-2.766 0-1.168.056-2.086.168-2.754.112-.668.296-1.152.552-1.452.256-.3.612-.454 1.068-.462.064 0 .12-.026.168-.078.048-.052.072-.114.072-.186v-.396c0-.08-.026-.146-.078-.198-.052-.052-.118-.078-.198-.078-.688 0-1.234.194-1.638.582-.404.388-.694.988-.87 1.8-.176.812-.264 1.886-.264 3.222s.088 2.412.264 3.228c.176.816.466 1.418.87 1.806.404.388.95.582 1.638.582zm2.557-1.908c.08 0 .146-.026.198-.078.052-.052.078-.118.078-.198v-7.968c0-.08-.026-.146-.078-.198-.052-.052-.118-.078-.198-.078h-.528c-.08 0-.146.024-.198.072-.052.048-.078.116-.078.204v7.968c0 .08.026.146.078.198.052.052.118.078.198.078h.528zm3.24-7.416c.08 0 .149-.026.205-.078.056-.052.084-.118.084-.198v-.624c0-.08-.028-.148-.084-.204-.056-.056-.124-.084-.204-.084h-.708c-.08 0-.146.028-.198.084-.052.056-.078.124-.078.204v.624c0 .08.026.146.078.198.052.052.118.078.198.078h.708zm-.083 7.416c.08 0 .146-.026.198-.078.052-.052.078-.118.078-.198v-5.688c0-.08-.026-.146-.078-.198-.052-.052-.118-.078-.198-.078h-.528c-.08 0-.146.026-.198.078-.052.052-.078.118-.078.198v5.688c0 .08.026.146.078.198.052.052.118.078.198.078h.528zm5.569 0c.08 0 .144-.026.192-.078.048-.052.072-.118.072-.198v-.396c0-.08-.024-.146-.072-.198-.048-.052-.112-.078-.192-.078h-.732c-.32 0-.546-.104-.678-.312-.132-.208-.198-.516-.198-.924v-3.132h1.488c.08 0 .146-.024.198-.072.052-.048.078-.112.078-.192v-.384c0-.08-.026-.146-.078-.198-.052-.052-.118-.078-.198-.078h-1.488v-2.004c0-.08-.026-.146-.078-.198-.052-.052-.118-.078-.198-.078h-.528c-.08 0-.144.026-.192.078-.048.052-.072.118-.072.198v2.004h-.948c-.08 0-.144.026-.192.078-.048.052-.072.118-.072.198v.384c0 .08.024.144.072.192.048.048.112.072.192.072h.948v3.216c0 1.4.62 2.1 1.86 2.1h.816zm4.189.12c.512 0 .966-.09 1.362-.27.396-.18.702-.394.918-.642.216-.248.324-.46.324-.636 0-.064-.026-.116-.078-.156-.052-.04-.114-.06-.186-.06h-.528c-.096 0-.164.01-.204.03-.04.02-.096.078-.168.174-.12.16-.298.314-.534.462-.236.148-.542.222-.918.222-.488 0-.88-.184-1.176-.552-.296-.368-.456-.812-.48-1.332v-.108h4.164c.08 0 .146-.026.198-.078.052-.052.078-.118.078-.198v-.216c0-.96-.242-1.72-.726-2.28-.484-.56-1.166-.84-2.046-.84-.816 0-1.468.256-1.956.768s-.756 1.2-.804 2.064l-.012.396.012.408c.048.88.316 1.574.804 2.082.488.508 1.14.762 1.956.762zm1.68-3.684h-3.348v-.036c0-.56.148-1.016.444-1.368.296-.352.704-.528 1.224-.528.512 0 .92.176 1.224.528.304.352.456.808.456 1.368v.036zm3.649 3.564c.08 0 .148-.026.204-.078.056-.052.084-.118.084-.198v-3.54c0-.44.126-.788.378-1.044s.598-.384 1.038-.384h.684c.088 0 .156-.026.204-.078.048-.052.072-.118.072-.198v-.444c0-.088-.024-.156-.072-.204-.048-.048-.116-.072-.204-.072h-.468c-.784 0-1.34.272-1.668.816v-.528c0-.088-.026-.158-.078-.21-.052-.052-.122-.078-.21-.078h-.504c-.08 0-.146.028-.198.084-.052.056-.078.124-.078.204v5.676c0 .08.026.146.078.198.052.052.118.078.198.078h.54zm5.605.12c.528 0 .96-.088 1.296-.264.336-.176.592-.396.768-.66v.528c0 .08.024.146.072.198.048.052.112.078.192.078h.528c.08 0 .146-.026.198-.078.052-.052.078-.118.078-.198v-3.9c0-.624-.194-1.144-.582-1.56-.388-.416-1.03-.624-1.926-.624-.52 0-.96.09-1.32.27-.36.18-.626.392-.798.636-.172.244-.258.458-.258.642 0 .072.026.134.078.186.052.052.114.078.186.078h.468c.064 0 .114-.014.15-.042.036-.028.07-.082.102-.162.104-.2.268-.374.492-.522.224-.148.52-.222.888-.222.952 0 1.428.412 1.428 1.236v.348l-1.8.252c-.744.112-1.332.336-1.764.672-.432.336-.648.768-.648 1.296 0 .336.098.642.294.918.196.276.46.494.792.654.332.16.694.24 1.086.24zm.24-.876c-.368 0-.686-.088-.954-.264-.268-.176-.402-.428-.402-.756 0-.288.148-.528.444-.72.296-.192.732-.328 1.308-.408l1.404-.204v.336c0 .656-.168 1.156-.504 1.5-.336.344-.768.516-1.296.516zm5.724.756c.08 0 .146-.026.198-.078.052-.052.078-.118.078-.198v-7.968c0-.08-.026-.146-.078-.198-.052-.052-.118-.078-.198-.078h-.528c-.08 0-.146.024-.198.072-.052.048-.078.116-.078.204v7.968c0 .08.026.146.078.198.052.052.118.078.198.078h.528zm3.17 0c.08 0 .145-.026.197-.078.052-.052.078-.118.078-.198v-7.968c0-.08-.026-.146-.078-.198-.052-.052-.118-.078-.198-.078h-.528c-.08 0-.146.024-.198.072-.052.048-.078.116-.078.204v7.968c0 .08.026.146.078.198.052.052.118.078.198.078h.528zm3.972 2.28c.072 0 .13-.016.174-.048.044-.032.086-.08.126-.144l3.396-7.872c.04-.088.06-.16.06-.216 0-.064-.024-.12-.072-.168-.048-.048-.104-.072-.168-.072h-.54c-.128 0-.224.064-.288.192l-1.896 4.416-1.848-4.416c-.064-.128-.16-.192-.288-.192h-.552c-.064 0-.12.024-.168.072-.048.048-.076.108-.084.18 0 .04.024.108.072.204l2.292 5.412-.936 2.196c-.04.12-.06.192-.06.216 0 .064.024.12.072.168.048.048.108.072.18.072h.528zm4.381-.372c.688 0 1.234-.194 1.638-.582.404-.388.694-.99.87-1.806.176-.816.264-1.892.264-3.228 0-1.336-.088-2.41-.264-3.222-.176-.812-.466-1.412-.87-1.8-.404-.388-.95-.582-1.638-.582-.072 0-.134.026-.186.078-.052.052-.078.118-.078.198v.396c0 .072.024.134.072.186.048.052.104.078.168.078.448.008.802.162 1.062.462.26.3.446.784.558 1.452.112.668.168 1.586.168 2.754s-.056 2.088-.168 2.76c-.112.672-.298 1.158-.558 1.458-.26.3-.614.454-1.062.462-.064 0-.12.026-.168.078-.048.052-.072.114-.072.186v.396c0 .08.026.146.078.198.052.052.114.078.186.078zM7.344 11.36c.117 0 .213-.037.288-.112.075-.075.112-.165.112-.272V9.824c0-.107-.037-.197-.112-.272-.075-.075-.17-.112-.288-.112H2.272V.544c0-.117-.035-.21-.104-.28-.07-.07-.163-.104-.28-.104H.384C.277.16.187.195.112.264.037.334 0 .427 0 .544v10.432c0 .107.037.197.112.272.075.075.165.112.272.112h6.96zm9.89 0c.117 0 .213-.035.287-.104.075-.07.112-.163.112-.28V9.888c0-.117-.037-.21-.112-.28-.074-.07-.17-.104-.288-.104h-5.376V6.608h4.896c.118 0 .214-.035.288-.104.075-.07.112-.163.112-.28V5.216c0-.117-.037-.213-.112-.288-.074-.075-.17-.112-.288-.112h-4.896v-2.8h5.248c.118 0 .214-.035.288-.104.075-.07.112-.163.112-.28V.56c0-.117-.037-.213-.112-.288-.074-.075-.17-.112-.288-.112H10.05c-.117 0-.21.037-.28.112-.07.075-.104.17-.104.288v10.416c0 .107.038.197.112.272.075.075.166.112.272.112h7.184zm3.504 0c.224 0 .38-.101.464-.304l.736-1.936h4.736l.736 1.936c.086.203.24.304.464.304h1.424c.086 0 .163-.032.232-.096.07-.064.104-.144.104-.24l-.032-.144L25.762.56c-.106-.267-.298-.4-.576-.4h-1.76c-.277 0-.469.133-.576.4l-3.84 10.32-.032.144c0 .096.032.176.096.24s.144.096.24.096h1.424zm5.376-4.096h-3.616l1.808-4.928 1.808 4.928zm7.218 4.096c.117 0 .213-.037.288-.112.074-.075.112-.165.112-.272v-3.84h2.192l2.048 3.792c.074.128.16.232.256.312.096.08.229.12.4.12H40.1c.085 0 .162-.032.232-.096.069-.064.104-.144.104-.24 0-.053-.016-.112-.048-.176l-2.32-4.08c.672-.235 1.194-.616 1.568-1.144.373-.528.56-1.181.56-1.96 0-1.12-.371-1.984-1.112-2.592-.742-.608-1.768-.912-3.08-.912H31.86c-.118 0-.211.037-.28.112-.07.075-.104.17-.104.288v10.416c0 .107.037.197.112.272.074.075.165.112.272.112h1.472zm2.624-6.048h-2.224v-3.36h2.224c.64 0 1.12.147 1.44.44.32.293.48.712.48 1.256s-.16.957-.48 1.24c-.32.283-.8.424-1.44.424zm8.433 6.048c.117 0 .21-.037.28-.112.07-.075.104-.165.104-.272V4.144l4.56 6.944c.107.181.267.272.48.272h1.264c.107 0 .197-.037.272-.112.075-.075.112-.17.112-.288V.56c0-.117-.037-.213-.112-.288-.075-.075-.17-.112-.288-.112h-1.376c-.117 0-.21.037-.28.112-.07.075-.104.17-.104.288v6.976L44.725.432C44.618.251 44.464.16 44.26.16h-1.248c-.117 0-.21.037-.28.112-.07.075-.104.17-.104.288v10.416c0 .107.037.197.112.272.075.075.165.112.272.112h1.376zm15.698 0c.118 0 .211-.037.28-.112.07-.075.104-.165.104-.272v-6.88l2.224 4.224c.14.235.32.352.544.352h.672c.235 0 .411-.117.528-.352l2.224-4.224v6.88c0 .107.038.197.112.272.075.075.166.112.272.112h1.376c.118 0 .214-.035.288-.104.075-.07.112-.163.112-.28V.56c0-.117-.037-.213-.112-.288-.074-.075-.17-.112-.288-.112h-1.28c-.202 0-.362.101-.48.304l-3.088 5.728L60.487.464C60.37.261 60.21.16 60.007.16h-1.296c-.117 0-.21.037-.28.112-.069.075-.104.17-.104.288v10.416c0 .107.038.197.112.272.075.075.166.112.272.112h1.376zm15.922.16c1.45 0 2.584-.368 3.4-1.104.816-.736 1.245-1.83 1.288-3.28.02-.619.032-1.072.032-1.36v-.12c-.003-.296-.014-.715-.032-1.256-.043-1.419-.483-2.507-1.32-3.264C78.539.379 77.417 0 76.009 0c-1.42 0-2.544.379-3.376 1.136-.832.757-1.27 1.845-1.312 3.264-.011.31-.016.768-.016 1.376v.247c.001.477.006.848.016 1.113.042 1.45.469 2.544 1.28 3.28.81.736 1.946 1.104 3.408 1.104zm0-1.856c-.715 0-1.283-.216-1.704-.648-.422-.432-.643-1.085-.664-1.96-.011-.32-.016-.752-.016-1.296 0-.555.005-.987.016-1.296.02-.875.245-1.528.672-1.96.426-.432.992-.648 1.696-.648.693 0 1.253.216 1.68.648.426.432.656 1.085.688 1.96.02.619.032 1.05.032 1.296v.082c-.003.24-.013.645-.032 1.214-.032.885-.256 1.541-.672 1.968-.416.427-.982.64-1.696.64zm9.025 1.696c.117 0 .213-.037.288-.112.075-.075.112-.165.112-.272v-3.84h2.192l2.048 3.792c.075.128.16.232.256.312.096.08.23.12.4.12h1.472c.085 0 .163-.032.232-.096.07-.064.104-.144.104-.24 0-.053-.016-.112-.048-.176l-2.32-4.08c.672-.235 1.195-.616 1.568-1.144.373-.528.56-1.181.56-1.96 0-1.12-.37-1.984-1.112-2.592-.741-.608-1.768-.912-3.08-.912h-4.144c-.117 0-.21.037-.28.112-.07.075-.104.17-.104.288v10.416c0 .107.037.197.112.272.075.075.165.112.272.112h1.472zm2.624-6.048h-2.224v-3.36h2.224c.64 0 1.12.147 1.44.44.32.293.48.712.48 1.256s-.16.957-.48 1.24c-.32.283-.8.424-1.44.424zm14.241 6.048c.117 0 .213-.035.288-.104.075-.07.112-.163.112-.28V9.888c0-.117-.037-.21-.112-.28-.075-.07-.17-.104-.288-.104h-5.376V6.608h4.896c.117 0 .213-.035.288-.104.075-.07.112-.163.112-.28V5.216c0-.117-.037-.213-.112-.288-.075-.075-.17-.112-.288-.112h-4.896v-2.8h5.248c.117 0 .213-.035.288-.104.075-.07.112-.163.112-.28V.56c0-.117-.037-.213-.112-.288-.075-.075-.17-.112-.288-.112h-7.056c-.117 0-.21.037-.28.112-.07.075-.104.17-.104.288v10.416c0 .107.037.197.112.272.075.075.165.112.272.112h7.184z" transform="translate(-916 -29) translate(916.248 29.64)"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/docs/public/images/vueschool/vs-banner-bg-desktop-2.svg b/docs/public/images/vueschool/vs-banner-bg-desktop-2.svg
new file mode 100644 (file)
index 0000000..bf8503e
--- /dev/null
@@ -0,0 +1,214 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1600" height="80" viewBox="0 0 1600 80">
+    <defs>
+        <linearGradient id="cjyccnb98d" x1="44.505%" x2="38.734%" y1="63.572%" y2="35.987%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%"/>
+        </linearGradient>
+        <linearGradient id="409gg95yhf" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="edf0w8fx4g" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="r554nvkv7h" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="mx4qitj8fi" x1="67.838%" x2="77.139%" y1="49.111%" y2="52.125%">
+            <stop offset="0%" stop-color="#418D90"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="h8ibfo1igj" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="cw5zdynddk" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="8jf8lbsk1l" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="e9kb3cp0rm" x1="67.838%" x2="77.139%" y1="49.111%" y2="52.125%">
+            <stop offset="0%" stop-color="#463487"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="7jrpc5zscn" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="k0ealjyodo" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="zz87xb8s1p" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="ovuz97ln5q" x1="85.547%" x2="0%" y1="49.383%" y2="50.617%">
+            <stop offset="0%" stop-color="#3AAB82"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="oz6q5z1zyr" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="tf8pvxqxts" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="c06n6fgkrt" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="sl6zv4b4gu" x1="85.547%" x2="0%" y1="49.111%" y2="50.889%">
+            <stop offset="0%" stop-color="#41878F"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="0bskczta5v" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="53qx6akauw" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="knos7mluqx" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="fzg0p6w1wy" x1="85.547%" x2="0%" y1="49.111%" y2="50.889%">
+            <stop offset="0%" stop-color="#1B2A68"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="8lir7jdu9z" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="4iwnlzmkcA" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <radialGradient id="b5shc4tn2b" cx="97.909%" cy="31.471%" r="1092.746%" fx="97.909%" fy="31.471%" gradientTransform="matrix(-.04899 .20039 -.0102 -.99707 1.03 .432)">
+            <stop offset="0%" stop-color="#1F4491"/>
+            <stop offset="100%" stop-color="#050A1E"/>
+        </radialGradient>
+        <radialGradient id="mpy5ihabue" cx="4.87%" cy="50%" r="1332.284%" fx="4.87%" fy="50%" gradientTransform="matrix(-.07506 0 0 -1 .052 1)">
+            <stop offset="0%" stop-color="#53FFB3"/>
+            <stop offset="100%" stop-color="#3E2F7A"/>
+        </radialGradient>
+        <filter id="gpdoqld51B" width="269%" height="289.2%" x="-84.5%" y="-94.6%" filterUnits="objectBoundingBox">
+            <feGaussianBlur in="SourceGraphic" stdDeviation="11"/>
+        </filter>
+        <path id="irwpw2nmha" d="M0 0H1600V80H0z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <g>
+            <mask id="i0oa1ljeyc" fill="#fff">
+                <use xlink:href="#irwpw2nmha"/>
+            </mask>
+            <use fill="url(#b5shc4tn2b)" xlink:href="#irwpw2nmha"/>
+            <g fill="#FFF" mask="url(#i0oa1ljeyc)">
+                <g transform="translate(141 5)">
+                    <circle cx="1144" cy="10" r="2" opacity=".142"/>
+                    <circle cx="1276" cy="6" r="2" opacity=".142"/>
+                    <circle cx="1415" cy="50" r="2" opacity=".359"/>
+                    <circle cx="1290" cy="37" r="2" opacity=".142"/>
+                    <circle cx="1049" cy="28" r="2" opacity=".359"/>
+                    <circle cx="1341" cy="64" r="2" opacity=".359"/>
+                    <circle cx="260" cy="28" r="2" opacity=".359"/>
+                    <circle cx="71" cy="64" r="2" opacity=".359"/>
+                    <circle cx="70" cy="38" r="1" opacity=".359"/>
+                    <circle cx="157" cy="63" r="1" opacity=".359"/>
+                    <circle cx="231" cy="8" r="1" opacity=".359"/>
+                    <circle cx="310" cy="63" r="1" opacity=".359"/>
+                    <circle cx="429" cy="1" r="1" opacity=".359"/>
+                    <circle cx="619" cy="69" r="1" opacity=".359"/>
+                    <circle cx="761" cy="51" r="1" opacity=".359"/>
+                    <circle cx="808" cy="67" r="1" opacity=".359"/>
+                    <circle cx="983" cy="66" r="1" opacity=".359"/>
+                    <circle cx="1184" cy="47" r="1" opacity=".359"/>
+                    <circle cx="1313" cy="58" r="1" opacity=".359"/>
+                    <circle cx="1313" cy="41" r="1" opacity=".359"/>
+                    <circle cx="1367" cy="41" r="1" opacity=".142"/>
+                    <circle cx="1412" cy="16" r="1" opacity=".359"/>
+                    <circle cx="1379" cy="16" r="1" opacity=".359"/>
+                    <circle cx="1146" cy="65" r="1" opacity=".359"/>
+                    <circle cx="1359" cy="15" r="1" opacity=".359"/>
+                    <circle cx="2" cy="2" r="2" opacity=".359"/>
+                    <circle cx="796" cy="6" r="2" opacity=".359"/>
+                </g>
+            </g>
+            <g mask="url(#i0oa1ljeyc)">
+                <g>
+                    <g>
+                        <path fill="url(#cjyccnb98d)" d="M1.288 2.32S-.034 8.265.104 9.683c.139 1.419 3.15 4.574 3.15 4.574s3.15 6.176 4.145 9.197c.995 3.02 4.407 6.864 4.407 6.864s11.712 11.127 15.24 10.989c1.616-.063 8.114-6.084 10.21-6.084 5.572 0 8.906-4.401 8.906-4.401s7.866-12.445 8.552-13.062c.686-.617 4.605-1.896 4.605-1.896s6.374-10.49 6.876-13.25l-17.735.663L1.288 2.32z" transform="translate(323 12) translate(1041.601 38.02)"/>
+                        <path fill="url(#mpy5ihabue)" d="M1.288 2.32l8.377-.594 4.868-.466s23.026.033 29.672.259c0 0 5.526-1.257 7.027-1.296 1.502-.039 4.407 1.5 4.407 1.5l10.556.778s-4.84.944-8.525.902l3.542.672c-.67.286-1.43.5-2.238.632-1.405.239-11.974.415-16.98.384-5.006-.031-7.212-1.016-7.212-1.016l2.303-.49-2.708-.182s-8.202.81-11.334.864c-2.402-.004-4.8-.13-7.16-.379l-.3-.601S7.077 3.025 1.288 2.32z" transform="translate(323 12) translate(1041.601 38.02)"/>
+                        <path fill="url(#409gg95yhf)" d="M13.598 3.78V7.93l-4.624.714s-.202.084-.714 1.26c-.51 1.175-2.864 4.134-2.864 4.134l-2.142.214 1.718 3.501s2.473.021 3.459.58c.985.558 3.164 2.22 3.164 2.22l1.307 3.27s1.308-6.044 1.382-6.997c.074-.953 1.359-5.038 1.16-5.751-.197-.714.079-3.396.079-3.396l.36-2.813s6.7.84 7.4 1.066c.7.227 1.004 2.783 1.004 2.783l2.302 4.799-2.579 7.018.995 5.945.313 4.47 3.638 9.458 2.879-1.994s2.358-15.532 2.528-16.241c.17-.71-.64-2.385-.64-2.385l1.147-7.296-.11-7.317 2.302-.793-2.708-.294s-8.501 1.159-9.91 1.28c-1.41.122-8.576-1.09-8.576-1.09l4.297-.954-6.567.458z" transform="translate(323 12) translate(1041.601 38.02)"/>
+                        <path fill="url(#edf0w8fx4g)" d="M50.353 5.096l5.742.54-.92 1.233-2.488 3.37-3.002 1.607-3.367.702-2.615 1.037h2.27l-.175 1.369-1.22 3.26-.06 2.333 1.64-.635s6.023-5.762 8.533-8.056c0 0 4.177-.726 4.605-1.171.428-.446 6.337-6.654 6.876-8.186l-8.502.904 3.542.672c-1.331.337-2.72.598-4.145.777-1.672.143-6.714.244-6.714.244z" transform="translate(323 12) translate(1041.601 38.02)"/>
+                        <path fill="#41A997" d="M44.205 1.509l-1.843.518s1.354.171 2.137.295c.783.125 5.098-.072 5.863-.197.764-.124 3.601-.611 3.601-.611l.152-.5S51.997-.053 51.352.004c-.645.057-6.028 1.195-7.147 1.504z" transform="translate(323 12) translate(1041.601 38.02)"/>
+                        <path fill="#10001D" d="M55.902 1.744l-1.796.573-2.814.04h-5.987s4.606-.224 5.3-.307c.696-.083 3.354-.541 3.354-.541l.152-.5 1.791.735z" transform="translate(323 12) translate(1041.601 38.02)"/>
+                        <path fill="#000" d="M13.598 5.78L15.532 8.336 15.868 3.523 20.165 2.932 13.598 3.217zM57.67 3.403l3.542.672-1.53 6.241S64.437 5.21 66.2 2.5l-8.529.904zM24.443 4.194L28.956 6.662 31.747 8.336 32.314 9.767 34.819 8.87 34.778 4.075 37.076 3.585 34.363 3.403z" transform="translate(323 12) translate(1041.601 38.02)"/>
+                    </g>
+                    <g>
+                        <path fill="url(#r554nvkv7h)" d="M.774 2.25S.052 5.812.128 6.662c.075.85 1.72 2.74 1.72 2.74s1.719 3.7 2.262 5.51c.543 1.81 2.405 4.112 2.405 4.112s6.393 6.667 8.319 6.584c.882-.038 4.429-3.645 5.573-3.645 3.041 0 4.861-2.637 4.861-2.637s4.294-7.456 4.668-7.825c.375-.37 2.514-1.137 2.514-1.137s3.48-6.284 3.753-7.938l-9.68.397L.773 2.25z" transform="translate(323 12) translate(1018.876 45.333)"/>
+                        <path fill="url(#mx4qitj8fi)" d="M.774 2.25l4.572-.576 2.658-.452s12.569.032 16.196.251c0 0 3.016-1.22 3.836-1.257.82-.038 2.406 1.456 2.406 1.456l5.761.754s-2.642.915-4.653.875l1.933.65c-.366.279-.78.487-1.221.614-.767.231-6.536.402-9.269.372-2.732-.03-3.936-.985-3.936-.985l1.257-.475-1.479-.176s-4.477.784-6.186.837c-1.311-.004-2.62-.126-3.909-.367l-.163-.584S3.934 2.934.774 2.25z" transform="translate(323 12) translate(1018.876 45.333)"/>
+                        <path fill="url(#h8ibfo1igj)" d="M7.493 3.12v2.486l-2.524.427s-.11.05-.39.754c-.278.704-1.563 2.476-1.563 2.476l-1.169.129.938 2.096s1.35.013 1.888.347c.538.334 1.727 1.33 1.727 1.33l.714 1.958s.714-3.62.754-4.19c.04-.571.741-3.017.633-3.444-.108-.428.043-2.034.043-2.034L8.74 3.77s3.658.502 4.04.638c.382.136.548 1.667.548 1.667l1.257 2.873-1.408 4.203.543 3.56.17 2.677 1.987 5.663 1.57-1.194s1.288-9.3 1.38-9.725c.094-.425-.348-1.428-.348-1.428l.625-4.37-.06-4.38 1.257-.476-1.478-.176s-4.64.694-5.41.767c-.769.073-4.68-.654-4.68-.654l2.345-.57-3.585.274z" transform="translate(323 12) translate(1018.876 45.333)"/>
+                        <path fill="url(#cw5zdynddk)" d="M27.556 4.942l3.135.523-.503 1.197-1.358 3.267-1.639 1.559-1.837.681-1.428 1.006h1.24l-.096 1.327-.666 3.162-.033 2.263.895-.616s3.288-5.588 4.658-7.813c0 0 2.28-.704 2.514-1.136.233-.433 3.459-6.453 3.753-7.939l-4.64.878 1.932.65c-.726.328-1.484.58-2.262.755-.913.138-3.665.236-3.665.236z" transform="translate(323 12) translate(1018.876 45.333)"/>
+                        <path fill="#211941" d="M24.2 1.463l-1.006.503s.74.166 1.167.286c.427.121 2.783-.07 3.2-.19.417-.121 1.966-.594 1.966-.594l.083-.485S28.453-.05 28.1.005c-.352.055-3.29 1.159-3.901 1.458z" transform="translate(323 12) translate(1018.876 45.333)"/>
+                        <path fill="#10001D" d="M30.585 1.692l-.98.555-1.536.038H24.8s2.514-.216 2.893-.297c.38-.08 1.83-.525 1.83-.525l.083-.485.978.714z" transform="translate(323 12) translate(1018.876 45.333)"/>
+                        <path fill="#000" d="M7.493 5.606L8.549 8.084 8.733 3.416 11.078 2.843 7.493 3.12zM31.55 3.3l1.933.652-.834 6.053s2.594-4.952 3.557-7.582l-4.656.878zM13.413 4.067L15.877 6.46 17.4 8.084 17.709 9.472 19.077 8.602 19.054 3.952 20.309 3.477 18.828 3.301z" transform="translate(323 12) translate(1018.876 45.333)"/>
+                    </g>
+                    <g opacity=".6">
+                        <path fill="url(#8jf8lbsk1l)" d="M.357 1.037S.024 2.678.059 3.07C.094 3.46.85 4.332.85 4.332s.792 1.705 1.043 2.54c.25.833 1.108 1.894 1.108 1.894s2.946 3.072 3.833 3.034c.407-.018 2.041-1.68 2.568-1.68 1.402 0 2.24-1.215 2.24-1.215S13.622 5.47 13.794 5.3c.173-.17 1.159-.523 1.159-.523s1.603-2.896 1.729-3.658l-4.46.183L.356 1.037z" transform="translate(323 12) translate(1002 26.143)"/>
+                        <path fill="url(#e9kb3cp0rm)" d="M.357 1.037L2.464.77 3.688.563s5.791.015 7.463.116c0 0 1.39-.562 1.768-.58.377-.017 1.108.671 1.108.671l2.655.348s-1.217.421-2.144.403l.89.3c-.168.128-.359.224-.562.283-.354.106-3.012.185-4.271.17-1.26-.013-1.814-.453-1.814-.453l.58-.219-.682-.081s-2.063.361-2.85.386c-.605-.002-1.208-.059-1.802-.17l-.075-.268s-2.14-.117-3.595-.432z" transform="translate(323 12) translate(1002 26.143)"/>
+                        <path fill="url(#7jrpc5zscn)" d="M3.453 1.437v1.146L2.29 2.78s-.051.023-.18.347c-.128.325-.72 1.141-.72 1.141l-.539.06.432.966s.622.005.87.16c.248.153.796.612.796.612l.329.902s.329-1.668.347-1.93c.019-.263.342-1.39.292-1.587-.05-.197.02-.937.02-.937l.09-.777s1.686.232 1.862.295c.176.062.252.768.252.768l.58 1.324-.65 1.936.25 1.64.08 1.234.915 2.61.724-.55s.593-4.286.636-4.482c.042-.196-.161-.658-.161-.658l.288-2.013-.028-2.019.58-.219-.682-.081s-2.138.32-2.492.353c-.355.034-2.157-.3-2.157-.3l1.08-.264-1.651.126z" transform="translate(323 12) translate(1002 26.143)"/>
+                        <path fill="url(#k0ealjyodo)" d="M12.697 2.277l1.445.241-.232.552-.625 1.505-.756.719-.846.313-.658.464h.57l-.043.611-.307 1.457-.015 1.043.412-.284s1.515-2.575 2.146-3.6c0 0 1.051-.324 1.159-.523.107-.2 1.594-2.974 1.73-3.658l-2.14.404.892.3c-.335.15-.685.267-1.043.347-.42.064-1.689.11-1.689.11z" transform="translate(323 12) translate(1002 26.143)"/>
+                        <path fill="#5E48B5" d="M11.15.674l-.462.232s.34.076.537.132c.197.055 1.282-.033 1.475-.088.192-.056.905-.274.905-.274l.039-.223s-.533-.476-.695-.45c-.163.025-1.517.533-1.798.671z" transform="translate(323 12) translate(1002 26.143)"/>
+                        <path fill="#10001D" d="M14.093.78l-.452.256-.707.017h-1.506s1.158-.1 1.333-.137c.175-.037.843-.242.843-.242l.038-.223.451.329z" transform="translate(323 12) translate(1002 26.143)"/>
+                        <path fill="#000" d="M3.453 2.583L3.939 3.725 4.024 1.574 5.105 1.31 3.453 1.437zM14.538 1.52l.89.3-.384 2.79s1.195-2.282 1.64-3.493l-2.146.404zM6.181 1.874L7.316 2.977 8.018 3.725 8.16 4.365 8.79 3.964 8.78 1.821 9.358 1.602 8.676 1.521z" transform="translate(323 12) translate(1002 26.143)"/>
+                    </g>
+                    <g opacity=".267">
+                        <path fill="url(#zz87xb8s1p)" d="M.691 1.938s-.38 1.83-.34 2.267c.04.436.905 1.407.905 1.407s.906 1.901 1.192 2.831c.286.93 1.266 2.113 1.266 2.113s3.367 3.425 4.38 3.382c.465-.02 2.333-1.873 2.935-1.873 1.602 0 2.56-1.354 2.56-1.354s2.262-3.83 2.459-4.02c.197-.19 1.324-.584 1.324-.584s1.832-3.229 1.976-4.078l-5.098.204L.691 1.938z" transform="translate(323 12) matrix(-1 0 0 1 1157 19)"/>
+                        <path fill="url(#ovuz97ln5q)" d="M.348 1.8l2.323-.244 1.35-.192s6.386.014 8.229.107c0 0 1.532-.516 1.948-.532.417-.016 1.223.616 1.223.616l2.927.319s-1.342.387-2.364.37l.982.276c-.186.117-.396.205-.62.26-.39.097-3.321.17-4.71.157-1.388-.013-2-.417-2-.417l.64-.201-.752-.075s-2.274.332-3.143.355c-.666-.002-1.33-.054-1.986-.156l-.083-.247S1.953 2.09.348 1.8z" transform="translate(323 12) matrix(-1 0 0 1 1157 19)"/>
+                        <path fill="url(#oz6q5z1zyr)" d="M3.407 2.086V3.43l-1.367.23s-.06.028-.211.408C1.677 4.448.98 5.406.98 5.406l-.633.07.508 1.132s.732.007 1.023.188c.292.18.936.719.936.719l.387 1.058s.387-1.956.408-2.265c.022-.308.402-1.63.344-1.86-.059-.232.023-1.1.023-1.1l.106-.91s1.982.272 2.19.345c.206.074.296.9.296.9l.681 1.554-.763 2.27.295 1.924.092 1.447 1.076 3.06.852-.645s.697-5.026.748-5.255c.05-.23-.19-.772-.19-.772l.34-2.36-.033-2.369.68-.256-.8-.095s-2.515.374-2.932.414c-.416.04-2.536-.353-2.536-.353l1.271-.309-1.943.148z" transform="translate(323 12) matrix(-1 0 0 1 1157 19)"/>
+                        <path fill="url(#tf8pvxqxts)" d="M14.124 3.233l1.533.27-.246.615-.664 1.68-.802.801-.899.35-.698.518h.606l-.047.682-.325 1.626-.016 1.163.437-.316s1.609-2.874 2.28-4.018c0 0 1.115-.361 1.229-.584.114-.222 1.692-3.318 1.836-4.082l-2.27.451.945.335c-.355.168-.726.298-1.106.388-.447.071-1.793.121-1.793.121z" transform="translate(323 12) matrix(-1 0 0 1 1157 19)"/>
+                        <path fill="#09080F" d="M12.818 1.577l-.47.22s.346.072.545.125c.2.052 1.302-.031 1.497-.084.195-.053.92-.26.92-.26l.038-.211s-.54-.452-.705-.428c-.165.024-1.54.507-1.825.638z" transform="translate(323 12) matrix(-1 0 0 1 1157 19)"/>
+                        <path fill="#10001D" d="M15.348 1.485l-.509.425-.796.028h-1.695s1.304-.165 1.5-.227c.197-.061.95-.401.95-.401l.043-.372.507.547z" transform="translate(323 12) matrix(-1 0 0 1 1157 19)"/>
+                        <path fill="#000" d="M3.348 3.52L3.937 4.938 4.039 2.266 5.348 1.938 3.348 2.097zM16.348 2.401l.83.344-.358 3.193s1.114-2.612 1.528-4l-2 .463zM6.348 3.311L7.777 4.474 8.661 5.264 8.84 5.938 9.633 5.516 9.62 3.255 10.348 3.024 9.489 2.938z" transform="translate(323 12) matrix(-1 0 0 1 1157 19)"/>
+                    </g>
+                    <g>
+                        <path fill="url(#c06n6fgkrt)" d="M.546 1.588S.037 4.103.09 4.702c.053.6 1.214 1.934 1.214 1.934s1.214 2.612 1.597 3.89 1.698 2.903 1.698 2.903 4.512 4.706 5.872 4.647c.623-.026 3.126-2.573 3.934-2.573 2.147 0 3.431-1.861 3.431-1.861s3.031-5.263 3.296-5.524c.264-.26 1.774-.802 1.774-.802s2.456-4.436 2.65-5.604l-6.834.28L.546 1.589z" transform="translate(323 12) matrix(-1 0 0 1 1144.348 24.062)"/>
+                        <path fill="url(#sl6zv4b4gu)" d="M.546 1.588l3.228-.406L5.65.862s8.872.023 11.432.178c0 0 2.13-.86 2.708-.887.579-.027 1.698 1.027 1.698 1.027l4.067.532s-1.865.646-3.284.618l1.364.46c-.258.196-.55.342-.862.432-.541.164-4.614.284-6.542.263-1.93-.021-2.78-.696-2.78-.696l.888-.335-1.043-.124s-3.16.553-4.367.59c-.926-.002-1.85-.088-2.76-.258l-.115-.412S2.777 2.07.546 1.588z" transform="translate(323 12) matrix(-1 0 0 1 1144.348 24.062)"/>
+                        <path fill="url(#0bskczta5v)" d="M5.29 2.202v1.755l-1.782.302s-.078.035-.275.532-1.104 1.748-1.104 1.748l-.825.09.662 1.48s.953.01 1.332.245c.38.236 1.22.939 1.22.939l.503 1.382s.504-2.555.533-2.958c.028-.403.523-2.13.447-2.43-.076-.303.03-1.436.03-1.436l.138-1.19s2.582.356 2.852.451c.27.096.387 1.177.387 1.177l.887 2.028-.994 2.967.384 2.513.12 1.89 1.402 3.997 1.11-.843s.908-6.565.973-6.865c.066-.3-.246-1.008-.246-1.008l.441-3.084-.042-3.093.887-.335-1.043-.124s-3.276.49-3.819.54c-.543.052-3.304-.46-3.304-.46l1.656-.403-2.53.193z" transform="translate(323 12) matrix(-1 0 0 1 1144.348 24.062)"/>
+                        <path fill="url(#53qx6akauw)" d="M19.451 3.489l2.213.369-.355.844-.958 2.307-1.157 1.1-1.297.481-1.008.71h.875l-.068.937-.47 2.232-.023 1.597.632-.435s2.32-3.944 3.288-5.515c0 0 1.61-.497 1.774-.802.165-.305 2.442-4.555 2.65-5.603l-3.276.619 1.364.46c-.513.23-1.048.409-1.597.532-.644.097-2.587.167-2.587.167z" transform="translate(323 12) matrix(-1 0 0 1 1144.348 24.062)"/>
+                        <path fill="#09080F" d="M17.082 1.033l-.71.355s.522.117.824.202c.302.085 1.964-.05 2.259-.135.294-.085 1.387-.419 1.387-.419l.059-.342s-.816-.73-1.065-.69c-.248.039-2.323.818-2.754 1.029z" transform="translate(323 12) matrix(-1 0 0 1 1144.348 24.062)"/>
+                        <path fill="#10001D" d="M21.59 1.194l-.693.392-1.084.027h-2.307s1.775-.153 2.043-.21c.268-.056 1.292-.37 1.292-.37l.058-.343.69.504z" transform="translate(323 12) matrix(-1 0 0 1 1144.348 24.062)"/>
+                        <path fill="#000" d="M5.289 3.957L6.035 5.707 6.164 2.411 7.82 2.007 5.289 2.202zM22.27 2.33l1.365.46-.589 4.272s1.831-3.495 2.511-5.351l-3.286.619zM9.468 2.871L11.207 4.56 12.282 5.707 12.501 6.686 13.466 6.072 13.45 2.789 14.335 2.454 13.29 2.33z" transform="translate(323 12) matrix(-1 0 0 1 1144.348 24.062)"/>
+                    </g>
+                    <g>
+                        <path fill="url(#knos7mluqx)" d="M1.177 3.42S.08 8.837.194 10.129c.115 1.292 2.614 4.166 2.614 4.166s2.615 5.626 3.44 8.377c.826 2.752 3.658 6.253 3.658 6.253s9.719 10.136 12.646 10.01c1.342-.058 6.734-5.542 8.473-5.542 4.625 0 7.392-4.01 7.392-4.01s6.528-11.335 7.097-11.897c.57-.562 3.822-1.727 3.822-1.727s5.29-9.555 5.706-12.07l-14.718.604-39.147-.871z" transform="translate(323 12) matrix(-1 0 0 1 56.348 40.062)"/>
+                        <path fill="url(#fzg0p6w1wy)" d="M1.177 3.42l6.952-.875 4.04-.688s19.109.05 24.624.383c0 0 4.586-1.854 5.832-1.911 1.246-.058 3.657 2.213 3.657 2.213l8.76 1.146s-4.017 1.391-7.074 1.33l2.939.99c-.557.423-1.186.739-1.858.933-1.165.351-9.936.611-14.09.565-4.155-.046-5.986-1.498-5.986-1.498l1.911-.722-2.247-.268S21.83 6.211 19.23 6.291c-1.994-.005-3.983-.192-5.943-.558l-.248-.887S5.98 4.46 1.177 3.421z" transform="translate(323 12) matrix(-1 0 0 1 56.348 40.062)"/>
+                        <path fill="url(#8lir7jdu9z)" d="M11.392 4.743v3.78l-3.837.65s-.168.076-.592 1.146c-.424 1.07-2.377 3.765-2.377 3.765l-1.778.195 1.426 3.187s2.052.02 2.87.527c.818.509 2.626 2.022 2.626 2.022l1.085 2.977s1.086-5.503 1.147-6.37c.061-.868 1.127-4.587.963-5.237-.164-.65.065-3.092.065-3.092l.298-2.56s5.56.764 6.142.97c.58.207.833 2.534.833 2.534l1.911 4.369-2.14 6.39.825 5.412.26 4.07 3.02 8.61 2.388-1.815s1.957-14.14 2.098-14.786c.142-.646-.531-2.171-.531-2.171l.952-6.643-.092-6.661 1.91-.723-2.246-.267s-7.056 1.055-8.225 1.166c-1.17.11-7.116-.994-7.116-.994l3.565-.868-5.45.417z" transform="translate(323 12) matrix(-1 0 0 1 56.348 40.062)"/>
+                        <path fill="url(#4iwnlzmkcA)" d="M41.895 7.514l4.766.795-.765 1.819-2.063 4.968-2.492 2.37-2.794 1.036-2.17 1.528h1.883l-.145 2.018-1.013 4.808-.05 3.44 1.361-.936s5-8.496 7.082-11.879c0 0 3.466-1.07 3.822-1.727.355-.658 5.259-9.811 5.706-12.07l-7.055 1.334 2.939.99c-1.105.497-2.257.882-3.44 1.147-1.387.21-5.572.359-5.572.359z" transform="translate(323 12) matrix(-1 0 0 1 56.348 40.062)"/>
+                        <path fill="#09080F" d="M36.793 2.224l-1.53.765s1.125.252 1.774.435c.65.184 4.231-.107 4.865-.29.635-.184 2.99-.902 2.99-.902l.125-.738S43.26-.076 42.724.008c-.535.084-5.003 1.762-5.931 2.216z" transform="translate(323 12) matrix(-1 0 0 1 56.348 40.062)"/>
+                        <path fill="#10001D" d="M46.5 2.572l-1.49.845-2.335.057h-4.969s3.822-.329 4.399-.45c.577-.123 2.782-.8 2.782-.8l.126-.737L46.5 2.572z" transform="translate(323 12) matrix(-1 0 0 1 56.348 40.062)"/>
+                        <path fill="#000" d="M11.392 8.523L12.998 12.291 13.277 5.194 16.842 4.323 11.392 4.743zM47.968 5.018l2.939.99-1.269 9.203s3.944-7.529 5.408-11.527l-7.078 1.334zM20.393 6.184L24.138 9.822 26.454 12.291 26.925 14.401 29.004 13.078 28.969 6.008 30.876 5.286 28.625 5.018z" transform="translate(323 12) matrix(-1 0 0 1 56.348 40.062)"/>
+                    </g>
+                    <g fill-rule="nonzero">
+                        <path fill="#05FF8F" d="M39.271.98L21.097 34.888l-4.553-.166L.21 0l4.553.167 6.903.166 6.357.148 1.606 3.413L21.448.5l4.553.166 6.367.148 6.903.167z" filter="url(#gpdoqld51B)" transform="translate(323 12) matrix(-1 0 0 1 1092.683 0) matrix(-1 0 0 1 39.482 0)"/>
+                        <g>
+                            <path fill="#1F3A2E" d="M21.589 8.504L17.046 8.329 21.238 0.5 25.791 0.666z" transform="translate(323 12) matrix(-1 0 0 1 1092.683 0) translate(.24)"/>
+                            <path fill="#385F86" d="M32.157 0.814L21.256 21.164 11.456 0.333 17.814 0.481 21.589 8.504 25.791 0.666z" transform="translate(323 12) matrix(-1 0 0 1 1092.683 0) translate(.24)"/>
+                            <path fill="#1F3A2E" d="M20.886 34.887L16.333 34.721 0 0 4.553 0.167z" transform="translate(323 12) matrix(-1 0 0 1 1092.683 0) translate(.24)"/>
+                            <path fill="#53FFB3" d="M39.061 0.981L20.886 34.887 4.553 0.167 11.456 0.333 21.256 21.164 32.157 0.814z" transform="translate(323 12) matrix(-1 0 0 1 1092.683 0) translate(.24)"/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/docs/public/images/vueschool/vs-banner-bg-mobile-2.svg b/docs/public/images/vueschool/vs-banner-bg-mobile-2.svg
new file mode 100644 (file)
index 0000000..74cffc6
--- /dev/null
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="375" height="60" viewBox="0 0 375 60">
+    <defs>
+        <radialGradient id="aotuxhxukb" cx="126.671%" cy="11.103%" r="354.047%" fx="126.671%" fy="11.103%" gradientTransform="matrix(-.13045 .57906 -.09429 -.82972 1.442 -.53)">
+            <stop offset="0%" stop-color="#1F4491"/>
+            <stop offset="100%" stop-color="#050A1E"/>
+        </radialGradient>
+        <path id="2805zy15wa" d="M0 0H375V60H0z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <g>
+            <use fill="url(#aotuxhxukb)" xlink:href="#2805zy15wa"/>
+        </g>
+    </g>
+</svg>
diff --git a/docs/public/images/vueschool/vs-banner-bg-tablet-2.svg b/docs/public/images/vueschool/vs-banner-bg-tablet-2.svg
new file mode 100644 (file)
index 0000000..8fe06ea
--- /dev/null
@@ -0,0 +1,196 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="768" height="80" viewBox="0 0 768 80">
+    <defs>
+        <linearGradient id="ztb6c4pdud" x1="44.505%" x2="38.734%" y1="63.572%" y2="35.987%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%"/>
+        </linearGradient>
+        <linearGradient id="l0o3yevp8f" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="b64d8mqseg" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="sspk7fe7zh" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="jyyij6um3i" x1="67.838%" x2="77.139%" y1="49.111%" y2="52.125%">
+            <stop offset="0%" stop-color="#418D90"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="oavjf0rejj" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="hnn47l0khk" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="cf1gyjea5l" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="8dyiel8rlm" x1="67.838%" x2="77.139%" y1="49.111%" y2="52.125%">
+            <stop offset="0%" stop-color="#463487"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="y55t7orr6n" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="b4d4xh294o" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="i3nv7a2dip" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="8s36mh4trq" x1="85.547%" x2="0%" y1="49.383%" y2="50.617%">
+            <stop offset="0%" stop-color="#3AAB82"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="abvwsgco1r" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="t0qj2e140s" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="vphc7s164t" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="exocl9o2iu" x1="85.547%" x2="0%" y1="49.111%" y2="50.889%">
+            <stop offset="0%" stop-color="#41878F"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="3h6hw8hybv" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="hfblkyayww" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="ojgcxiumvx" x1="50.011%" x2="50.011%" y1="98.997%" y2="0%">
+            <stop offset="0%" stop-color="#100122"/>
+            <stop offset="100%" stop-color="#100222"/>
+        </linearGradient>
+        <linearGradient id="j7rdft0kay" x1="85.547%" x2="0%" y1="49.111%" y2="50.889%">
+            <stop offset="0%" stop-color="#1B2A68"/>
+            <stop offset="100%" stop-color="#352869"/>
+        </linearGradient>
+        <linearGradient id="pqhmsfn8dz" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <linearGradient id="2gooc57ksA" x1="50.02%" x2="50.02%" y1="100%" y2="-.011%">
+            <stop offset="0%" stop-color="#241644"/>
+            <stop offset="100%" stop-color="#040102"/>
+        </linearGradient>
+        <radialGradient id="9nevvpjf2b" cx="97.909%" cy="31.471%" r="558.589%" fx="97.909%" fy="31.471%" gradientTransform="matrix(-.09583 .39201 -.04156 -.93625 1.086 .226)">
+            <stop offset="0%" stop-color="#1F4491"/>
+            <stop offset="100%" stop-color="#050A1E"/>
+        </radialGradient>
+        <radialGradient id="wgztsj4tre" cx="4.87%" cy="50%" r="1332.284%" fx="4.87%" fy="50%" gradientTransform="matrix(-.07506 0 0 -1 .052 1)">
+            <stop offset="0%" stop-color="#53FFB3"/>
+            <stop offset="100%" stop-color="#3E2F7A"/>
+        </radialGradient>
+        <filter id="nvpsnqwirB" width="269%" height="289.2%" x="-84.5%" y="-94.6%" filterUnits="objectBoundingBox">
+            <feGaussianBlur in="SourceGraphic" stdDeviation="11"/>
+        </filter>
+        <path id="05ho16fhea" d="M0 0H768V80H0z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <g>
+            <mask id="5vct11v0nc" fill="#fff">
+                <use xlink:href="#05ho16fhea"/>
+            </mask>
+            <use fill="url(#9nevvpjf2b)" xlink:href="#05ho16fhea"/>
+            <g fill="#FFF" mask="url(#5vct11v0nc)" opacity=".359">
+                <g transform="translate(141 5)">
+                    <circle cx="260" cy="28" r="2"/>
+                    <circle cx="71" cy="64" r="2"/>
+                    <circle cx="70" cy="38" r="1"/>
+                    <circle cx="157" cy="63" r="1"/>
+                    <circle cx="231" cy="8" r="1"/>
+                    <circle cx="310" cy="63" r="1"/>
+                    <circle cx="429" cy="1" r="1"/>
+                    <circle cx="619" cy="69" r="1"/>
+                    <circle cx="2" cy="2" r="2"/>
+                </g>
+            </g>
+            <g mask="url(#5vct11v0nc)">
+                <g>
+                    <g>
+                        <path fill="url(#ztb6c4pdud)" d="M1.288 2.32S-.034 8.265.104 9.683c.139 1.419 3.15 4.574 3.15 4.574s3.15 6.176 4.145 9.197c.995 3.02 4.407 6.864 4.407 6.864s11.712 11.127 15.24 10.989c1.616-.063 8.114-6.084 10.21-6.084 5.572 0 8.906-4.401 8.906-4.401s7.866-12.445 8.552-13.062c.686-.617 4.605-1.896 4.605-1.896s6.374-10.49 6.876-13.25l-17.735.663L1.288 2.32z" transform="translate(44 7) translate(601.601 38.02)"/>
+                        <path fill="url(#wgztsj4tre)" d="M1.288 2.32l8.377-.594 4.868-.466s23.026.033 29.672.259c0 0 5.526-1.257 7.027-1.296 1.502-.039 4.407 1.5 4.407 1.5l10.556.778s-4.84.944-8.525.902l3.542.672c-.67.286-1.43.5-2.238.632-1.405.239-11.974.415-16.98.384-5.006-.031-7.212-1.016-7.212-1.016l2.303-.49-2.708-.182s-8.202.81-11.334.864c-2.402-.004-4.8-.13-7.16-.379l-.3-.601S7.077 3.025 1.288 2.32z" transform="translate(44 7) translate(601.601 38.02)"/>
+                        <path fill="url(#l0o3yevp8f)" d="M13.598 3.78V7.93l-4.624.714s-.202.084-.714 1.26c-.51 1.175-2.864 4.134-2.864 4.134l-2.142.214 1.718 3.501s2.473.021 3.459.58c.985.558 3.164 2.22 3.164 2.22l1.307 3.27s1.308-6.044 1.382-6.997c.074-.953 1.359-5.038 1.16-5.751-.197-.714.079-3.396.079-3.396l.36-2.813s6.7.84 7.4 1.066c.7.227 1.004 2.783 1.004 2.783l2.302 4.799-2.579 7.018.995 5.945.313 4.47 3.638 9.458 2.879-1.994s2.358-15.532 2.528-16.241c.17-.71-.64-2.385-.64-2.385l1.147-7.296-.11-7.317 2.302-.793-2.708-.294s-8.501 1.159-9.91 1.28c-1.41.122-8.576-1.09-8.576-1.09l4.297-.954-6.567.458z" transform="translate(44 7) translate(601.601 38.02)"/>
+                        <path fill="url(#b64d8mqseg)" d="M50.353 5.096l5.742.54-.92 1.233-2.488 3.37-3.002 1.607-3.367.702-2.615 1.037h2.27l-.175 1.369-1.22 3.26-.06 2.333 1.64-.635s6.023-5.762 8.533-8.056c0 0 4.177-.726 4.605-1.171.428-.446 6.337-6.654 6.876-8.186l-8.502.904 3.542.672c-1.331.337-2.72.598-4.145.777-1.672.143-6.714.244-6.714.244z" transform="translate(44 7) translate(601.601 38.02)"/>
+                        <path fill="#41A997" d="M44.205 1.509l-1.843.518s1.354.171 2.137.295c.783.125 5.098-.072 5.863-.197.764-.124 3.601-.611 3.601-.611l.152-.5S51.997-.053 51.352.004c-.645.057-6.028 1.195-7.147 1.504z" transform="translate(44 7) translate(601.601 38.02)"/>
+                        <path fill="#10001D" d="M55.902 1.744l-1.796.573-2.814.04h-5.987s4.606-.224 5.3-.307c.696-.083 3.354-.541 3.354-.541l.152-.5 1.791.735z" transform="translate(44 7) translate(601.601 38.02)"/>
+                        <path fill="#000" d="M13.598 5.78L15.532 8.336 15.868 3.523 20.165 2.932 13.598 3.217zM57.67 3.403l3.542.672-1.53 6.241S64.437 5.21 66.2 2.5l-8.529.904zM24.443 4.194L28.956 6.662 31.747 8.336 32.314 9.767 34.819 8.87 34.778 4.075 37.076 3.585 34.363 3.403z" transform="translate(44 7) translate(601.601 38.02)"/>
+                    </g>
+                    <g>
+                        <path fill="url(#sspk7fe7zh)" d="M.774 2.25S.052 5.812.128 6.662c.075.85 1.72 2.74 1.72 2.74s1.719 3.7 2.262 5.51c.543 1.81 2.405 4.112 2.405 4.112s6.393 6.667 8.319 6.584c.882-.038 4.429-3.645 5.573-3.645 3.041 0 4.861-2.637 4.861-2.637s4.294-7.456 4.668-7.825c.375-.37 2.514-1.137 2.514-1.137s3.48-6.284 3.753-7.938l-9.68.397L.773 2.25z" transform="translate(44 7) translate(578.876 45.333)"/>
+                        <path fill="url(#jyyij6um3i)" d="M.774 2.25l4.572-.576 2.658-.452s12.569.032 16.196.251c0 0 3.016-1.22 3.836-1.257.82-.038 2.406 1.456 2.406 1.456l5.761.754s-2.642.915-4.653.875l1.933.65c-.366.279-.78.487-1.221.614-.767.231-6.536.402-9.269.372-2.732-.03-3.936-.985-3.936-.985l1.257-.475-1.479-.176s-4.477.784-6.186.837c-1.311-.004-2.62-.126-3.909-.367l-.163-.584S3.934 2.934.774 2.25z" transform="translate(44 7) translate(578.876 45.333)"/>
+                        <path fill="url(#oavjf0rejj)" d="M7.493 3.12v2.486l-2.524.427s-.11.05-.39.754c-.278.704-1.563 2.476-1.563 2.476l-1.169.129.938 2.096s1.35.013 1.888.347c.538.334 1.727 1.33 1.727 1.33l.714 1.958s.714-3.62.754-4.19c.04-.571.741-3.017.633-3.444-.108-.428.043-2.034.043-2.034L8.74 3.77s3.658.502 4.04.638c.382.136.548 1.667.548 1.667l1.257 2.873-1.408 4.203.543 3.56.17 2.677 1.987 5.663 1.57-1.194s1.288-9.3 1.38-9.725c.094-.425-.348-1.428-.348-1.428l.625-4.37-.06-4.38 1.257-.476-1.478-.176s-4.64.694-5.41.767c-.769.073-4.68-.654-4.68-.654l2.345-.57-3.585.274z" transform="translate(44 7) translate(578.876 45.333)"/>
+                        <path fill="url(#hnn47l0khk)" d="M27.556 4.942l3.135.523-.503 1.197-1.358 3.267-1.639 1.559-1.837.681-1.428 1.006h1.24l-.096 1.327-.666 3.162-.033 2.263.895-.616s3.288-5.588 4.658-7.813c0 0 2.28-.704 2.514-1.136.233-.433 3.459-6.453 3.753-7.939l-4.64.878 1.932.65c-.726.328-1.484.58-2.262.755-.913.138-3.665.236-3.665.236z" transform="translate(44 7) translate(578.876 45.333)"/>
+                        <path fill="#211941" d="M24.2 1.463l-1.006.503s.74.166 1.167.286c.427.121 2.783-.07 3.2-.19.417-.121 1.966-.594 1.966-.594l.083-.485S28.453-.05 28.1.005c-.352.055-3.29 1.159-3.901 1.458z" transform="translate(44 7) translate(578.876 45.333)"/>
+                        <path fill="#10001D" d="M30.585 1.692l-.98.555-1.536.038H24.8s2.514-.216 2.893-.297c.38-.08 1.83-.525 1.83-.525l.083-.485.978.714z" transform="translate(44 7) translate(578.876 45.333)"/>
+                        <path fill="#000" d="M7.493 5.606L8.549 8.084 8.733 3.416 11.078 2.843 7.493 3.12zM31.55 3.3l1.933.652-.834 6.053s2.594-4.952 3.557-7.582l-4.656.878zM13.413 4.067L15.877 6.46 17.4 8.084 17.709 9.472 19.077 8.602 19.054 3.952 20.309 3.477 18.828 3.301z" transform="translate(44 7) translate(578.876 45.333)"/>
+                    </g>
+                    <g opacity=".6">
+                        <path fill="url(#cf1gyjea5l)" d="M.357 1.037S.024 2.678.059 3.07C.094 3.46.85 4.332.85 4.332s.792 1.705 1.043 2.54c.25.833 1.108 1.894 1.108 1.894s2.946 3.072 3.833 3.034c.407-.018 2.041-1.68 2.568-1.68 1.402 0 2.24-1.215 2.24-1.215S13.622 5.47 13.794 5.3c.173-.17 1.159-.523 1.159-.523s1.603-2.896 1.729-3.658l-4.46.183L.356 1.037z" transform="translate(44 7) translate(562 26.143)"/>
+                        <path fill="url(#8dyiel8rlm)" d="M.357 1.037L2.464.77 3.688.563s5.791.015 7.463.116c0 0 1.39-.562 1.768-.58.377-.017 1.108.671 1.108.671l2.655.348s-1.217.421-2.144.403l.89.3c-.168.128-.359.224-.562.283-.354.106-3.012.185-4.271.17-1.26-.013-1.814-.453-1.814-.453l.58-.219-.682-.081s-2.063.361-2.85.386c-.605-.002-1.208-.059-1.802-.17l-.075-.268s-2.14-.117-3.595-.432z" transform="translate(44 7) translate(562 26.143)"/>
+                        <path fill="url(#y55t7orr6n)" d="M3.453 1.437v1.146L2.29 2.78s-.051.023-.18.347c-.128.325-.72 1.141-.72 1.141l-.539.06.432.966s.622.005.87.16c.248.153.796.612.796.612l.329.902s.329-1.668.347-1.93c.019-.263.342-1.39.292-1.587-.05-.197.02-.937.02-.937l.09-.777s1.686.232 1.862.295c.176.062.252.768.252.768l.58 1.324-.65 1.936.25 1.64.08 1.234.915 2.61.724-.55s.593-4.286.636-4.482c.042-.196-.161-.658-.161-.658l.288-2.013-.028-2.019.58-.219-.682-.081s-2.138.32-2.492.353c-.355.034-2.157-.3-2.157-.3l1.08-.264-1.651.126z" transform="translate(44 7) translate(562 26.143)"/>
+                        <path fill="url(#b4d4xh294o)" d="M12.697 2.277l1.445.241-.232.552-.625 1.505-.756.719-.846.313-.658.464h.57l-.043.611-.307 1.457-.015 1.043.412-.284s1.515-2.575 2.146-3.6c0 0 1.051-.324 1.159-.523.107-.2 1.594-2.974 1.73-3.658l-2.14.404.892.3c-.335.15-.685.267-1.043.347-.42.064-1.689.11-1.689.11z" transform="translate(44 7) translate(562 26.143)"/>
+                        <path fill="#5E48B5" d="M11.15.674l-.462.232s.34.076.537.132c.197.055 1.282-.033 1.475-.088.192-.056.905-.274.905-.274l.039-.223s-.533-.476-.695-.45c-.163.025-1.517.533-1.798.671z" transform="translate(44 7) translate(562 26.143)"/>
+                        <path fill="#10001D" d="M14.093.78l-.452.256-.707.017h-1.506s1.158-.1 1.333-.137c.175-.037.843-.242.843-.242l.038-.223.451.329z" transform="translate(44 7) translate(562 26.143)"/>
+                        <path fill="#000" d="M3.453 2.583L3.939 3.725 4.024 1.574 5.105 1.31 3.453 1.437zM14.538 1.52l.89.3-.384 2.79s1.195-2.282 1.64-3.493l-2.146.404zM6.181 1.874L7.316 2.977 8.018 3.725 8.16 4.365 8.79 3.964 8.78 1.821 9.358 1.602 8.676 1.521z" transform="translate(44 7) translate(562 26.143)"/>
+                    </g>
+                    <g opacity=".267">
+                        <path fill="url(#i3nv7a2dip)" d="M.691 1.938s-.38 1.83-.34 2.267c.04.436.905 1.407.905 1.407s.906 1.901 1.192 2.831c.286.93 1.266 2.113 1.266 2.113s3.367 3.425 4.38 3.382c.465-.02 2.333-1.873 2.935-1.873 1.602 0 2.56-1.354 2.56-1.354s2.262-3.83 2.459-4.02c.197-.19 1.324-.584 1.324-.584s1.832-3.229 1.976-4.078l-5.098.204L.691 1.938z" transform="translate(44 7) matrix(-1 0 0 1 717 19)"/>
+                        <path fill="url(#8s36mh4trq)" d="M.348 1.8l2.323-.244 1.35-.192s6.386.014 8.229.107c0 0 1.532-.516 1.948-.532.417-.016 1.223.616 1.223.616l2.927.319s-1.342.387-2.364.37l.982.276c-.186.117-.396.205-.62.26-.39.097-3.321.17-4.71.157-1.388-.013-2-.417-2-.417l.64-.201-.752-.075s-2.274.332-3.143.355c-.666-.002-1.33-.054-1.986-.156l-.083-.247S1.953 2.09.348 1.8z" transform="translate(44 7) matrix(-1 0 0 1 717 19)"/>
+                        <path fill="url(#abvwsgco1r)" d="M3.407 2.086V3.43l-1.367.23s-.06.028-.211.408C1.677 4.448.98 5.406.98 5.406l-.633.07.508 1.132s.732.007 1.023.188c.292.18.936.719.936.719l.387 1.058s.387-1.956.408-2.265c.022-.308.402-1.63.344-1.86-.059-.232.023-1.1.023-1.1l.106-.91s1.982.272 2.19.345c.206.074.296.9.296.9l.681 1.554-.763 2.27.295 1.924.092 1.447 1.076 3.06.852-.645s.697-5.026.748-5.255c.05-.23-.19-.772-.19-.772l.34-2.36-.033-2.369.68-.256-.8-.095s-2.515.374-2.932.414c-.416.04-2.536-.353-2.536-.353l1.271-.309-1.943.148z" transform="translate(44 7) matrix(-1 0 0 1 717 19)"/>
+                        <path fill="url(#t0qj2e140s)" d="M14.124 3.233l1.533.27-.246.615-.664 1.68-.802.801-.899.35-.698.518h.606l-.047.682-.325 1.626-.016 1.163.437-.316s1.609-2.874 2.28-4.018c0 0 1.115-.361 1.229-.584.114-.222 1.692-3.318 1.836-4.082l-2.27.451.945.335c-.355.168-.726.298-1.106.388-.447.071-1.793.121-1.793.121z" transform="translate(44 7) matrix(-1 0 0 1 717 19)"/>
+                        <path fill="#09080F" d="M12.818 1.577l-.47.22s.346.072.545.125c.2.052 1.302-.031 1.497-.084.195-.053.92-.26.92-.26l.038-.211s-.54-.452-.705-.428c-.165.024-1.54.507-1.825.638z" transform="translate(44 7) matrix(-1 0 0 1 717 19)"/>
+                        <path fill="#10001D" d="M15.348 1.485l-.509.425-.796.028h-1.695s1.304-.165 1.5-.227c.197-.061.95-.401.95-.401l.043-.372.507.547z" transform="translate(44 7) matrix(-1 0 0 1 717 19)"/>
+                        <path fill="#000" d="M3.348 3.52L3.937 4.938 4.039 2.266 5.348 1.938 3.348 2.097zM16.348 2.401l.83.344-.358 3.193s1.114-2.612 1.528-4l-2 .463zM6.348 3.311L7.777 4.474 8.661 5.264 8.84 5.938 9.633 5.516 9.62 3.255 10.348 3.024 9.489 2.938z" transform="translate(44 7) matrix(-1 0 0 1 717 19)"/>
+                    </g>
+                    <g>
+                        <path fill="url(#vphc7s164t)" d="M.546 1.588S.037 4.103.09 4.702c.053.6 1.214 1.934 1.214 1.934s1.214 2.612 1.597 3.89 1.698 2.903 1.698 2.903 4.512 4.706 5.872 4.647c.623-.026 3.126-2.573 3.934-2.573 2.147 0 3.431-1.861 3.431-1.861s3.031-5.263 3.296-5.524c.264-.26 1.774-.802 1.774-.802s2.456-4.436 2.65-5.604l-6.834.28L.546 1.589z" transform="translate(44 7) matrix(-1 0 0 1 704.348 24.062)"/>
+                        <path fill="url(#exocl9o2iu)" d="M.546 1.588l3.228-.406L5.65.862s8.872.023 11.432.178c0 0 2.13-.86 2.708-.887.579-.027 1.698 1.027 1.698 1.027l4.067.532s-1.865.646-3.284.618l1.364.46c-.258.196-.55.342-.862.432-.541.164-4.614.284-6.542.263-1.93-.021-2.78-.696-2.78-.696l.888-.335-1.043-.124s-3.16.553-4.367.59c-.926-.002-1.85-.088-2.76-.258l-.115-.412S2.777 2.07.546 1.588z" transform="translate(44 7) matrix(-1 0 0 1 704.348 24.062)"/>
+                        <path fill="url(#3h6hw8hybv)" d="M5.29 2.202v1.755l-1.782.302s-.078.035-.275.532-1.104 1.748-1.104 1.748l-.825.09.662 1.48s.953.01 1.332.245c.38.236 1.22.939 1.22.939l.503 1.382s.504-2.555.533-2.958c.028-.403.523-2.13.447-2.43-.076-.303.03-1.436.03-1.436l.138-1.19s2.582.356 2.852.451c.27.096.387 1.177.387 1.177l.887 2.028-.994 2.967.384 2.513.12 1.89 1.402 3.997 1.11-.843s.908-6.565.973-6.865c.066-.3-.246-1.008-.246-1.008l.441-3.084-.042-3.093.887-.335-1.043-.124s-3.276.49-3.819.54c-.543.052-3.304-.46-3.304-.46l1.656-.403-2.53.193z" transform="translate(44 7) matrix(-1 0 0 1 704.348 24.062)"/>
+                        <path fill="url(#hfblkyayww)" d="M19.451 3.489l2.213.369-.355.844-.958 2.307-1.157 1.1-1.297.481-1.008.71h.875l-.068.937-.47 2.232-.023 1.597.632-.435s2.32-3.944 3.288-5.515c0 0 1.61-.497 1.774-.802.165-.305 2.442-4.555 2.65-5.603l-3.276.619 1.364.46c-.513.23-1.048.409-1.597.532-.644.097-2.587.167-2.587.167z" transform="translate(44 7) matrix(-1 0 0 1 704.348 24.062)"/>
+                        <path fill="#09080F" d="M17.082 1.033l-.71.355s.522.117.824.202c.302.085 1.964-.05 2.259-.135.294-.085 1.387-.419 1.387-.419l.059-.342s-.816-.73-1.065-.69c-.248.039-2.323.818-2.754 1.029z" transform="translate(44 7) matrix(-1 0 0 1 704.348 24.062)"/>
+                        <path fill="#10001D" d="M21.59 1.194l-.693.392-1.084.027h-2.307s1.775-.153 2.043-.21c.268-.056 1.292-.37 1.292-.37l.058-.343.69.504z" transform="translate(44 7) matrix(-1 0 0 1 704.348 24.062)"/>
+                        <path fill="#000" d="M5.289 3.957L6.035 5.707 6.164 2.411 7.82 2.007 5.289 2.202zM22.27 2.33l1.365.46-.589 4.272s1.831-3.495 2.511-5.351l-3.286.619zM9.468 2.871L11.207 4.56 12.282 5.707 12.501 6.686 13.466 6.072 13.45 2.789 14.335 2.454 13.29 2.33z" transform="translate(44 7) matrix(-1 0 0 1 704.348 24.062)"/>
+                    </g>
+                    <g>
+                        <path fill="url(#ojgcxiumvx)" d="M1.177 3.42S.08 8.837.194 10.129c.115 1.292 2.614 4.166 2.614 4.166s2.615 5.626 3.44 8.377c.826 2.752 3.658 6.253 3.658 6.253s9.719 10.136 12.646 10.01c1.342-.058 6.734-5.542 8.473-5.542 4.625 0 7.392-4.01 7.392-4.01s6.528-11.335 7.097-11.897c.57-.562 3.822-1.727 3.822-1.727s5.29-9.555 5.706-12.07l-14.718.604-39.147-.871z" transform="translate(44 7) matrix(-1 0 0 1 56.348 45.062)"/>
+                        <path fill="url(#j7rdft0kay)" d="M1.177 3.42l6.952-.875 4.04-.688s19.109.05 24.624.383c0 0 4.586-1.854 5.832-1.911 1.246-.058 3.657 2.213 3.657 2.213l8.76 1.146s-4.017 1.391-7.074 1.33l2.939.99c-.557.423-1.186.739-1.858.933-1.165.351-9.936.611-14.09.565-4.155-.046-5.986-1.498-5.986-1.498l1.911-.722-2.247-.268S21.83 6.211 19.23 6.291c-1.994-.005-3.983-.192-5.943-.558l-.248-.887S5.98 4.46 1.177 3.421z" transform="translate(44 7) matrix(-1 0 0 1 56.348 45.062)"/>
+                        <path fill="url(#pqhmsfn8dz)" d="M11.392 4.743v3.78l-3.837.65s-.168.076-.592 1.146c-.424 1.07-2.377 3.765-2.377 3.765l-1.778.195 1.426 3.187s2.052.02 2.87.527c.818.509 2.626 2.022 2.626 2.022l1.085 2.977s1.086-5.503 1.147-6.37c.061-.868 1.127-4.587.963-5.237-.164-.65.065-3.092.065-3.092l.298-2.56s5.56.764 6.142.97c.58.207.833 2.534.833 2.534l1.911 4.369-2.14 6.39.825 5.412.26 4.07 3.02 8.61 2.388-1.815s1.957-14.14 2.098-14.786c.142-.646-.531-2.171-.531-2.171l.952-6.643-.092-6.661 1.91-.723-2.246-.267s-7.056 1.055-8.225 1.166c-1.17.11-7.116-.994-7.116-.994l3.565-.868-5.45.417z" transform="translate(44 7) matrix(-1 0 0 1 56.348 45.062)"/>
+                        <path fill="url(#2gooc57ksA)" d="M41.895 7.514l4.766.795-.765 1.819-2.063 4.968-2.492 2.37-2.794 1.036-2.17 1.528h1.883l-.145 2.018-1.013 4.808-.05 3.44 1.361-.936s5-8.496 7.082-11.879c0 0 3.466-1.07 3.822-1.727.355-.658 5.259-9.811 5.706-12.07l-7.055 1.334 2.939.99c-1.105.497-2.257.882-3.44 1.147-1.387.21-5.572.359-5.572.359z" transform="translate(44 7) matrix(-1 0 0 1 56.348 45.062)"/>
+                        <path fill="#09080F" d="M36.793 2.224l-1.53.765s1.125.252 1.774.435c.65.184 4.231-.107 4.865-.29.635-.184 2.99-.902 2.99-.902l.125-.738S43.26-.076 42.724.008c-.535.084-5.003 1.762-5.931 2.216z" transform="translate(44 7) matrix(-1 0 0 1 56.348 45.062)"/>
+                        <path fill="#10001D" d="M46.5 2.572l-1.49.845-2.335.057h-4.969s3.822-.329 4.399-.45c.577-.123 2.782-.8 2.782-.8l.126-.737L46.5 2.572z" transform="translate(44 7) matrix(-1 0 0 1 56.348 45.062)"/>
+                        <path fill="#000" d="M11.392 8.523L12.998 12.291 13.277 5.194 16.842 4.323 11.392 4.743zM47.968 5.018l2.939.99-1.269 9.203s3.944-7.529 5.408-11.527l-7.078 1.334zM20.393 6.184L24.138 9.822 26.454 12.291 26.925 14.401 29.004 13.078 28.969 6.008 30.876 5.286 28.625 5.018z" transform="translate(44 7) matrix(-1 0 0 1 56.348 45.062)"/>
+                    </g>
+                    <g fill-rule="nonzero">
+                        <path fill="#05FF8F" d="M39.271.98L21.097 34.888l-4.553-.166L.21 0l4.553.167 6.903.166 6.357.148 1.606 3.413L21.448.5l4.553.166 6.367.148 6.903.167z" filter="url(#nvpsnqwirB)" transform="translate(44 7) matrix(-1 0 0 1 652.683 0) matrix(-1 0 0 1 39.482 0)"/>
+                        <g>
+                            <path fill="#1F3A2E" d="M21.589 8.504L17.046 8.329 21.238 0.5 25.791 0.666z" transform="translate(44 7) matrix(-1 0 0 1 652.683 0) translate(.24)"/>
+                            <path fill="#385F86" d="M32.157 0.814L21.256 21.164 11.456 0.333 17.814 0.481 21.589 8.504 25.791 0.666z" transform="translate(44 7) matrix(-1 0 0 1 652.683 0) translate(.24)"/>
+                            <path fill="#1F3A2E" d="M20.886 34.887L16.333 34.721 0 0 4.553 0.167z" transform="translate(44 7) matrix(-1 0 0 1 652.683 0) translate(.24)"/>
+                            <path fill="#53FFB3" d="M39.061 0.981L20.886 34.887 4.553 0.167 11.456 0.333 21.256 21.164 32.157 0.814z" transform="translate(44 7) matrix(-1 0 0 1 652.683 0) translate(.24)"/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/docs/public/images/vueschool/vs-iso.svg b/docs/public/images/vueschool/vs-iso.svg
new file mode 100644 (file)
index 0000000..d5fbbaa
--- /dev/null
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="22" height="26" viewBox="0 0 22 26">
+    <g fill="none" fill-rule="evenodd">
+        <g fill-rule="nonzero">
+            <g>
+                <path fill="#FCFCFE" d="M6.344 15.227C4.696 7.08 6.257 1.734 6.257 1.734s-.417 3.254 2.866 8.5c-.042 6.503 1.238 9.895 1.238 9.895l.263-.194-.263.23s-1.946-1.59-4.017-4.938zM14.104 14.074c.788.793 1.523 1.342 2.054 1.603l-.01-.004s.597.214.702.071c.727-.77.905-2.204.42-4.9-2.77-1.581-3.12-4.048-3.12-4.048s-.5 3.424-.046 7.278z" opacity=".5" transform="translate(-10 -17) translate(10 17)"/>
+                <path fill="#FFF" d="M6.257 1.734s-2.28 7.807 1.579 18.93c.105.32 0 .677-.28.89l-4.07 2.853c-.385.285-.946.107-1.122-.357C1.277 21.091-1.705 11.288 1.312.557c.14-.428.596-.677 1.017-.499l3.928 1.676zM14.044 17.42l-3.683 2.709s-1.964-5.205-.947-15.08c.07-.57.667-.855 1.158-.57l3.577 2.317s-.701 4.813.316 9.447c.105.464-.07.927-.42 1.177zM20.848 11.395l-3.402-2.246c-.21-.143-.526.071-.456.32.807 3.601.702 5.384-.14 6.275-.105.143-.702-.071-.702-.071.562.285.702.142.702.142.561-.427 2.666-1.96 3.998-2.887.527-.392.527-1.177 0-1.533z" transform="translate(-10 -17) translate(10 17)"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/docs/public/images/vueschool/vs-logo.svg b/docs/public/images/vueschool/vs-logo.svg
new file mode 100644 (file)
index 0000000..4e060ce
--- /dev/null
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="120" height="41" viewBox="0 0 120 41">
+    <g fill="none" fill-rule="evenodd">
+        <g fill-rule="nonzero">
+            <g>
+                <g>
+                    <path fill="#FCFCFE" d="M10.381 24.917c-2.696-13.332-.141-22.08-.141-22.08s-.684 5.325 4.688 13.91c-.068 10.64 2.027 16.191 2.027 16.191l.43-.316-.43.375s-3.186-2.6-6.574-8.08zM23.08 23.03c1.289 1.298 2.491 2.197 3.36 2.624l-.015-.008s.976.35 1.148.117c1.19-1.26 1.48-3.606.687-8.017-4.534-2.589-5.107-6.625-5.107-6.625s-.816 5.603-.073 11.909z" opacity=".5" transform="translate(-50 -20) translate(50 20)"/>
+                    <path fill="#FFF" d="M10.24 2.837s-3.731 12.776 2.582 30.976c.172.525 0 1.109-.459 1.459l-6.658 4.667c-.631.466-1.55.175-1.836-.584C2.089 34.513-2.79 18.471 2.147.912c.23-.7.975-1.108 1.664-.817l6.428 2.742zM22.981 28.505l-6.026 4.433s-3.214-8.517-1.55-24.676c.115-.933 1.09-1.4 1.894-.933l5.854 3.792s-1.148 7.875.517 15.459c.172.758-.115 1.516-.689 1.925zM34.116 18.646l-5.568-3.675c-.344-.233-.86.117-.746.525 1.32 5.892 1.148 8.809-.23 10.267-.172.233-1.147-.117-1.147-.117.918.467 1.148.234 1.148.234.918-.7 4.362-3.209 6.543-4.726.86-.641.86-1.925 0-2.508z" transform="translate(-50 -20) translate(50 20)"/>
+                </g>
+                <path fill="#FFF" d="M54.132 17.571l4.401-11.864H56.09l-3.096 8.819-3.096-8.82h-2.527l4.385 11.865h2.376zm8.066.218c.87 0 1.824-.335 2.276-1.105 0 .335.034.72.067.887h2.126c-.034-.284-.084-.853-.084-1.489V9.338h-2.226v4.786c0 .954-.569 1.623-1.556 1.623-1.038 0-1.506-.736-1.506-1.656V9.338h-2.226v5.204c0 1.791 1.138 3.247 3.13 3.247zm10.36.033c2.024 0 3.33-1.188 3.748-2.61l-1.858-.552c-.268.736-.837 1.255-1.874 1.255-1.105 0-2.025-.787-2.075-1.875h5.89c0-.033.034-.368.034-.686 0-2.644-1.523-4.267-4.067-4.267-2.108 0-4.05 1.707-4.05 4.334 0 2.778 1.992 4.401 4.251 4.401zm1.673-5.304h-3.682c.05-.754.686-1.624 1.84-1.624 1.273 0 1.808.804 1.842 1.624zM52.425 35.394c2.762 0 4.284-1.84 4.284-3.665 0-1.673-1.154-3.08-3.313-3.498l-1.657-.318c-.87-.167-1.288-.686-1.288-1.338 0-.787.736-1.506 1.857-1.506 1.506 0 2.042 1.02 2.159 1.673l2.075-.636c-.268-1.339-1.372-3.08-4.25-3.08-2.243 0-4.134 1.607-4.134 3.716 0 1.79 1.222 3.012 3.113 3.397l1.656.335c.92.184 1.44.72 1.44 1.406 0 .836-.687 1.456-1.925 1.456-1.673 0-2.493-1.055-2.594-2.226l-2.142.569c.184 1.69 1.573 3.715 4.72 3.715zm9.723 0c2.192 0 3.481-1.406 3.85-2.778l-1.959-.653c-.184.636-.753 1.39-1.89 1.39-1.139 0-2.11-.837-2.11-2.327s.954-2.31 2.092-2.31c1.105 0 1.624.704 1.825 1.39l1.99-.67c-.35-1.389-1.622-2.778-3.865-2.778-2.393 0-4.267 1.824-4.267 4.368 0 2.527 1.908 4.368 4.334 4.368zm7.715-.251v-4.836c.05-.904.602-1.607 1.54-1.607 1.07 0 1.522.72 1.522 1.64v4.803h2.226v-5.188c0-1.807-.97-3.263-3.062-3.263-.787 0-1.69.268-2.226.904v-4.57h-2.226v12.117h2.226zm11.246.25c2.46 0 4.317-1.84 4.317-4.367 0-2.544-1.857-4.368-4.317-4.368s-4.318 1.824-4.318 4.368c0 2.527 1.858 4.368 4.318 4.368zm0-2.024c-1.088 0-2.092-.803-2.092-2.343 0-1.556 1.004-2.343 2.092-2.343 1.087 0 2.091.787 2.091 2.343s-1.004 2.343-2.091 2.343zm9.773 2.025c2.46 0 4.317-1.84 4.317-4.368 0-2.544-1.857-4.368-4.317-4.368s-4.318 1.824-4.318 4.368c0 2.527 1.858 4.368 4.318 4.368zm0-2.025c-1.088 0-2.092-.803-2.092-2.343 0-1.556 1.004-2.343 2.092-2.343 1.087 0 2.091.787 2.091 2.343s-1.004 2.343-2.091 2.343zm8.3 1.774V23.027h-2.226v12.116h2.226zm3.682.117c.853 0 1.54-.686 1.54-1.523 0-.837-.687-1.523-1.54-1.523-.837 0-1.523.686-1.523 1.523 0 .837.686 1.523 1.523 1.523zm4.903-9.69c.77 0 1.372-.619 1.372-1.355 0-.77-.602-1.389-1.372-1.389-.753 0-1.372.62-1.372 1.39 0 .735.619 1.355 1.372 1.355zm1.121 9.573v-8.234h-2.226v8.234h2.226zm6.075.25c2.46 0 4.317-1.84 4.317-4.367 0-2.544-1.857-4.368-4.317-4.368s-4.318 1.824-4.318 4.368c0 2.527 1.858 4.368 4.318 4.368zm0-2.024c-1.088 0-2.092-.803-2.092-2.343 0-1.556 1.004-2.343 2.092-2.343s2.092.787 2.092 2.343-1.004 2.343-2.092 2.343z" transform="translate(-50 -20) translate(50 20)"/>
+            </g>
+        </g>
+    </g>
+</svg>