diff --git a/src/.vuepress/public/assets/home_library-dark.png b/src/.vuepress/public/assets/home_library-dark.png new file mode 100644 index 00000000..100491c2 Binary files /dev/null and b/src/.vuepress/public/assets/home_library-dark.png differ diff --git a/src/.vuepress/public/assets/home_library-light.png b/src/.vuepress/public/assets/home_library-light.png new file mode 100644 index 00000000..58c24977 Binary files /dev/null and b/src/.vuepress/public/assets/home_library-light.png differ diff --git a/src/.vuepress/public/assets/home_reader-dark.png b/src/.vuepress/public/assets/home_reader-dark.png new file mode 100644 index 00000000..ae7d8c82 Binary files /dev/null and b/src/.vuepress/public/assets/home_reader-dark.png differ diff --git a/src/.vuepress/public/assets/home_reader-light.png b/src/.vuepress/public/assets/home_reader-light.png new file mode 100644 index 00000000..89fcebdb Binary files /dev/null and b/src/.vuepress/public/assets/home_reader-light.png differ diff --git a/src/.vuepress/public/assets/home_tracking-dark.png b/src/.vuepress/public/assets/home_tracking-dark.png new file mode 100644 index 00000000..7db37725 Binary files /dev/null and b/src/.vuepress/public/assets/home_tracking-dark.png differ diff --git a/src/.vuepress/public/assets/home_tracking-light.png b/src/.vuepress/public/assets/home_tracking-light.png new file mode 100644 index 00000000..468e3b9a Binary files /dev/null and b/src/.vuepress/public/assets/home_tracking-light.png differ diff --git a/src/.vuepress/theme/components/Home.vue b/src/.vuepress/theme/components/Home.vue index e1b28cd0..74c13931 100644 --- a/src/.vuepress/theme/components/Home.vue +++ b/src/.vuepress/theme/components/Home.vue @@ -41,6 +41,18 @@

{{ feature.title }}

{{ feature.details }}

+
+ Feature image (Dark theme) + Feature image (Light theme) +
@@ -174,6 +186,24 @@ export default { color $textColor p color $textColorLight + &__Animation + display block + position relative + &--light + &--dark + border-radius 6px + max-height 38em + max-width 100% + margin-left auto + margin-right auto + left 0 + right 0 + &--light + animation fade 2s ease-in-out 2s infinite alternate + box-shadow 0 10px 50px 0px #ddd + &--dark + position absolute + box-shadow 0 10px 50px 0px #ddd footer position relative .footer @@ -202,6 +232,16 @@ export default { width 1em height 1em +@keyframes fade + 0% + opacity 1 + 25% + opacity 1 + 75% + opacity 0 + 100% + opacity 0 + @media (max-width: $MQNarrow) .home .feature diff --git a/src/README.md b/src/README.md index c17bb81d..df449b63 100644 --- a/src/README.md +++ b/src/README.md @@ -10,10 +10,13 @@ buttonDownloadLink: /download/ buttonGuides: User Guide buttonGuidesLink: /help/guides/getting-started features: - - title: Tracking - details: Automatically keep track of your manga with MyAnimeList, AniList, Kitsu, Shikimori, and Bangumi - title: Extensions details: Online and offline reading from hundred of different sources + image: library + - title: Tracking + details: Automatically keep track of your manga with MyAnimeList, AniList, Kitsu, Shikimori, and Bangumi + image: tracking - title: Customization details: A configurable reader with multiple reading modes, custom color filters, and other settings + image: reader ---