From a005ed65bb53ae6e4dc27acfc5afa06754d4241c Mon Sep 17 00:00:00 2001
From: Rolf Haug <rolf@rah.no>
Date: Tue, 30 Mar 2021 21:44:34 +0200
Subject: [PATCH] update vueschool banner

---
 .../public/images/vueschool/learn-more.svg    |   9 -
 .../public/images/vueschool/vs-backpack.svg   |  71 ++++++
 .../vueschool/vs-banner-bg-desktop-2.svg      | 214 ------------------
 .../vueschool/vs-banner-bg-mobile-2.svg       |  14 --
 .../vueschool/vs-banner-bg-tablet-2.svg       | 196 ----------------
 src/.vuepress/theme/components/BannerTop.vue  |  99 ++++----
 6 files changed, 111 insertions(+), 492 deletions(-)
 delete mode 100644 src/.vuepress/public/images/vueschool/learn-more.svg
 create mode 100644 src/.vuepress/public/images/vueschool/vs-backpack.svg
 delete mode 100644 src/.vuepress/public/images/vueschool/vs-banner-bg-desktop-2.svg
 delete mode 100644 src/.vuepress/public/images/vueschool/vs-banner-bg-mobile-2.svg
 delete mode 100644 src/.vuepress/public/images/vueschool/vs-banner-bg-tablet-2.svg

diff --git a/src/.vuepress/public/images/vueschool/learn-more.svg b/src/.vuepress/public/images/vueschool/learn-more.svg
deleted file mode 100644
index 58cc3f56a3..0000000000
--- a/src/.vuepress/public/images/vueschool/learn-more.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<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/src/.vuepress/public/images/vueschool/vs-backpack.svg b/src/.vuepress/public/images/vueschool/vs-backpack.svg
new file mode 100644
index 0000000000..927a413fb6
--- /dev/null
+++ b/src/.vuepress/public/images/vueschool/vs-backpack.svg
@@ -0,0 +1,71 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="71" height="71" viewBox="0 0 71 71">
+    <defs>
+        <linearGradient id="mjp5x84qsa" x1="49.986%" x2="49.986%" y1="1.65%" y2="98.883%">
+            <stop offset="0%" stop-color="#4FB5FB"/>
+            <stop offset="100%" stop-color="#4F80FB"/>
+        </linearGradient>
+        <linearGradient id="wieqezg04b" x1=".087%" x2="100%" y1="50.013%" y2="50.013%">
+            <stop offset="0%" stop-color="#4FB5FB"/>
+            <stop offset="100%" stop-color="#4F80FB"/>
+        </linearGradient>
+        <linearGradient id="ipqwdxzoxc" x1="48.283%" x2="52.547%" y1="15.466%" y2="92.497%">
+            <stop offset="0%" stop-color="#4FB5FB"/>
+            <stop offset="100%" stop-color="#4F80FB"/>
+        </linearGradient>
+        <linearGradient id="aitiri4hjd" x1="45.988%" x2="50.396%" y1="-16.978%" y2="61.574%">
+            <stop offset="0%" stop-color="#4FB5FB"/>
+            <stop offset="100%" stop-color="#4F80FB"/>
+        </linearGradient>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <g>
+            <g transform="translate(-70 -5) translate(70 5)">
+                <path fill="#000" fill-rule="nonzero" d="M4.508 61.038c-8.608 1.538-1.985 4.008 4.938 4.177 6.923 6.077 35.946 7.592 48.607 2.87 12.662-4.724 16.193-8.77 9.439-9.785-6.754-1.016-54.884.038-62.984 2.738z" opacity=".1"/>
+                <path fill="#6D7CFC" fill-rule="nonzero" d="M25.792 10.1C26.4 2.746 30.154-.07 34.03 0c3.877.07 7.839 2.308 7.77 9.808-2.454.769-2.454.43-2.454.43.208-7.43-7.9-12.453-10.77-.292-.916.177-1.853.228-2.784.154z"/>
+                <path fill="#4255C6" fill-rule="nonzero" d="M40.077 8.115c-.408-1.192-1.708-6.346-6-6.238-4.293.108-5.385 5.623-5.654 6.308-.27.684-1.392.976-2.508.769-.054.369-.092.769-.123 1.138.933.078 1.873.029 2.792-.146 2.862-12.17 10.97-7.138 10.77.292 0 0 0 .362 2.453-.43V8.615c-.677.154-1.492.193-1.73-.5z"/>
+                <path fill="#00A4FE" fill-rule="nonzero" d="M34.615 9.438c-12.569 0-24.938-.377-24.3 31.539.254 16.2 1.9 24.43 3.923 25.438 2.023 1.008 9.062 2.97 19.616 3.154h1.538c10.554-.177 17.692-2.185 19.615-3.154 1.923-.97 3.67-9.23 3.923-25.438C59.523 9.06 47.153 9.438 34.615 9.438z"/>
+                <g fill="#005782" fill-rule="nonzero" opacity=".92">
+                    <path d="M.508 34.869c0-9.285-.339-12.654 2.954-13.754 3.292-1.1 9.707-2.7 12.492-11.307C18.738 1.2 22.108.862 28.86.946c6.754.085 13.162.77 13.923 13.923.762 13.154.508 20.423.508 20.423s.123-16.83-.062-21.369C43.046 9.385 41.584 1.769 33.607.569c-7.976-1.2-28.1-1.2-31.3 7.892-3.2 9.093-1.8 26.408-1.8 26.408z" transform="translate(12.308 10.77)"/>
+                </g>
+                <path fill="#E535AB" d="M32.112 7.865l5.083 2.968c.147-.157.315-.292.5-.4 1.054-.613 2.399-.25 3.01.817.607 1.066.247 2.426-.807 3.045-.184.107-.381.187-.587.237v5.938c.203.05.399.129.58.235 1.061.619 1.42 1.979.809 3.045-.606 1.066-1.957 1.43-3.012.817-.204-.118-.388-.27-.544-.447l-5.052 2.95c.074.226.111.463.111.702C32.203 28.998 31.218 30 30 30s-2.203-.996-2.203-2.228c0-.22.031-.43.09-.63l-5.082-2.968c-.145.154-.312.286-.493.393-1.06.613-2.406.25-3.012-.817-.605-1.066-.246-2.426.808-3.045.182-.106.378-.185.581-.235v-5.938c-.206-.05-.403-.13-.587-.237-1.054-.613-1.414-1.979-.808-3.045.606-1.066 1.957-1.43 3.011-.817.184.108.352.242.498.397l5.084-2.968c-.06-.206-.09-.42-.09-.634C27.797 5.996 28.782 5 30 5s2.203.996 2.203 2.228c0 .221-.032.435-.091.637zM31.062 9l5.291 3.047c-.17.594-.092 1.23.218 1.766.322.559.847.93 1.429 1.073v6.09l-.089.024L31 9.061 31.061 9zM29 9.065L22.09 21l-.09-.024v-6.089c.582-.144 1.107-.515 1.429-1.073.31-.536.388-1.174.217-1.769L28.935 9l.065.065zM31.135 9L38 20.89c-.157.15-.292.322-.4.51-.108.188-.189.39-.24.6H23.64c-.052-.21-.132-.412-.24-.6-.109-.187-.243-.357-.4-.507l6.866-11.892c.206.059.42.089.634.089.22 0 .433-.032.635-.09zm.941 17L37 23.141c-.015-.046-.028-.093-.04-.141H24.022l-.022.083 4.948 2.873c.403-.422.961-.66 1.544-.66.603 0 1.178.255 1.584.704z" transform="rotate(13 30 17.5)"/>
+                <path fill="#41B883" fill-rule="nonzero" d="M0.538 26.623L27.692 34.446 20.984 6.992 16.892 10.915 20.922 27.385 4.576 22.769z"/>
+                <path fill="#35495E" fill-rule="nonzero" d="M4.576 22.746L20.968 27.438 16.899 10.915 13.115 14.546 14.653 20.892 8.322 19.108z"/>
+                <path fill="url(#mjp5x84qsa)" fill-rule="nonzero" d="M57.546 29.477c-.721-.796-1.375-1.65-1.954-2.554.061 3.608 0 16.846 0 13.7 0-3.454-.162-8.462-.539-14.962-.769-13.161-7.169-13.846-13.923-13.923-6.753-.077-10.123.254-12.907 8.862-2.785 8.607-9.162 10.169-12.454 11.284-3.292 1.116-2.954 4.47-2.954 13.754 0 0-.084-.985-.161-2.6v3.023c0 .085-.077.116-.2.1v14.377h-.685c.67 3.47 1.539 5.385 2.415 5.861 1.97.97 9.085 2.97 19.662 3.154h1.538C45.938 69.376 53.076 67.37 55 66.4c1.923-.969 3.669-9.23 3.923-25.438.084-3.336-.016-6.674-.3-10-.385-.523-.723-1.007-1.077-1.484z"/>
+                <path fill="#000" fill-opacity=".5" fill-rule="nonzero" d="M50.977 15.561v.047c-2.151-1.579-4.67-2.582-7.316-2.916h-.769c-1.485 0-2.808 0-4 .093-4.308.769-6.154 3.546-6.023 9.476.208 6.323-2.162 9.731-8.715 9.731-7.1 0-9.385.277-10.062 4.115-.5 2.839-.2 8.239 0 10.862.164.837.422 1.652.77 2.43 0 0 .346-8.522 1.022-12.36.677-3.84 2.939-4.116 10.039-4.116 6.554 0 8.93-3.408 8.761-9.777-.169-6.37 2.008-9.146 7.031-9.615 5.023-.47 8.692 2.307 10.715 3.846-.335-.711-.833-1.333-1.453-1.816z" opacity=".1"/>
+                <path fill="#0073BA" fill-rule="nonzero" d="M17.477 59.015c.769 2.723 1.538 4.554 6.269 4.877 4.73.323 10.377.377 15.484.723 5.108.346 11.9-1.27 13.162-3.608 1.261-2.338 1.915-14.854 1.223-17.115-.692-2.262-3.67-3.608-4.238-3.8" opacity=".92"/>
+                <path fill="#0073BA" fill-rule="nonzero" d="M52.476 13.961C57 23.846 56.43 51.038 55.2 57.876c-1.27 7.023-4.562 8.608-13.8 9.816-7.2.938-18.462.377-24.285-2.17-1.538-.861-2.546-10.769-2.992-13.584-.437-3.044-1.043-6.062-1.815-9.038-.585 1.43.769 15.292 1.23 19.707l-1.369-.3c.592 2.385 1.292 3.746 2.039 4.123 1.946.939 9.061 2.939 19.638 3.123h1.538C45.938 69.376 53.076 67.37 55 66.4c1.923-.969 3.669-9.23 3.923-25.438.261-15.023-2.323-22.884-6.447-27z" opacity=".92"/>
+                <path fill="url(#wieqezg04b)" fill-rule="nonzero" d="M52.223 57.369c0 8.1-21.87 4.807-26.739 4.807-4.092.008-8.561-.084-8.561-5.561V43.7c0-7.3 8.984-3.923 26.738-4.808 4.092-.208 8.53.092 8.53 5.57l.032 12.907z"/>
+                <g fill="#BBF1FF" fill-rule="nonzero">
+                    <g>
+                        <path d="M3.208 7.782C2.375 3.618 3.165.886 3.165.886S2.953 2.549 4.614 5.23c-.021 3.323.626 5.057.626 5.057l.133-.1-.133.118s-.985-.812-2.032-2.523zM7.133 7.192c.398.406.77.686 1.038.82l-.004-.003s.301.11.354.037c.368-.393.458-1.126.213-2.504-1.401-.808-1.578-2.069-1.578-2.069s-.253 1.75-.023 3.72z" opacity=".5" transform="translate(30.121 47.064) translate(0 .269)"/>
+                        <path d="M3.165.886s-1.153 3.99.798 9.674c.053.164 0 .346-.142.456l-2.058 1.457c-.195.146-.479.055-.567-.182C.646 10.779-.862 5.769.663.285.734.066.965-.061 1.178.03l1.987.856zM7.102 8.902L5.24 10.287s-.993-2.66-.479-7.707c.035-.291.337-.437.585-.291l1.81 1.184s-.355 2.46.16 4.828c.052.237-.036.474-.214.601zM10.544 5.823L8.823 4.675c-.106-.072-.266.037-.23.164C9 6.68 8.946 7.59 8.52 8.046c-.053.073-.354-.037-.354-.037.283.146.354.073.354.073.284-.218 1.349-1.002 2.023-1.475.266-.2.266-.602 0-.784z" transform="translate(30.121 47.064) translate(0 .269)"/>
+                    </g>
+                </g>
+                <path fill="#000" fill-opacity=".5" fill-rule="nonzero" d="M52.223 44.438c-.339-4.87-4.616-5.13-8.508-4.938-17.777.907-26.792-2.462-26.792 4.83v2.547c3.708.523 14.384-.77 21.177-.854 5.769-.054 13.015-.3 13.161.046.146.346.877 9.415.339 11.646-.677 2.785-5.993 3.5-10.423 3.415-4.431-.084-12.616 0-17.046.208-4.131.2-6.439-1.792-7.208-5.054v.33c0 5.478 4.438 5.57 8.53 5.57 4.87 0 26.739 3.292 26.739-4.808V44.438h.03z" opacity=".1"/>
+                <path fill="#000" fill-opacity=".5" fill-rule="nonzero" d="M21.323 45.684c.1 2.1-.77 4.616-.546 5.254.269.854 2.138.77 2.307 0 .17-.77-.569-5.223-.569-5.223l-1.192-.03z" opacity=".2"/>
+                <path fill="#6D7CFC" fill-rule="nonzero" d="M20.9 45.223c.1 2.1-.77 4.615-.546 5.254.269.853 2.138.769 2.307 0 .17-.77-.569-5.224-.569-5.224l-1.192-.03z"/>
+                <path fill="#6D7CFC" fill-rule="nonzero" d="M38.13 45.384c6.339-.054 12.723 0 14.093 0v-.923c0-5.477-4.446-5.769-8.531-5.569-17.754.885-26.77-2.492-26.77 4.808v2.546c3.732.515 14.409-.8 21.208-.862z"/>
+                <g fill="#00557F" fill-rule="nonzero" opacity=".92">
+                    <path d="M4.215.154C4.638-.038 4.846 4 4.846 4s-3.546.546-3.8-.63C.792 2.191-.869 2.307 4.216.153z" transform="translate(6.154 40)"/>
+                </g>
+                <path fill="url(#ipqwdxzoxc)" fill-rule="nonzero" d="M6.638 41.738c-.969.716.039 3.715.862 9.723.823 6.008 1.138 11.462 1.961 12.47.824 1.007 4.431 1.9 5.57 1.268-1.646-11.707-2.408-22.845-2.47-22.845-3.415.376-7.253.146-2.007-2.008.004-.143-.04-.284-.123-.4-1.2 0-2.97 1.184-3.793 1.792z"/>
+                <path fill="#000" fill-opacity=".5" fill-rule="nonzero" d="M12.646 43.13c-.37.331-1.223 1.285-1.223 1.285s1.815 14.092 1.77 16.923c-.04 2.685-1.924 3.261-4.17 1.461.075.39.223.76.438 1.093.824 1.015 4.431 1.9 5.57 1.269-1.385-9.838-2.146-19.3-2.385-22.03z" opacity=".1"/>
+                <path fill="#6D7CFC" fill-rule="nonzero" d="M12.8 44.961c-.146-1.646-.223-2.607-.239-2.607-3.415.376-7.253.146-2.007-2.008.004-.143-.04-.284-.123-.4-1.2 0-3.693 1.246-4.008 1.769-.315.523-.262 1.154-.085 2.508 1 1.315 4.785 1.53 6.462.738z"/>
+                <path fill="url(#aitiri4hjd)" fill-rule="nonzero" d="M64.184 41.93c.97.716 0 3.523-.823 9.539-.823 6.015-1.138 11.454-1.962 12.461-.823 1.008-4.43 1.9-5.569 1.27 1.646-11.708 2.408-22.846 2.47-22.846 3.415.376 7.753.43 2.5-1.716 0-.254-.408-.192-.408-.192 1.371.158 2.678.67 3.792 1.484z"/>
+                <path fill="#000" fill-opacity=".5" fill-rule="nonzero" d="M61.4 63.93c.31-.537.509-1.13.584-1.746-.725 1.115-1.97 1.782-3.3 1.77-1.354.045 1.139-14.347 1.477-19.577l.77-1.831h-.7c-.531.169-1.255.423-1.985.769-.293 2.838-1.046 12.146-2.416 21.884 1.139.631 4.746-.253 5.57-1.269z" opacity=".1"/>
+                <path fill="#6D7CFC" fill-rule="nonzero" d="M58.061 44.961c.146-1.646.223-2.607.239-2.607 5.73.561 6.33-.516.569-1.816.007-.19.038-.379.092-.561 1.85.25 3.634.848 5.262 1.761.446.33.469 1.139.292 2.485-.992 1.315-4.777 1.53-6.454.738z"/>
+                <circle cx="21.577" cy="49.73" r="1" fill="#365ACE" fill-rule="nonzero"/>
+                <path fill="#FFF" fill-opacity=".2" fill-rule="nonzero" d="M40.077 12.538c3.922-.385 7.85.682 11.038 3-.332-.94-.889-1.786-1.623-2.461-2.377-1.246-5.254-1.392-8.192-1.43-6.754-.086-10.123.253-12.908 8.86-2.785 8.608-9.23 10.208-12.492 11.308-2.385.77-2.862 2.792-2.946 7.362.246 7.876 1.207 10 1.384 9.23 0 0-.769-8.523-.115-12.361.654-3.839 2.961-4.115 10.061-4.115 6.554 0 8.931-3.408 8.762-9.777-.17-6.37 2.008-9.146 7.03-9.616z"/>
+                <path fill="#112C4F" fill-rule="nonzero" d="M54.753 42.692c-.056-.297-.086-.598-.092-.9l-.17-2.562c-.138-2.246-.33-5.5-.63-9.515-.146-2.008-.323-4.208-.57-6.554-.138-1.169-.238-2.407-.491-3.607-.213-1.24-.786-2.39-1.647-3.308-1.769-1.9-4.615-2.677-7.407-2.938-1.456-.125-2.918-.148-4.377-.07-1.454.07-3 .293-4 1.354-.927 1.141-1.532 2.509-1.754 3.962-.262 1.424-.442 2.862-.538 4.307-.024 1.441-.19 2.876-.493 4.285-.35 1.394-1.164 2.628-2.307 3.5-1.112.756-2.389 1.236-3.723 1.4-1.226.166-2.463.238-3.7.215-1.185 0-2.308-.038-3.416 0-1.025-.026-2.043.182-2.977.608-.835.384-1.503 1.06-1.877 1.9-.3.778-.457 1.604-.461 2.438-.046 1.585.092 2.962.146 4.085.054 1.123.108 2 .108 2.592.026.302.026.606 0 .908-.057-.297-.088-.598-.093-.9l-.223-2.585c-.153-1.364-.235-2.735-.246-4.107-.024-.88.114-1.756.408-2.585.397-.93 1.119-1.685 2.03-2.123.983-.467 2.06-.704 3.147-.692 1.108-.054 2.254 0 3.438 0 1.21.012 2.418-.068 3.616-.239 1.25-.16 2.445-.616 3.484-1.33 1.036-.806 1.769-1.94 2.077-3.216.288-1.374.442-2.773.462-4.177.111-1.49.312-2.972.6-4.438.241-1.562.9-3.029 1.907-4.246.574-.585 1.298-1 2.093-1.2.754-.196 1.528-.305 2.307-.323 1.485-.076 2.973-.048 4.454.084 1.443.12 2.865.422 4.23.9 1.316.46 2.505 1.225 3.47 2.231.921.993 1.53 2.234 1.754 3.57.246 1.268.338 2.476.47 3.66.222 2.362.376 4.562.5 6.578.245 4.023.368 7.276.438 9.53l.061 2.593c.025.304.022.61-.008.915z"/>
+                <path fill="#89F" fill-rule="nonzero" d="M9.061 40.707c-1.538.631-3.13 2.308 1.87 2.046-4.623 1.616-5.546-1.415-1.87-2.046zM17.692 42.223c.423-1.539 1.646-2.739 5.739-2.87 4.092-.13 7.084-.038 6.838.254-.246.293-7.892 0-9.577.931-1.684.93-2.784 2.87-2.954 2.746-.169-.123-.046-1.061-.046-1.061zM43.323 39.777c1.307.338 5.384 0 6.754 1.538.969 1.1.93.17-.208-.97-1.139-1.138-6.792-.991-6.546-.568z"/>
+                <g fill="#000" fill-rule="nonzero" opacity=".1">
+                    <path d="M2.762 2.492c-.608 0-1.324-.061-2.154-.146 0 0-.1.962-.239 2.608.616.255 1.272.401 1.939.43.041-.978.193-1.948.454-2.892zM6.53 1.738C4.903.833 3.118.243 1.27 0c-.055.183-.086.371-.093.562 1.176.208 2.328.536 3.438.976.431-.006.861.049 1.277.162l.893.3c-.063-.106-.15-.196-.254-.262z" opacity=".5" transform="translate(57.692 40)"/>
+                </g>
+                <path fill="#0CAFAF" fill-rule="nonzero" d="M38.13 45.384c6.339-.054 12.723 0 14.093 0v-.923c0-2.023-.608-3.338-1.577-4.184.64 1.35.89 2.853.723 4.338-.092.477-3.985.223-7.37.315-3.384.093-14.715.223-18.384.77-3.669.546-8.1.223-8.161-.162-.186-1.13-.292-2.27-.316-3.415-.138.514-.21 1.044-.215 1.577v2.546c3.73.515 14.408-.8 21.207-.862z" opacity=".42"/>
+                <path fill="#000" fill-opacity=".5" fill-rule="nonzero" d="M11.538 45.315c.43-.063.85-.185 1.247-.362-.147-1.646-.224-2.607-.239-2.607-.461.054-.923.092-1.377.115.17.9.27 2.108.37 2.854z" opacity=".1"/>
+                <path fill="#89F" fill-rule="nonzero" d="M29.438 2.215C29.6 2.662 32.415 1.17 32.1.823c-.316-.346-2.693.67-2.662 1.392z"/>
+                <path fill="#00557F" fill-rule="nonzero" d="M58.869 40.538s4.43.985 4.007 1.616c-.423.63-4.038.253-4.038.253l.03-1.869z" opacity=".92"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/.vuepress/public/images/vueschool/vs-banner-bg-desktop-2.svg b/src/.vuepress/public/images/vueschool/vs-banner-bg-desktop-2.svg
deleted file mode 100644
index bf8503e693..0000000000
--- a/src/.vuepress/public/images/vueschool/vs-banner-bg-desktop-2.svg
+++ /dev/null
@@ -1,214 +0,0 @@
-<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/src/.vuepress/public/images/vueschool/vs-banner-bg-mobile-2.svg b/src/.vuepress/public/images/vueschool/vs-banner-bg-mobile-2.svg
deleted file mode 100644
index 74cffc6293..0000000000
--- a/src/.vuepress/public/images/vueschool/vs-banner-bg-mobile-2.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<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/src/.vuepress/public/images/vueschool/vs-banner-bg-tablet-2.svg b/src/.vuepress/public/images/vueschool/vs-banner-bg-tablet-2.svg
deleted file mode 100644
index 8fe06eae8c..0000000000
--- a/src/.vuepress/public/images/vueschool/vs-banner-bg-tablet-2.svg
+++ /dev/null
@@ -1,196 +0,0 @@
-<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/src/.vuepress/theme/components/BannerTop.vue b/src/.vuepress/theme/components/BannerTop.vue
index db9bac6faf..3a526b03cb 100644
--- a/src/.vuepress/theme/components/BannerTop.vue
+++ b/src/.vuepress/theme/components/BannerTop.vue
@@ -1,5 +1,5 @@
 <template>
-  <a id="vs" href="https://vueschool.io/the-vuejs-master-class/?friend=vuejs#plans" target="_blank" rel="noreferrer">
+  <a id="vs" href="https://vueschool.io/sales/flashsale21/?friend=vuejs" target="_blank" rel="noreferrer">
     <div class="vs-iso">
       <img src="/images/vueschool/vs-iso.svg" alt="Vue School logo">
     </div>
@@ -7,18 +7,14 @@
       <img src="/images/vueschool/vs-logo.svg" alt="Vue School logo">
     </div>
     <div class="vs-core">
+      <div class="vs-illustration">
+        <img src="/images/vueschool/vs-backpack.svg" alt="backpack illustration">
+      </div>
       <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>
+        <span class="vs-slogan-main">Flash Sale -</span> Less than <span style="color: #1fdb69">48hrs left</span> to get 20% OFF!
       </div>
       <div class="vs-button">
-        <div class="vs-button-inside">
-          <img src="/images/vueschool/learn-more.svg" alt="Learn More">
-        </div>
+        GET OFFER
       </div>
     </div>
     <div
@@ -38,7 +34,7 @@ $topBannerHeightMobile ?= 3.125rem
 // Banner
 #vs
   align-items: center
-  background-color: #1E204D
+  background-color: #202A5A
   background-position: top right
   background-repeat: no-repeat
   background-size: cover
@@ -53,18 +49,13 @@ $topBannerHeightMobile ?= 3.125rem
   right: 0
   top: 0
   z-index: 100
-  background-image: url(/images/vueschool/vs-banner-bg-mobile-2.svg)
   height: $topBannerHeightMobile
   @media (min-width: 680px)
     height: $topBannerHeight
-    background-image: url(/images/vueschool/vs-banner-bg-tablet-2.svg)
-  @media (min-width: 900px)
-    background-image: url(/images/vueschool/vs-banner-bg-desktop-2.svg)
   &:hover
     .vs-core
       .vs-button
-        .vs-button-inside
-          background: linear-gradient(#ed81eb, #d457d0)
+        background-color: #364fde
 
   .vs-iso
       position: absolute
@@ -73,11 +64,6 @@ $topBannerHeightMobile ?= 3.125rem
       img
         height: 26px
       @media (min-width: 680px)
-        left: 40px
-        height: 40px
-        img
-          height: 40px
-      @media (min-width: 900px)
         display: none
 
   .vs-logo
@@ -91,56 +77,51 @@ $topBannerHeightMobile ?= 3.125rem
     display: flex
     align-items: center
 
+    .vs-illustration
+      display: none
+      @media (min-width: 680px)
+        display: inline-block
+        margin-right: 8px
+      @media (min-width: 900px)
+        margin-right: 20px
+
     .vs-slogan
       text-align: center
-
-      .vs-slogan-up
-        color: #47b785
-        font-size: 14px
-        font-weight: bold
-        @media (min-width: 680px)
-          font-size: 18px
-
-      .vs-slogan-down
-        color: #fff
-        font-size: 12px
-        padding-top: 2px
+      font-size: 14px
+      font-weight: bold
+      @media (min-width: 680px)
+        font-size: 20px
+      @media (min-width: 900px)
+        font-size: 22px
+      .vs-slogan-main
+        display: none
         @media (min-width: 680px)
-          font-size: 16px
-        strong
-          color: #fff
-          font-weight: bold
+          display: inline
 
     .vs-button
-      margin-left: 43px
+      margin-left: 8px
       color: #fff
-      background: linear-gradient(to bottom, #b349b0, #dc61da)
+      background: #667dff
       padding: 2px
       border-radius: 40px
       display: none
+      padding: 17px 24px
+      font-weight: bold
       @media (min-width: 680px)
         display: inline-block
-      .vs-button-inside
-        border-radius: 40px
-        background: linear-gradient(#dc61da, #b349b0)
-        transition: all .25s ease-in
-        padding: 12px 24px 8px
-        line-height: 0
-        @media (min-width: 680px)
-          padding: 12px 24px 8px
-      &.vs-button-alt
-        background: linear-gradient(to bottom, #ffcc38, #ffd13d)
-        .vs-button-inside
-          background: linear-gradient(to bottom, #ffe24f, #ffa40e)
+      @media (min-width: 900px)
+        margin-left: 20px
 
   .vs-close
-    right: 10px
-    position: absolute
-    padding: 10px
-    @media (min-width: 680px)
-      right: 20px
-    &:hover
-      color: #56D8FF
+      right: 10px
+      position: absolute
+      padding: 10px
+      @media (min-width: 680px)
+        right: 0px
+      @media (min-width: 900px)
+        right: 20px
+      &:hover
+        color: #56D8FF
 
 /************************************/