diff --git a/source/index.md b/source/index.md index e5f4469e1a..5fde3b3fbb 100644 --- a/source/index.md +++ b/source/index.md @@ -28,14 +28,14 @@ comments: false

One-Command Deployment

-

You only need one command to deploy your site to GitHub Pages, Heroku or other platforms.

+

You only need one command to deploy your site to GitHub Pages, Heroku, Netlify, Vercel or other platforms.

  • Plugins

    -

    Features powerful APIs for limitless extensibility. Various plugins are available to support most template engines (EJS, Pug, Nunjucks, and many others). Easily integrate with existing NPM packages (Babel, PostCSS, Less/Sass, etc).

    +

    Various plugins are available to generate sitemap and RSS, insert player for audio or video, intergrate search engine and support most template engines.

  • diff --git a/themes/navy/languages/en.yml b/themes/navy/languages/en.yml index 6805439d7d..e5c57a1310 100644 --- a/themes/navy/languages/en.yml +++ b/themes/navy/languages/en.yml @@ -11,6 +11,10 @@ index: get_started: Get started theme_intro: Choose from a huge library of spectacular, feature-packed and customizable themes. Create your own using any compatible template engines. theme_link: Explore themes + plugin_intro_title: Powerful API + plugin_intro: Features powerful APIs for limitless extensibility. Easily integrate with your existing toolchains (Babel, UglifyJS, PostCSS, HTMLMinifier and many others). + plugin_link: Explore Plugins + api_link: View API docs page: contents: Contents @@ -74,4 +78,4 @@ sidebar: migrator: Migrator processor: Processor renderer: Renderer - tag: Tag \ No newline at end of file + tag: Tag diff --git a/themes/navy/layout/index.njk b/themes/navy/layout/index.njk index 4b4ff5eb96..ea22f0aab0 100644 --- a/themes/navy/layout/index.njk +++ b/themes/navy/layout/index.njk @@ -57,3 +57,23 @@ + +
    +
    +
    +
    +
    + +
    +
    +
    +
    +

    {{ __('index.plugin_intro_title') }}

    +

    {{ __('index.plugin_intro') }}

    + {{ __('index.plugin_link') }} + {{ __('index.api_link') }} +
    +
    +
    +
    +
    \ No newline at end of file diff --git a/themes/navy/source/css/_partial/index.styl b/themes/navy/source/css/_partial/index.styl index f1ad1a13d6..e920b31f0a 100644 --- a/themes/navy/source/css/_partial/index.styl +++ b/themes/navy/source/css/_partial/index.styl @@ -4,6 +4,7 @@ #banner-title, .theme-intro-title +.plugin-intro-title line-height: 1.15 font-weight: 300 font-family: font-title @@ -17,6 +18,7 @@ padding-top: 100px .theme-intro-title +.plugin-intro-title margin-bottom: 24px padding-top: 24px @media mq-normal @@ -167,6 +169,7 @@ #intro-get-started-link #theme-link +.plugin-link font-size: 18px font-family: font-title display: inline-block @@ -191,6 +194,13 @@ background: @border-color color: lighten(color-navy, 10%) +.plugin-link + color: color-border + border-color: color-border + &:hover + background: @border-color + color: lighten(color-navy, 20%) + #theme-wrap background: lighten(color-navy, 10%) border-top: 1px solid #161d24 @@ -202,7 +212,16 @@ @media mq-normal padding: 96px 64px +#plugin-wrap + background: lighten(color-navy, 20%) + padding: 32px + @media mq-tablet + padding: 64px 64px + @media mq-normal + padding: 96px 64px + .theme-wrapper +.plugin-wrapper display: flex flex-wrap: wrap color: rgba(255, 255, 255, 0.8) @@ -213,21 +232,31 @@ order: 0 width: 50% +.plugin-thumbnail + width: 100% + @media mq-normal + order: 2 + width: 50% + .theme-thumbnail-container +.plugin-thumbnail-container margin-right: auto margin-left: auto width: 90% .theme-thumbnail img +.plugin-thumbnail img max-width: 100% box-shadow: 6px 6px 12px 0 rgba(0,0,0,.4) .theme-intro +.plugin-intro width: 100% @media mq-normal width: 50% .theme-intro-container +.plugin-intro-container margin-right: auto margin-left: auto text-align: center @@ -235,6 +264,7 @@ width: 80% .theme-intro-text +.plugin-intro-text color: rgba(255, 255, 255, 0.6) line-height: 1.5 font-size: 16px