diff --git a/.vitepress/config/en.ts b/.vitepress/config/en.ts
index 8a726b1..639ee61 100644
--- a/.vitepress/config/en.ts
+++ b/.vitepress/config/en.ts
@@ -212,7 +212,7 @@ function getNav(): DefaultTheme.NavItem[] {
},
{
text: "User manual",
- link: "/manuals/guides/getting-started",
+ link: "/manuals/guides/getting-started/",
activeMatch: "/manuals/",
},
{
diff --git a/.vitepress/config/hooks/generateOgImages.ts b/.vitepress/config/hooks/generateOgImages.ts
index d6a6469..1a8e886 100644
--- a/.vitepress/config/hooks/generateOgImages.ts
+++ b/.vitepress/config/hooks/generateOgImages.ts
@@ -15,20 +15,20 @@ async function generateOgImages(config: SiteConfig) {
const fonts: SatoriOptions["fonts"] = [
{
- name: "Roboto",
- data: await readFile(resolve(__fonts, "Roboto-Regular.ttf")),
+ name: "Montserrat",
+ data: await readFile(resolve(__fonts, "Montserrat-Regular.ttf")),
weight: 400,
style: "normal",
},
{
- name: "Roboto",
- data: await readFile(resolve(__fonts, "Roboto-Medium.ttf")),
+ name: "Montserrat",
+ data: await readFile(resolve(__fonts, "Montserrat-Medium.ttf")),
weight: 500,
style: "normal",
},
{
- name: "Roboto",
- data: await readFile(resolve(__fonts, "Roboto-Bold.ttf")),
+ name: "Montserrat",
+ data: await readFile(resolve(__fonts, "Montserrat-Bold.ttf")),
weight: 700,
style: "normal",
},
diff --git a/.vitepress/theme/components/Feature.vue b/.vitepress/theme/components/Feature.vue
index 75ebc4f..c244b9c 100644
--- a/.vitepress/theme/components/Feature.vue
+++ b/.vitepress/theme/components/Feature.vue
@@ -1,6 +1,5 @@
@@ -10,6 +11,7 @@ const { frontmatter: fm } = useData()
{{ data.tagline }}
@@ -47,9 +44,6 @@ defineProps<{ section { padding: 42px 32px; - background: var(--vp-c-bg-soft); - border-radius: var(--vp-border-radius); - margin: 48px 96px; } #hero { @@ -58,10 +52,9 @@ section { } .title { - font-size: 76px; - line-height: 1.25; - font-weight: 900; - letter-spacing: -1.5px; + font-size: 48px; + line-height: 52px; + font-weight: 500; max-width: 1340px; margin: 0px auto; } @@ -74,22 +67,13 @@ html:not(.dark) .accent, -webkit-text-fill-color: transparent; } -.text { - font-size: 54px; - line-height: 1.25; - font-weight: 900; - letter-spacing: -1.5px; - max-width: 1340px; - margin: 0px auto; -} - .description { - max-width: 1340px; + max-width: 576px; line-height: 1.5; color: var(--vt-c-text-2); transition: color 0.5s; - font-size: 22px; - margin: 24px auto 40px; + font-size: 17px; + margin: 24px 0; } .actions { @@ -109,15 +93,11 @@ html:not(.dark) .accent, font-size: 64px; letter-spacing: -0.5px; } - .description { - font-size: 18px; - margin-bottom: 48px; - } } @media (max-width: 768px) { - section { - margin: 24px; + #hero { + padding: 48px; } .tagline { font-size: 48px; @@ -126,9 +106,6 @@ html:not(.dark) .accent, } @media (max-width: 576px) { - section { - margin: 24px; - } #hero { padding: 56px 32px; } diff --git a/.vitepress/theme/components/OgImageTemplate.vue b/.vitepress/theme/components/OgImageTemplate.vue index 2995add..018ca87 100644 --- a/.vitepress/theme/components/OgImageTemplate.vue +++ b/.vitepress/theme/components/OgImageTemplate.vue @@ -10,10 +10,63 @@ defineProps<{ title: string; description?: string; dir?: string }>()
-
-
- Cross-platform desktop application for downloading manga from various services. Allows you to search for manga and download it to the CBZ comic archives
- View on GitHub -
-A Java/Kotlin library that allows you to scrape manga from various online services and create your own applications for reading or downloading manga. It supports Android but does not depend on it, so it can be also used in pure Kotlin/JVM projects.
- Read more -