diff --git a/docs/.vuepress/client.ts b/docs/.vuepress/client.ts index e1ea04bef..30ba8ecf6 100644 --- a/docs/.vuepress/client.ts +++ b/docs/.vuepress/client.ts @@ -2,7 +2,6 @@ import { defineClientConfig } from '@vuepress/client' import MyLayout from './theme/layouts/Layout.vue' export default defineClientConfig({ - enhance({ router }) { router.addRoute('/', { path: '/ads.txt', diff --git a/docs/.vuepress/config.ts b/docs/.vuepress/config.ts index eb2eaa6fd..fdcc14816 100644 --- a/docs/.vuepress/config.ts +++ b/docs/.vuepress/config.ts @@ -33,7 +33,21 @@ export default defineUserConfig({ docsDir: 'docs', docsBranch: 'master', sidebarDepth: 6, - sidebar: [...getGuideSidebar()] + sidebar: [...getGuideSidebar()], + navbar: [ + { + text: 'Guide', + link: '/' + }, + { + text: 'Sponsor', + link: '/support/' + }, + { + text: 'Twitter', + link: 'https://twitter.com/intent/user?screen_name=kirorisk' + } + ] }) }) diff --git a/docs/.vuepress/public/assets/img/github-black.svg b/docs/.vuepress/public/assets/img/github-black.svg new file mode 100644 index 000000000..64208cd32 --- /dev/null +++ b/docs/.vuepress/public/assets/img/github-black.svg @@ -0,0 +1,11 @@ + diff --git a/docs/.vuepress/public/assets/img/github-white.svg b/docs/.vuepress/public/assets/img/github-white.svg new file mode 100644 index 000000000..061db369e --- /dev/null +++ b/docs/.vuepress/public/assets/img/github-white.svg @@ -0,0 +1,17 @@ + diff --git a/docs/.vuepress/public/assets/img/github.svg b/docs/.vuepress/public/assets/img/github.svg deleted file mode 100644 index 026d4c9a3..000000000 --- a/docs/.vuepress/public/assets/img/github.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/docs/.vuepress/public/assets/img/twitter-black.svg b/docs/.vuepress/public/assets/img/twitter-black.svg new file mode 100644 index 000000000..62668d118 --- /dev/null +++ b/docs/.vuepress/public/assets/img/twitter-black.svg @@ -0,0 +1,11 @@ + diff --git a/docs/.vuepress/public/assets/img/twitter-white.svg b/docs/.vuepress/public/assets/img/twitter-white.svg new file mode 100644 index 000000000..e9d6d09c5 --- /dev/null +++ b/docs/.vuepress/public/assets/img/twitter-white.svg @@ -0,0 +1,17 @@ + diff --git a/docs/.vuepress/public/assets/img/twitter.svg b/docs/.vuepress/public/assets/img/twitter.svg deleted file mode 100644 index bfe48affa..000000000 --- a/docs/.vuepress/public/assets/img/twitter.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/docs/.vuepress/styles/index.scss b/docs/.vuepress/styles/index.scss new file mode 100644 index 000000000..f66b0a62a --- /dev/null +++ b/docs/.vuepress/styles/index.scss @@ -0,0 +1,69 @@ +@import url('https://use.fontawesome.com/releases/v5.7.1/css/all.css'); +@import url('https://fonts.bunny.net/css?family=dosis:500|inconsolata:200|roboto:400,500,700|roboto-mono:400|source-sans-pro:300,400,600'); + +body { + font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; +} + +.navbar .site-name { + font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; + font-weight: normal !important; + + &.can-hide { + display: inline-block !important; + } +} + +.navbar .home-link:hover { + .logo { + animation: spin 0.5s ease-in-out 1 !important; + } +} + +.navbar .logo { + margin-right: 0.4rem !important; +} + +@keyframes spin { + 50% { + transform: rotate(180deg) scale(1.2); + } + + to { + transform: rotate(180deg) scale(1); + } +} + +h2 { + padding-bottom: 1rem; + border-bottom: none; +} + +// Twitter +nav > div:nth-child(3) > a { + background-image: url(/assets/img/twitter-black.svg); + background-repeat: no-repeat; + height: 20px; + display: flex; + align-items: center; + padding-left: 30px; /* width of the image plus a little extra padding */ +} + +.dark nav > div:nth-child(3) > a { + background-image: url(/assets/img/twitter-white.svg); +} + +// Github +nav > div:nth-child(4) > a { + background-image: url(/assets/img/github-black.svg); + background-repeat: no-repeat; + height: 20px; + display: flex; + fill: #ffffff; + align-items: center; + padding-left: 30px; /* width of the image plus a little extra padding */ +} + +.dark nav > div:nth-child(4) > a { + background-image: url(/assets/img/github-white.svg); +} diff --git a/docs/.vuepress/styles/index.styl b/docs/.vuepress/styles/index.styl deleted file mode 100644 index fe553d804..000000000 --- a/docs/.vuepress/styles/index.styl +++ /dev/null @@ -1,383 +0,0 @@ -@import url("https://use.fontawesome.com/releases/v5.7.1/css/all.css") -@import url("https://fonts.googleapis.com/css2?family=Dosis:wght@500&family=Inconsolata&display=swap") - -/* cyrillic-ext */ -@font-face { - font-family: 'Roboto Mono'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Roboto Mono'), local('RobotoMono-Regular'), - url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2) - format('woff2'); - unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, - U+FE2E-FE2F; -} -/* cyrillic */ -@font-face { - font-family: 'Roboto Mono'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Roboto Mono'), local('RobotoMono-Regular'), - url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2) - format('woff2'); - unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; -} -/* greek-ext */ -@font-face { - font-family: 'Roboto Mono'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Roboto Mono'), local('RobotoMono-Regular'), - url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2) - format('woff2'); - unicode-range: U+1F00-1FFF; -} -/* greek */ -@font-face { - font-family: 'Roboto Mono'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Roboto Mono'), local('RobotoMono-Regular'), - url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2) - format('woff2'); - unicode-range: U+0370-03FF; -} -/* vietnamese */ -@font-face { - font-family: 'Roboto Mono'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Roboto Mono'), local('RobotoMono-Regular'), - url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2) - format('woff2'); - unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, - U+01AF-01B0, U+1EA0-1EF9, U+20AB; -} -/* latin-ext */ -@font-face { - font-family: 'Roboto Mono'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Roboto Mono'), local('RobotoMono-Regular'), - url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2) - format('woff2'); - unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, - U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; -} -/* latin */ -@font-face { - font-family: 'Roboto Mono'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Roboto Mono'), local('RobotoMono-Regular'), - url(https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2) - format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, - U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, - U+FEFF, U+FFFD; -} -/* cyrillic-ext */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 300; - font-display: swap; - src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhdu3cOWxy40.woff2) - format('woff2'); - unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, - U+FE2E-FE2F; -} -/* cyrillic */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 300; - font-display: swap; - src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxdu3cOWxy40.woff2) - format('woff2'); - unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; -} -/* greek-ext */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 300; - font-display: swap; - src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxdu3cOWxy40.woff2) - format('woff2'); - unicode-range: U+1F00-1FFF; -} -/* greek */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 300; - font-display: swap; - src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBdu3cOWxy40.woff2) - format('woff2'); - unicode-range: U+0370-03FF; -} -/* vietnamese */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 300; - font-display: swap; - src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBdu3cOWxy40.woff2) - format('woff2'); - unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, - U+01AF-01B0, U+1EA0-1EF9, U+20AB; -} -/* latin-ext */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 300; - font-display: swap; - src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRdu3cOWxy40.woff2) - format('woff2'); - unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, - U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; -} -/* latin */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 300; - font-display: swap; - src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu3cOWxw.woff2) - format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, - U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, - U+FEFF, U+FFFD; -} -/* cyrillic-ext */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lujVj9_mf.woff2) - format('woff2'); - unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, - U+FE2E-FE2F; -} -/* cyrillic */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lujVj9_mf.woff2) - format('woff2'); - unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; -} -/* greek-ext */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lujVj9_mf.woff2) - format('woff2'); - unicode-range: U+1F00-1FFF; -} -/* greek */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lujVj9_mf.woff2) - format('woff2'); - unicode-range: U+0370-03FF; -} -/* vietnamese */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lujVj9_mf.woff2) - format('woff2'); - unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, - U+01AF-01B0, U+1EA0-1EF9, U+20AB; -} -/* latin-ext */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lujVj9_mf.woff2) - format('woff2'); - unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, - U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; -} -/* latin */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7lujVj9w.woff2) - format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, - U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, - U+FEFF, U+FFFD; -} -/* cyrillic-ext */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 600; - font-display: swap; - src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhdu3cOWxy40.woff2) - format('woff2'); - unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, - U+FE2E-FE2F; -} -/* cyrillic */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 600; - font-display: swap; - src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxdu3cOWxy40.woff2) - format('woff2'); - unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; -} -/* greek-ext */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 600; - font-display: swap; - src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxdu3cOWxy40.woff2) - format('woff2'); - unicode-range: U+1F00-1FFF; -} -/* greek */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 600; - font-display: swap; - src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBdu3cOWxy40.woff2) - format('woff2'); - unicode-range: U+0370-03FF; -} -/* vietnamese */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 600; - font-display: swap; - src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBdu3cOWxy40.woff2) - format('woff2'); - unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, - U+01AF-01B0, U+1EA0-1EF9, U+20AB; -} -/* latin-ext */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 600; - font-display: swap; - src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRdu3cOWxy40.woff2) - format('woff2'); - unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, - U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; -} -/* latin */ -@font-face { - font-family: 'Source Sans Pro'; - font-style: normal; - font-weight: 600; - font-display: swap; - src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), - url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu3cOWxw.woff2) - format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, - U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, - U+FEFF, U+FFFD; -} - -body { - font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; -} - -.navbar .site-name { - font-family: "Dosis", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; - font-weight: normal !important; - - &.can-hide { - display: inline-block !important; - } -} - -.navbar .home-link:hover { - .logo { - animation: spin .5s ease-in-out 1 !important; - } -} - -.navbar .logo { - margin-right: .4rem !important; -} - -@keyframes spin { - 50% { - transform: rotate(180deg) scale(1.2) - } - - to { - transform: rotate(180deg) scale(1) - } -} - -h2 { - padding-bottom: 1rem; - border-bottom: none; -} - -// Twitter -nav.nav-links div:nth-child(3) a { - background-image: url(/assets/img/twitter.svg); - background-repeat: no-repeat; - padding-left: 30px; /* width of the image plus a little extra padding */ -} - -// Github -nav.nav-links div:nth-child(4) a { - background-image: url(/assets/img/github.svg); - background-repeat: no-repeat; - padding-left: 30px; /* width of the image plus a little extra padding */ -} \ No newline at end of file