lostecho/everyone-can-use-english
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Package: add 1000-hours repo in workspace (#337)

Browse Source 
* add 1000-hours repo in workspace

* update README
This commit is contained in:
an-lee
2024-02-20 15:40:18 +08:00
committed by GitHub
parent 66bad2002c
commit dab09ea644
385 changed files with 21653 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

201
1000-hours/.vitepress/config.mts Normal file
View File

@@ -0,0 +1,201 @@
import { defineConfig } from 'vitepress'
import { withMermaid } from 'vitepress-plugin-mermaid'
import footnote from 'markdown-it-footnote'
import sup from 'markdown-it-sup'
import sub from 'markdown-it-sub'
import mark from 'markdown-it-mark'
import ins from 'markdown-it-ins'
// import markdownit from 'markdown-it'
export default withMermaid(
// https://vitepress.dev/reference/site-config
defineConfig({
title: "1000 小时",
description: "用注意力填满 1000 小时就能练成任何你需要的技能……",
head: [
[ 'script', { async: '', src: 'https://www.googletagmanager.com/gtag/js?id=G-Z2QZPX3T9W' } ],
[
'script', {},
`window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-Z2QZPX3T9W');`
],
['link', { rel: 'icon', href: '/images/clock.svg' }]
],
themeConfig: {
// https://vitepress.dev/reference/default-theme-config
nav: [
{ text: 'Home', link: '/' },
// { text: 'Examples', link: '/markdown-examples' }
],
search: {
// provider: 'local'
provider: 'algolia',
options: {
appId: 'QF5TVZ8TIO',
apiKey: '8dac3a5e27daaaf57efc72604ca08b98',
indexName: '1000h_prod'
}
},
sidebar: [
{
text: '简要说明', collapsed: true, link: '/intro',
items: [
{ text: '1. 要不要健脑？', link: '/why' },
{ text: '2. 什么最健脑？', link: '/what' },
]
},
{
text: '训练任务', collapsed: true,
items: [
{ text: '1. 启动任务', link: '/training-tasks/kick-off' },
{ text: '2. 训练方法', link: '/training-tasks/procedures' },
{
text: '3. 人工智能', collapsed: false, link: '/training-tasks/ai',
items: [
{ text: '3.1. 基础语言能力', link: '/training-tasks/language' },
{ text: '3.2. 成年人的困境', link: '/training-tasks/predicaments' },
{ text: '3.3. 人工智能辅助', link: '/training-tasks/revolution' },
{ text: '3.4. 任务并不高级', link: '/training-tasks/ground' },
{ text: '3.5. 效果非常惊人', link: '/training-tasks/wonder' },
]
},
{ text: '4. 意料之外', link: '/training-tasks/surprise' },
]
},
{
text: '语音塑造', collapsed: true,
items: [
{
text: '1. 基础', collapsed: true, link: '/sounds-of-english/01-basics',
items: [
{ text: '1.1. 音素', collapsed: true, link: '/sounds-of-english/01-phonemes',
items: [
{ text: '1.1.1. 元音', link: '/sounds-of-english/01-1-vowels' },
{ text: '1.1.2. 辅音', link: '/sounds-of-english/01-2-consonants' },
{ text: '1.1.3. 美式语音标注', link: '/sounds-of-english/01-3-us-phonemes' },
{ text: '1.1.4. 示例', link: '/sounds-of-english/01-4-pangram' }
]
},
{ text: '1.2. 音节', link: '/sounds-of-english/02-syllables' }
]
},
{
text: '2. 详解', collapsed: true, link: '/sounds-of-english/03-details',
items: [
{ text: '2.1. 元音', collapsed: false, link: '/sounds-of-english/03-vowels-overview',
items: [
{ text: '2.1.1. 口腔内气流共鸣位置', link: '/sounds-of-english/04-vowel-positions' },
{ text: '2.1.2. ʌ/ɑː', link: '/sounds-of-english/05-Ʌ' },
{ text: '2.1.3. e/æ', link: '/sounds-of-english/06-e' },
{ text: '2.1.4. ə/əː', link: '/sounds-of-english/07-ə' },
{ text: '2.1.5. ɪ/iː', link: '/sounds-of-english/08-i' },
{ text: '2.1.6. ʊ/uː', link: '/sounds-of-english/09-u' },
{ text: '2.1.7. ɔ/ɔː', link: '/sounds-of-english/10-ɔ' },
{ text: '2.1.8. aɪ, eɪ, ɔɪ, aʊ, əʊ, eə, ɪə, ʊə', link: '/sounds-of-english/11-aɪ' },
]
},
{ text: '2.2. 辅音', collapsed: false, link: '/sounds-of-english/12-consonants-overview',
items: [
{ text: '2.2.1. p, b, m, n, f, k, g, h', link: '/sounds-of-english/13-pbmnfkgh' },
{ text: '2.2.2. f, v', link: '/sounds-of-english/14-fv' },
{ text: '2.2.3. m, n, ŋ', link: '/sounds-of-english/15-mn' },
{ text: '2.2.4. t, d, s, z; ʃ, tʃ, dʒ', link: '/sounds-of-english/16-tdsz' },
{ text: '2.2.5. t, d', link: '/sounds-of-english/17-td' },
{ text: '2.2.6. tr, dr, ts, dz', link: '/sounds-of-english/18-trdr' },
{ text: '2.2.7. sp, st, sk', link: '/sounds-of-english/19-sptk' },
{ text: '2.2.8. h', link: '/sounds-of-english/20-h' },
{ text: '2.2.9. θ, ð', link: '/sounds-of-english/21-θð' },
{ text: '2.2.10. r', link: '/sounds-of-english/22-r' },
{ text: '2.2.11. l', link: '/sounds-of-english/23-l' },
{ text: '2.2.12. ʒ', link: '/sounds-of-english/24-ʒ' },
{ text: '2.2.13. j, w', link: '/sounds-of-english/25-jw' },
]
},
{ text: '2.3. 连读', link: '/sounds-of-english/26-catenation' },
{ text: '2.4. 音标学习', link: '/sounds-of-english/27-learning-phonetics' },
{ text: '2.4. 英美口音选择', link: '/sounds-of-english/28-choosing-accent' },
]
},
{
text: '3. 进阶', collapsed: true, link: '/sounds-of-english/29-advanced',
items: [
{ text: '3.1 什么更重要？', link: '/sounds-of-english/30-more-important' },
{ text: '3.2 停顿', link: '/sounds-of-english/31-pause' },
{ text: '3.3 高低', link: '/sounds-of-english/32-high-low' },
{ text: '3.4 起伏', link: '/sounds-of-english/33-up-down' },
{ text: '3.5 轻重', link: '/sounds-of-english/34-strong-weak' },
{ text: '3.6 缓急', link: '/sounds-of-english/35-fast-slow' },
]
},
{
text: '4. 收官', collapsed: true, link: '/sounds-of-english/36-round-up',
items: [
{ text: '4.1 流利', link: '/sounds-of-english/37-fluent' },
{ text: '4.2 情绪', link: '/sounds-of-english/38-emotional' },
]
}
]
},
{
text: '大脑内部', collapsed: true,
items: [
{ text: '1. 小空间大世界', link: '/in-the-brain/01-inifinite' },
{ text: '2. 一切都是连接', link: '/in-the-brain/02-links' },
{ text: '3. 一切都是体育课', link: '/in-the-brain/03-sports' },
{ text: '4. 一切都是语文课', link: '/in-the-brain/04-literature' },
{ text: '5. 一切都需要能量', link: '/in-the-brain/05-energy' },
{ text: '6. 用进废退循环利用', link: '/in-the-brain/06-use-or-lose' },
{ text: '7. 短时间内足量重复', link: '/in-the-brain/07-repitition' },
{ text: '8. 新旧网络间的竞争', link: '/in-the-brain/08-compitition' },
{ text: '9. 注意不到就不存在', link: '/in-the-brain/09-unnoticed' },
{ text: '10. 熟练就是卸载负担', link: '/in-the-brain/10-unloading' },
{ text: '11. 被关注是最大负担', link: '/in-the-brain/11-burden' },
{ text: '12. 有限排它不可再生', link: '/in-the-brain/12-unreproducible' },
{ text: '13. 一切都是化学反应', link: '/in-the-brain/13-chemical' },
{ text: '14. 安全阈值决定成果', link: '/in-the-brain/14-threshold' },
]
},
{
text: '自我训练', collapsed: true, link: `/self-training/00-intro`,
items: [
{ text: '1. 用兵打仗', link: '/self-training/01-fight' },
{ text: '2. 只能自学', link: '/self-training/02-last-resort' },
{ text: '3. 生学硬练', link: '/self-training/03-trials-and-errors' },
{ text: '4. 走出迷宫', link: '/self-training/04-maze' },
{ text: '5. 自我纠正', link: '/self-training/05-correction' },
{ text: '6. 自主驱动', link: '/self-training/06-motives' },
{ text: '7. 自我鼓励', link: '/self-training/07-encouraging' },
{ text: '8. 自我监督', link: '/self-training/08-supervising' },
{ text: '9. 自主计划', link: '/self-training/09-planning' },
{ text: '10. 返璞归真', link: '/self-training/10-going-back' },
]
},
],
socialLinks: [
{ icon: 'github', link: 'https://github.com/xiaolai/everyone-can-use-english/1000-hours' }
]
},
markdown: {
// https://vitepress.dev/reference/markdown
math: true,
config: (md) => {
// use more markdown-it plugins!
md.use(footnote)
md.use(sub)
md.use(sup)
md.use(mark)
md.use(ins)
},
// toc: {
// level: [2, 3, 4]
// }
}
})
);

66
1000-hours/.vitepress/theme/components/SpeakWord.scss Normal file
View File

@@ -0,0 +1,66 @@
.speak-word {
display: flex;
align-items: center;
gap: 0.5rem;
border-top: 1px solid #d87676;
padding: 8px 0;
.ctrl {
display: flex;
align-items: center;
}
.ctrl-part {
display: flex;
align-items: center;
}
.ctrl .divider {
width: 1px;
height: 24px;
background-color: rgba(0, 0, 0, 0.1);
margin: 0 16px 0 6px;
}
.accent-label {
margin-right: 4px;
opacity: 0.7;
text-transform: uppercase;
font-size: 16px;
}
.word {
font-size: 16px;
font-weight: bold;
color: #af4c4c;
}
audio {
display: none;
}
.spacer {
flex-grow: 1;
}
.pos {
opacity: 0.7;
font-size: 16px;
}
.play-button {
border: none;
border-radius: 4rem;
padding: 0;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 28px;
cursor: pointer;
height: 28px;
width: 48px;
display: flex;
align-items: center;
.icon {
cursor: pointer;
opacity: 0.7;
height: 14px;
width: 14px;
}
}
}
.speak-word:last-child {
border-bottom: 1px solid #d87676;
}

99
1000-hours/.vitepress/theme/components/SpeakWord.vue Normal file
View File

@@ -0,0 +1,99 @@
<template>
<div class="speak-word">
<div class="word" >
{{ props.word }}
</div>
<div v-if="pos" class="pos">
{{ props.pos }}
</div>
<div class="spacer"></div>
<div class="ctrl">
<div class="ctrl-part" :class="item.label" v-for="item, ix in audios" :key="`audio-${ix}`">
<div v-if="ix !== 0" class="divider"></div>
<button class="play-button" :class="item.label" @click="playAudio(item.label)">
<span class="accent-label">{{ item.label }}</span>
<img :src="svgUrl(item.label)" class="icon" alt="sound" />
</button>
<audio class="audio" :class="item.label" :src="item.audio" controls="false" ></audio>
</div>
</div>
</div>
</template>
<script setup lang="ts">
import { computed, onMounted, ref } from "vue";
import { getAudioPath } from "../data";
const props = defineProps({
word: {
type: String,
required: true,
},
audioUs: {
type: String,
},
audioUk: {
type: String,
},
audioOther: {
type: String,
},
pos: {
type: String,
},
});
const svgUrl = (accent) => {
if (accent === 'uk') {
return '/images/speaker-brown.svg';
} else if (accent === 'us') {
return '/images/speaker-blue.svg';
}
return '/images/speaker-black.svg';
}
const audioPathUS = computed(() => {
if (props.audioUs) {
return props.audioUs;
}
return getAudioPath(props.word, "us")
});
const audioPathUK = computed(() => {
if (props.audioUk) {
return props.audioUk;
}
return getAudioPath(props.word, "uk")
});
const audioPathOther = computed(() => {
if (props.audioUk) {
return props.audioUk;
}
return getAudioPath(props.word, "other")
});
const audios = computed(() => {
const ret:any = [];
if (audioPathUS.value) {
ret.push({ label: 'us', audio: audioPathUS.value});
}
if (audioPathUK.value) {
ret.push({ label: 'uk', audio: audioPathUK.value});
}
if (audioPathOther.value) {
ret.push({ label: 'other', audio: audioPathOther.value});
}
return ret;
});
function playAudio(accent) {
const audioEl:any = document.querySelector(`audio.${accent}`);
audioEl.play();
}
</script>
<style lang="scss" scoped>
@import url(./SpeakWord.scss);
</style>

142
1000-hours/.vitepress/theme/components/SpeakWordInlineConverter.vue Normal file
View File

@@ -0,0 +1,142 @@
<script setup>
import { onMounted, watch } from "vue";
import { useRouter } from 'vitepress';
const router = useRouter();
watch(() => router.route.data.relativePath, (newVal, oldVal) => {
if (newVal !== oldVal) {
setTimeout(() => {
buildSpeakWordInline();
console.log("route changed", newVal, oldVal);
}, 200);
}
}, { immediate: true });
function buildPlayButton(parent, accent, url) {
const labelEl = document.createElement('span');
labelEl.classList.add('accent-label');
labelEl.innerText = accent.toUpperCase();
const audioEl = document.createElement('audio');
audioEl.classList.add('audio')
audioEl.setAttribute('src', url)
audioEl.setAttribute('controls', 'false')
const iconEl = document.createElement('img');
iconEl.classList.add('icon');
let svg = '/images/speaker-black.svg';
if (accent === 'uk') {
svg = '/images/speaker-brown.svg';
} else if (accent === 'us') {
svg = '/images/speaker-blue.svg';
}
iconEl.setAttribute('src', svg)
iconEl.innerText = accent.toUpperCase();
const btnEl = document.createElement('button')
btnEl.classList.add('play-button')
btnEl.classList.add(accent);
btnEl.addEventListener('click', () => {
audioEl.play();
})
// btnEl.append(labelEl)
btnEl.append(iconEl)
btnEl.append(audioEl)
parent.append(btnEl)
}
function convertToInlineComponent(el) {
if (el.getAttribute('data-converted')) {
return;
}
const dataAudioUs = el.getAttribute('data-audio-us')
const dataAudioUk = el.getAttribute('data-audio-uk')
const dataAudioOther = el.getAttribute('data-audio-other')
console.log('inline component', dataAudioUs, dataAudioUk, dataAudioOther)
const wrapperEl = document.createElement('div')
wrapperEl.classList.add('speak-word-wrapper')
const canEl = document.createElement('div')
canEl.classList.add('speak-word')
canEl.classList.add('inline')
if (dataAudioUk || dataAudioUs || dataAudioOther) {
const ctrlEl = document.createElement('div')
ctrlEl.classList.add('ctrl')
const ctrlPartEl = document.createElement('div')
ctrlPartEl.classList.add('ctrl-part')
if (dataAudioUs) {
buildPlayButton(ctrlPartEl, 'us', dataAudioUs)
}
ctrlEl.append(ctrlPartEl);
const ctrlPartEl2 = document.createElement('div')
ctrlPartEl2.classList.add('ctrl-part')
if (dataAudioUk) {
buildPlayButton(ctrlPartEl2, 'uk', dataAudioUk)
}
ctrlEl.append(ctrlPartEl2);
const ctrlPartEl3 = document.createElement('div')
ctrlPartEl3.classList.add('ctrl-part')
if (dataAudioOther) {
buildPlayButton(ctrlPartEl3, 'other', dataAudioOther)
}
ctrlEl.append(ctrlPartEl3);
canEl.append(ctrlEl)
}
wrapperEl.append(canEl)
// insert at el's side
el.insertAdjacentElement('afterend', wrapperEl)
el.style.display = 'none'
el.setAttribute('data-converted', 'true')
}
function buildSpeakWordInline() {
const inlinePlayerEls = document.querySelectorAll('.speak-word-inline')
for (let i = 0; i < inlinePlayerEls.length; i += 1) {
convertToInlineComponent(inlinePlayerEls[i]);
}
}
</script>
<template>
</template>
<style lang="scss">
@import url(./SpeakWord.scss);
.speak-word-wrapper {
display: inline-block;
margin: 0px;
vertical-align: middle;
}
.speak-word.inline {
border: none;
display: flex;
padding: 0;
.word {
display: inline-block;
}
.ctrl-part {
.play-button {
display: flex;
width: 24px;
height: 24px;
align-items: center;
justify-content: center;
.icon {
width: 16px;
height: 16px;
}
}
.accent-label {
font-size: 14px;
display: inline-block;
color: white;
}
}
}
</style>

9
1000-hours/.vitepress/theme/components/icons/PlayCircleOutline.vue Normal file
View File

@@ -0,0 +1,9 @@
<template>
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m9.5 16.5l7-4.5l-7-4.5zM12 22q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12q0-3.35-2.325-5.675T12 4Q8.65 4 6.325 6.325T4 12q0 3.35 2.325 5.675T12 20m0-8"/></svg>
</template>
<script>
export default {
name: 'PlayCircleOutline'
}
</script>

5
1000-hours/.vitepress/theme/components/icons/index.ts Normal file
View File

@@ -0,0 +1,5 @@
import PlayCircleOutline from './PlayCircleOutline.vue'
export {
PlayCircleOutline
}

13
1000-hours/.vitepress/theme/data/index.js Normal file
View File

@@ -0,0 +1,13 @@
function getAudioPath(word, accent) {
word = word.toLowerCase();
accent = accent || 'us';
const item = mapping[word];
if (item && item[accent] && item[accent].length !== 0) {
return `/vendor/audios/${item[accent][0]}`
}
return '';
}
export {
getAudioPath
}

7
1000-hours/.vitepress/theme/font.scss Normal file
View File

@@ -0,0 +1,7 @@
@font-face {
font-family: 'Sauce Code Pro';
src: url('/fonts/SauceCodeProNerdFontMono-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

21
1000-hours/.vitepress/theme/index.ts Normal file
View File

@@ -0,0 +1,21 @@
// https://vitepress.dev/guide/custom-theme
import { h } from 'vue'
import type { Theme } from 'vitepress'
import DefaultTheme from 'vitepress/theme'
import SpeakWord from './components/SpeakWord.vue'
import MyLayout from './layouts/index.vue'
import './style.scss'
export default {
extends: DefaultTheme,
Layout: MyLayout,
// Layout: () => {
// return h(DefaultTheme.Layout, null, {
// // https://vitepress.dev/guide/extending-default-theme#layout-slots
// })
// },
enhanceApp({ app, router, siteData }) {
// ...
app.component('SpeakWord', SpeakWord)
}
} satisfies Theme

52
1000-hours/.vitepress/theme/layouts/index.vue Normal file
View File

@@ -0,0 +1,52 @@
<script setup>
import DefaultTheme from 'vitepress/theme'
import SpeakWordInlineConverter from '../components/SpeakWordInlineConverter.vue'
const { Layout } = DefaultTheme
</script>
<template>
<Layout>
<template #doc-after>
<ClientOnly>
<SpeakWordInlineConverter />
</ClientOnly>
</template>
</Layout>
</template>
<style lang="scss">
@import url(../components/SpeakWord.scss);
.speak-word-wrapper {
display: inline-block;
margin: 0px;
vertical-align: middle;
}
.speak-word.inline {
border: none;
display: flex;
padding: 0;
.word {
display: inline-block;
}
.ctrl-part {
.play-button {
display: flex;
width: 24px;
height: 24px;
align-items: center;
justify-content: center;
.icon {
width: 16px;
height: 16px;
}
}
.accent-label {
font-size: 14px;
display: inline-block;
color: white;
}
}
}
</style>

198
1000-hours/.vitepress/theme/style.scss Normal file
View File

@@ -0,0 +1,198 @@
/**
* Customize default theme styling by overriding CSS variables:
* https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css
*/
/**
* Colors
*
* Each colors have exact same color scale system with 3 levels of solid
* colors with different brightness, and 1 soft color.
*
* - `XXX-1`: The most solid color used mainly for colored text. It must
* satisfy the contrast ratio against when used on top of `XXX-soft`.
*
* - `XXX-2`: The color used mainly for hover state of the button.
*
* - `XXX-3`: The color for solid background, such as bg color of the button.
* It must satisfy the contrast ratio with pure white (#ffffff) text on
* top of it.
*
* - `XXX-soft`: The color used for subtle background such as custom container
* or badges. It must satisfy the contrast ratio when putting `XXX-1` colors
* on top of it.
*
* The soft color must be semi transparent alpha channel. This is crucial
* because it allows adding multiple "soft" colors on top of each other
* to create a accent, such as when having inline code block inside
* custom containers.
*
* - `default`: The color used purely for subtle indication without any
* special meanings attched to it such as bg color for menu hover state.
*
* - `brand`: Used for primary brand colors, such as link text, button with
* brand theme, etc.
*
* - `tip`: Used to indicate useful information. The default theme uses the
* brand color for this by default.
*
* - `warning`: Used to indicate warning to the users. Used in custom
* container, badges, etc.
*
* - `danger`: Used to show error, or dangerous message to the users. Used
* in custom container, badges, etc.
* -------------------------------------------------------------------------- */
@import url(./font.scss);
:root {
--vp-c-default-1: var(--vp-c-gray-1);
--vp-c-default-2: var(--vp-c-gray-2);
--vp-c-default-3: var(--vp-c-gray-3);
--vp-c-default-soft: var(--vp-c-gray-soft);
--vp-c-brand-1: var(--vp-c-indigo-1);
--vp-c-brand-2: var(--vp-c-indigo-2);
--vp-c-brand-3: var(--vp-c-indigo-3);
--vp-c-brand-soft: var(--vp-c-indigo-soft);
--vp-c-tip-1: var(--vp-c-brand-1);
--vp-c-tip-2: var(--vp-c-brand-2);
--vp-c-tip-3: var(--vp-c-brand-3);
--vp-c-tip-soft: var(--vp-c-brand-soft);
--vp-c-warning-1: var(--vp-c-yellow-1);
--vp-c-warning-2: var(--vp-c-yellow-2);
--vp-c-warning-3: var(--vp-c-yellow-3);
--vp-c-warning-soft: var(--vp-c-yellow-soft);
--vp-c-danger-1: var(--vp-c-red-1);
--vp-c-danger-2: var(--vp-c-red-2);
--vp-c-danger-3: var(--vp-c-red-3);
--vp-c-danger-soft: var(--vp-c-red-soft);
--vp-font-family-base: 'SF Pro SC','SF Pro Text','SF Pro Icons','PingFang SC','Helvetica Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Helvetica, Arial, sans-serif;
--vp-font-family-mono: 'Sauce Code Pro', 'Source Code Pro', 'Courier New', monospace;
--vp-c-text-strong: rgb(63 86 99);
--vp-c-text-em: rgb(91, 4, 17);
}
.dark {
--vp-c-text-strong: rgb(138, 183, 209);
--vp-c-text-em: rgb(187, 121, 131);
}
body {
font-size: 16px;
}
/**
* Component: Button
* -------------------------------------------------------------------------- */
:root {
--vp-button-brand-border: transparent;
--vp-button-brand-text: var(--vp-c-white);
--vp-button-brand-bg: var(--vp-c-brand-3);
--vp-button-brand-hover-border: transparent;
--vp-button-brand-hover-text: var(--vp-c-white);
--vp-button-brand-hover-bg: var(--vp-c-brand-2);
--vp-button-brand-active-border: transparent;
--vp-button-brand-active-text: var(--vp-c-white);
--vp-button-brand-active-bg: var(--vp-c-brand-1);
}
/**
* Component: Home
* -------------------------------------------------------------------------- */
:root {
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(
120deg,
#bd34fe 30%,
#41d1ff
);
--vp-home-hero-image-background-image: linear-gradient(
-45deg,
#bd34fe 50%,
#47caff 50%
);
--vp-home-hero-image-filter: blur(44px);
}
@media (min-width: 640px) {
:root {
--vp-home-hero-image-filter: blur(56px);
}
}
@media (min-width: 960px) {
:root {
--vp-home-hero-image-filter: blur(68px);
}
}
/**
* Component: Custom Block
* -------------------------------------------------------------------------- */
:root {
--vp-custom-block-tip-border: transparent;
--vp-custom-block-tip-text: var(--vp-c-text-1);
--vp-custom-block-tip-bg: var(--vp-c-brand-soft);
--vp-custom-block-tip-code-bg: var(--vp-c-brand-soft);
}
/**
* Component: Algolia
* -------------------------------------------------------------------------- */
.DocSearch {
--docsearch-primary-color: var(--vp-c-brand-1) !important;
}
.vp-doc {
p img, p video {
margin: 0 auto;
}
blockquote > p{
font-size: 16px;
}
.custom-block {
font-size: 16px;
}
strong, b {
color: var(--vp-c-text-strong);
font-weight: bold;
}
em, i {
color: var(--vp-c-text-em);
}
svg {
font-family: --vp-font-family-mono;
}
mjx-container {
display: inline-block;
margin: auto 1px -4px;
}
sup {
vertical-align: top;
position: relative;
top: -0.5em;
}
}