Added JAMstack primer and social buttons
This commit is contained in:
Lennart Ziburski
parent
85cac44d25
commit
07a76c658a
@ -14,6 +14,7 @@ module.exports = {
|
||||
lightGreen: '#97bf2f',
|
||||
green: '#C9FA4B',
|
||||
darkGreen: '#7CA511',
|
||||
darkerGreen: '#628013',
|
||||
shadeBlue: '#EFF0F4',
|
||||
blue: '#3A69C7',
|
||||
|
||||
|
||||
@ -32,10 +32,24 @@ editors:
|
||||
community:
|
||||
hook: "Supported by a growing community"
|
||||
features:
|
||||
- feature: "Built on the JAMstack"
|
||||
description: "Netlify CMS is based on client-side JavaScript, reusable APIs and prebuilt Markup. Compared to server-side CMS like WordPress, this means better performance, higher security, lower cost of scaling, and a better developer experience. You can learn more about the JAMstack movement on [jamstack.org](https://jamstack.org)."
|
||||
- feature: "Support when you need it"
|
||||
description: "Get up and running with comprehensive [documentation](/docs) and templates or work through difficult problems with help from the community on [Gitter](https://gitter.im/netlify/NetlifyCMS)."
|
||||
- feature: "A community-driven project you can help evolve"
|
||||
description: "Netlify CMS is built by a community of 60+ contributors — and you can help. Join our [bi-weekly planning sessions](/community) or read the [contributing guide](/docs/contributor-guide) to join in."
|
||||
featurese:
|
||||
- feature: "Built on the JAMstack"
|
||||
description: "Netlify CMS is based on client-side JavaScript, reusable APIs and prebuilt Markup. Compared to server-side CMS like WordPress, this means better performance, higher security, lower cost of scaling, and a better developer experience. You can learn more about the JAMstack movement on [jamstack.org](https://jamstack.org)."
|
||||
- feature: "Support when you need it"
|
||||
description: "Get up and running with comprehensive [documentation](/docs) and templates or work through difficult problems with help from the community on [Gitter](https://gitter.im/netlify/NetlifyCMS)."
|
||||
- feature: "A community-driven project you can help evolve"
|
||||
description: "Netlify CMS is built by a community of 60+ contributors — and you can help. Join our [bi-weekly planning sessions](/community) or read the [contributing guide](/docs/contributor-guide) to join in."
|
||||
buttons:
|
||||
- name: "Twitter"
|
||||
url: "https://twitter.com/netlifycms"
|
||||
- name: "GitHub"
|
||||
url: "https://github.com/netlify/netlify-cms"
|
||||
contributors: "Made possible by awesome contributors"
|
||||
|
||||
---
|
||||
|
||||
@ -6,8 +6,20 @@ updates:
|
||||
- date: 2018-01-23
|
||||
version: '1.0.4'
|
||||
description: Fixes various UI bugs and adds expand / collapse functionality to the object widget.
|
||||
url: 'https://github.com/netlify/netlify-cms/releases/tag/1.1.0'
|
||||
url: 'https://github.com/netlify/netlify-cms/releases/tag/1.0.4'
|
||||
- date: 2018-12-19
|
||||
version: '1.0.3'
|
||||
description: Small bug fix release.
|
||||
url: 'https://github.com/netlify/netlify-cms/releases/tag/1.1.0'
|
||||
url: 'https://github.com/netlify/netlify-cms/releases/tag/1.0.3'
|
||||
- date: 2018-12-07
|
||||
version: '1.0.2'
|
||||
description: Small bug fix release.
|
||||
url: 'https://github.com/netlify/netlify-cms/releases/tag/1.0.2'
|
||||
- date: 2018-12-07
|
||||
version: '1.0.1'
|
||||
description: Small bug fix release.
|
||||
url: 'https://github.com/netlify/netlify-cms/releases/tag/1.0.1'
|
||||
- date: 2018-12-07
|
||||
version: '1.0.0'
|
||||
description: The first major release of Netlify CMS with an all-new UI, revamped documentation and much more.
|
||||
url: 'https://github.com/netlify/netlify-cms/releases/tag/1.0.0'
|
||||
|
||||
@ -18,6 +18,8 @@
|
||||
</div>
|
||||
<div class="hero-graphic">
|
||||
<img src="/img/screenshot-editor.png" class="responsive"/>
|
||||
<a class="hero-videolink" href="https://www.youtube.com/watch?v=p6h-rYSVX90">▶ Watch how to get started in just over 2 minutes</a>
|
||||
<p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -34,7 +36,7 @@
|
||||
<ol>
|
||||
{{ range .Site.Data.updates }}
|
||||
{{ range first 3 . }}
|
||||
<a href="{{ .url }}"><li><div class="update-metadata"><span class="update-version">{{ .version }}</span><span class="update-date">{{ dateFormat "January 2, 2006" .date }}</span></div><span class="update-description">{{ .description }}</span></li></a>
|
||||
<a href="{{ .url }}"><li><div class="update-metadata"><span class="update-version">{{ .version }}</span><span class="update-date">{{ dateFormat "January 2, 2006" .date }}</span></div><span class="update-description">{{ .description | markdownify }}</span></li></a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</ol>
|
||||
@ -60,13 +62,20 @@
|
||||
<section class="communitysupport">
|
||||
<div class="contained">
|
||||
<h2>{{ .Site.Data.landing.community.hook | markdownify }}</h2>
|
||||
<div class="community-features">
|
||||
{{ range $index, $id := .Site.Data.landing.community.features }}
|
||||
<div class="feature">
|
||||
<h3>{{ .feature | markdownify }}</h3>
|
||||
<p>{{ .description | markdownify }}</p>
|
||||
<div class="community">
|
||||
<div class="community-features">
|
||||
{{ range $index, $id := .Site.Data.landing.community.features }}
|
||||
<div class="feature">
|
||||
<h3>{{ .feature | markdownify }}</h3>
|
||||
<p>{{ .description | markdownify }}</p>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="community-buttons">
|
||||
{{ range $index, $id := .Site.Data.landing.community.buttons }}
|
||||
<a href="{{ .url }}">{{ .name }}</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="contributors feature">
|
||||
<h3>{{ .Site.Data.landing.community.contributors | markdownify }}</h3>
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.community-features {
|
||||
.community {
|
||||
@neat-span-columns 12;
|
||||
|
||||
@media screen and (min-width: $tablet) {
|
||||
@ -19,10 +19,30 @@
|
||||
@media screen and (min-width: $desktop) {
|
||||
@neat-span-columns 6;
|
||||
}
|
||||
}
|
||||
|
||||
.community-features {
|
||||
.feature {
|
||||
margin-top: $small;
|
||||
}
|
||||
}
|
||||
|
||||
.community-buttons {
|
||||
margin-top: $small;
|
||||
padding-top: $medium;
|
||||
border-top: 1px solid $lightestGrey;
|
||||
a {
|
||||
padding: $micro $tiny $micro $tiny;
|
||||
margin-right: $micro;
|
||||
background-color: $lightishGrey;
|
||||
color: white;
|
||||
border-radius: $borderRadius;
|
||||
}
|
||||
a:hover {
|
||||
background-color: $darkGreen;
|
||||
}
|
||||
a:active {
|
||||
background-color: $darkerGreen;
|
||||
}
|
||||
}
|
||||
|
||||
@ -44,6 +64,11 @@
|
||||
width: 32px;
|
||||
margin: 0 $micro $micro 0;
|
||||
border-radius: 16px;
|
||||
transition: 0.1s;
|
||||
}
|
||||
img:hover {
|
||||
transform: scale(1.3);
|
||||
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25), 0 4px 12px 0 rgba(0,0,0,0.25);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -72,7 +72,6 @@
|
||||
}
|
||||
|
||||
.hero-graphic {
|
||||
/* margin: 0 auto $large auto; */
|
||||
transform: scale(1.1) rotate(2deg);
|
||||
|
||||
@media screen and (min-width: $tablet) {
|
||||
@ -81,6 +80,24 @@
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
a.hero-videolink {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-top: $micro;
|
||||
padding: $micro 0 $micro 0;
|
||||
font-size: 14px;
|
||||
font-weight: $semibold;
|
||||
color: white;
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
border-radius: $borderRadius;
|
||||
}
|
||||
a.hero-videolink:hover {
|
||||
background-color: rgba(255,255,255,0.2);
|
||||
}
|
||||
a.hero-videolink:active {
|
||||
background-color: rgba(255,255,255,0.4);
|
||||
}
|
||||
|
||||
img {
|
||||
border-radius: $largeBorderRadius;
|
||||
box-shadow: 0 10px 30px 0 rgba(0,0,0,0.15), 0 3px 9px 0 rgba(0,0,0,0.30);
|
||||
|
||||
@ -21,6 +21,9 @@
|
||||
background-color: $darkGrey;
|
||||
border-radius: $borderRadius;
|
||||
}
|
||||
a:active {
|
||||
background-color: $darkerGrey;
|
||||
}
|
||||
li {
|
||||
min-width: 250px;
|
||||
max-width: 350px;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user