diff --git a/docs/assets/images/sponsor/arcadia-dark.png b/docs/assets/images/sponsor/arcadia-dark.png new file mode 100644 index 00000000..c5578ebb Binary files /dev/null and b/docs/assets/images/sponsor/arcadia-dark.png differ diff --git a/docs/assets/images/sponsor/arcadia-light.png b/docs/assets/images/sponsor/arcadia-light.png new file mode 100644 index 00000000..ab7c135d Binary files /dev/null and b/docs/assets/images/sponsor/arcadia-light.png differ diff --git a/docs/assets/images/sponsor/ifdian.png b/docs/assets/images/sponsor/ifdian.png new file mode 100644 index 00000000..de4d118a Binary files /dev/null and b/docs/assets/images/sponsor/ifdian.png differ diff --git a/docs/sponsor/index.md b/docs/sponsor/index.md new file mode 100644 index 00000000..88f09651 --- /dev/null +++ b/docs/sponsor/index.md @@ -0,0 +1,15 @@ +--- +hide: + - navigation + - toc + - feedback + - footer +--- + +# 成为赞助商 + + + +> 点击按钮前往查看爱发电主页上的说明并与作者取得联系 diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index 2d9170fc..aef4514c 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -1,53 +1,115 @@ :root { - --md-text-font: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Segoe UI", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --md-code-font: "SF Mono"; + --md-text-font: system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', 'Segoe UI', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; + --md-code-font: 'SF Mono'; --md-primary-fg-color--light: hsl(0, 0%, 100%, 0.33); --md-default-bg-color--light: #ffffff; - --md-default-bg-color--dark: hsla(var(--md-hue),15%,14%,1); + --md-default-bg-color--dark: hsla(var(--md-hue), 15%, 14%, 1); } + .md-header { background-color: hsla(240, 9%, 75%, 0.33); backdrop-filter: blur(8px); } + [data-md-color-scheme='slate'] .md-header { - background-color: hsla(240, 4%,11%, 0.33); + background-color: hsla(240, 4%, 11%, 0.33); } + .md-tabs { background-color: hsla(240, 9%, 75%, 0.33); } + [data-md-color-scheme='slate'] .md-tabs { - background-color: hsla(240, 4%,11%, 0.33); + background-color: hsla(240, 4%, 11%, 0.33); } + @font-face { - font-family: "SF Mono"; + font-family: 'SF Mono'; src: url('./fonts/SF-Mono-Regular.otf'); } + @keyframes heart { + 0%, 40%, 80%, 100% { transform: scale(1); } + 20%, 60% { transform: scale(1.15); } } + .heart { animation: heart 1000ms infinite; } + .md-tabs__link { - font-size: .8rem !important; + font-size: 0.8rem !important; font-weight: 600 !important; } + .md-typeset { font-size: 16px; } -.md-typeset .emojione, .md-typeset .gemoji, .md-typeset .twemoji { + +.md-typeset .emojione, +.md-typeset .gemoji, +.md-typeset .twemoji { height: 100%; vertical-align: -0.2em !important; } + .md-typeset .middle { vertical-align: -0.35em !important; } + +.md-nav__sponsor-bottom { + margin-top: 2rem; + padding-top: 1rem; + border-top: 1px solid var(--md-default-fg-color--lightest); +} + +.md-nav__sponsor-bottom .sponsor-label { + font-size: 0.8rem; + text-align: center; + margin-bottom: 0.2rem; + color: var(--md-default-fg-color); +} + +.md-nav__sponsor-bottom .sponsor-wrapper { + width: 100%; + padding: 0.5rem 0; +} + +.md-nav__sponsor-bottom .sponsor-item { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + text-align: center; + padding: 1rem; + border-radius: 5px; + transition: background-color 0.2s; + height: 80px; + max-height: 80px; +} + +.md-nav__sponsor-bottom .sponsor-item:hover { + background-color: var(--md-code-bg-color); +} + +.md-nav__sponsor-bottom .sponsor-item img { + max-width: 100%; + height: auto; + vertical-align: middle; +} + +@media screen and (max-width: 768px) { + .md-nav__sponsor-bottom { + display: none; + } +} \ No newline at end of file diff --git a/docs/theme/partials/toc.html b/docs/theme/partials/toc.html new file mode 100644 index 00000000..f4686f50 --- /dev/null +++ b/docs/theme/partials/toc.html @@ -0,0 +1,28 @@ +