Tweaked header and hero area

This commit is contained in:
Lennart Ziburski
2018-02-27 14:08:26 +01:00
parent c69e9b47ec
commit eaf4380333
7 changed files with 100 additions and 91 deletions

View File

@ -1,6 +1,6 @@
---
hero:
headline: "Open source content management for your Git workflow"
headline: "Open source content management for your Git workflow"
subhead: "Use Netlify CMS with any static site generator for a faster and more flexible web project"
devfeatures:
- feature: "Static + content management = ♥"

View File

@ -7,6 +7,7 @@
<div class="hero-copy">
<h1 class="headline">{{ .Site.Data.landing.hero.headline | markdownify }}</h1>
<span class="subhead">{{ .Site.Data.landing.hero.subhead | markdownify }}</span>
<span class="cta-header">{{ .Site.Data.landing.cta.button | markdownify }}</span>
</div>
<div class="hero-features">
{{ range $index, $id := .Site.Data.landing.hero.devfeatures }}
@ -16,9 +17,9 @@
</div>
{{ end }}
</div>
<a href="#" class="hero-graphic">
<a class="hero-graphic">
<img src="/img/screenshot-editor.jpg" class="responsive"/>
<span class="hero-videolink">&#x25b6; Watch how to get started in just over 2 minutes</span>
<div class="hero-videolink">&#x25b6;</div>
</a>
</div>

View File

@ -29,15 +29,18 @@
<div class="contained">
<div class="logo-container">
<a href="/" class="logo"><img src="/img/netlify-cms-logo.svg"/></a>
<a class="github-button" href="https://github.com/netlify/netlify-cms" data-icon="octicon-star" data-show-count="true" aria-label="Star netlify/netlify-cms on GitHub">Star</a>
{{ if or (eq .Section "docs") (eq .Title "Docs") }}
<a class="utility-input">
<img src="/img/search.svg" />
<input type="search" placeholder="Search the docs" class="algolia-search"/>
</a>
{{ end }}
</div>
<div class="nav-container">
<a class="nav-link docs-link" href="/docs">Docs</a>
<a class="nav-link contributing-link" href="/docs/contributor-guide">Contributing</a>
<a class="nav-link" href="/community">Community</a>
<a id="ghstars" class="github-button" href="https://github.com/netlify/netlify-cms" data-icon="octicon-star" data-show-count="true" aria-label="Star netlify/netlify-cms on GitHub">Star</a>
</div>
<a class="nav-link docs-link" href="/docs">Docs</a>
<a class="nav-link contributing-link" href="/docs/contributor-guide">Contributing</a>
<a class="nav-link" href="/community">Community</a>
<a class="utility-input">
<img src="/img/search.svg" />
<input type="search" placeholder="Search the docs" class="algolia-search"/>
</a>
<span class="cta-header">{{ .Site.Data.landing.cta.button | markdownify }}</span>
</div>
</header>