docs: update community info with channel links (#2403)
This commit is contained in:
Shawn Erquhart
GitHub
parent
814aa5091b
commit
50dc371ebc
@ -1,27 +1,25 @@
|
||||
---
|
||||
title: Community
|
||||
|
||||
headline: Be a part of building the CMS of the future.
|
||||
subhead: We’re serious about being community driven, so everyone is welcome to join the [community chat](https://gitter.im/netlify/NetlifyCMS), and to be a part of our bi-weekly planning sessions (details below).
|
||||
primarycta: "[Register on Eventbrite →](https://www.eventbrite.com/e/netlify-cms-planning-session-bi-weekly-tickets-35794058994)"
|
||||
|
||||
upcomingevent:
|
||||
hook: The next development planning session is on
|
||||
|
||||
howitworks: Every other week we have public development planning sessions. They're web based, last about an hour, and are geared toward contributors and those interested in contributing. Sessions currently take place every other Wednesday, 9am - 10am PT.
|
||||
|
||||
howtojoin: |
|
||||
**On the web:**
|
||||
|
||||
1. https://bluejeans.com/278173690
|
||||
|
||||
**By phone:**
|
||||
|
||||
1. [+1.408.740.7256](tel:+14087407256) (United States)
|
||||
|
||||
[+1.408.317.9253](tel:+14083179253) (Alternate number)
|
||||
|
||||
(http://bluejeans.com/numbers)
|
||||
|
||||
2. Enter Meeting ID: 278173690
|
||||
headline: Help us build the CMS of the future.
|
||||
subhead: Get support, give support, and find out what's new through the channels below.
|
||||
sections:
|
||||
- title: support
|
||||
channels:
|
||||
- title: Netlify Community
|
||||
description: Ask and answer questions on the Netlify CMS channel of the Netlify community forum.
|
||||
url: https://community.netlify.com/c/netlify-platform/netlify-cms
|
||||
- title: GitHub Issues
|
||||
description: Report bugs, request features, and comment on existing issues.
|
||||
url: https://github.com/netlify/netlify-cms/issues
|
||||
- title: Stack Overflow
|
||||
description: Secondary forum. Questions should be tagged `netlify-cms`.
|
||||
url: https://stackoverflow.com/questions/tagged/netlify-cms
|
||||
- title: Gitter Chat
|
||||
description: Live community chat for all things Netlify CMS.
|
||||
url: https://gitter.im/netlify/netlifycms
|
||||
- title: development
|
||||
channels:
|
||||
- title: Priorities
|
||||
description: Priority issues board on the Netlify CMS GitHub repo.
|
||||
url: https://github.com/netlify/netlify-cms/projects/7
|
||||
---
|
||||
|
||||
@ -24,10 +24,10 @@ class DocSearch extends Component {
|
||||
}
|
||||
|
||||
return (
|
||||
<a className="utility-input">
|
||||
<img src={searchIcon} />
|
||||
<div className="utility-input">
|
||||
<img src={searchIcon} alt="" />
|
||||
<input type="search" placeholder="Search the docs" className="algolia-search" />
|
||||
</a>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@ -55,7 +55,7 @@ class Header extends Component {
|
||||
<div className="contained">
|
||||
<div className="logo-container">
|
||||
<Link to="/" className="logo">
|
||||
<img src={logo} />
|
||||
<img src={logo} alt="Netlify CMS" />
|
||||
</Link>
|
||||
<DocSearch />
|
||||
</div>
|
||||
|
||||
@ -36,20 +36,23 @@ class VideoEmbed extends Component {
|
||||
frameBorder={0}
|
||||
allow="autoplay; encrypted-media"
|
||||
allowFullScreen
|
||||
title="video_embed"
|
||||
/>
|
||||
);
|
||||
|
||||
const imgPlaceholder = <img src={screenshotEditor} className="responsive" />;
|
||||
const imgPlaceholder = (
|
||||
<img src={screenshotEditor} className="responsive" alt="editor video screenshot" />
|
||||
);
|
||||
|
||||
return (
|
||||
<a className="hero-graphic" onClick={this.toggleVideo}>
|
||||
<div className="hero-graphic" onClick={this.toggleVideo}>
|
||||
{toggled ? embedcode : imgPlaceholder}
|
||||
{!toggled && (
|
||||
<div className="hero-videolink">
|
||||
<PlayIcon className="hero-videolink-arrow" />
|
||||
</div>
|
||||
)}
|
||||
</a>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
.collab,
|
||||
.how-it-works {
|
||||
.community-channels {
|
||||
margin: $medium $tiny;
|
||||
|
||||
@media screen and (min-width: $mobile) {
|
||||
@ -40,7 +40,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.how-it-works {
|
||||
.community-channels {
|
||||
padding-bottom: $xl;
|
||||
text-align: left;
|
||||
|
||||
@ -52,3 +52,41 @@
|
||||
color: $darkGreen;
|
||||
}
|
||||
}
|
||||
|
||||
.community-channels-list {
|
||||
margin-left: 0;
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
font-weight: inherit;
|
||||
position: relative;
|
||||
|
||||
&:focus,
|
||||
&:active,
|
||||
&:hover {
|
||||
&:before {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
&:before {
|
||||
display: none;
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 3px;
|
||||
height: 100%;
|
||||
background-color: $darkGreen;
|
||||
left: -16px;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
color: $grey;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@ -95,23 +95,6 @@ header {
|
||||
@media screen and (max-width: $tablet) {
|
||||
position: static;
|
||||
}
|
||||
|
||||
/*.nav-link {
|
||||
@media screen and (min-width: 487px) and (max-width: 767px) {
|
||||
margin-top: $micro;
|
||||
}
|
||||
}*/
|
||||
|
||||
/*.utility-input {
|
||||
@media screen and (max-width: 767px) {
|
||||
display: block;
|
||||
height: $small;
|
||||
margin: $tiny 0 0 0;
|
||||
}
|
||||
@media screen and (min-width: 487px) and (max-width: 767px) {
|
||||
margin-top: 32px;
|
||||
}
|
||||
}*/
|
||||
}
|
||||
|
||||
.nav-container {
|
||||
|
||||
@ -1,30 +1,20 @@
|
||||
import React from 'react';
|
||||
import Helmet from 'react-helmet';
|
||||
import Markdown from 'react-markdown';
|
||||
import { graphql } from 'gatsby';
|
||||
|
||||
import Layout from '../components/layout';
|
||||
import EventWidget from '../components/event-widget';
|
||||
import Markdownify from '../components/markdownify';
|
||||
|
||||
import '../css/imports/collab.css';
|
||||
|
||||
const CommunityPage = ({ data }) => {
|
||||
const {
|
||||
title,
|
||||
headline,
|
||||
subhead,
|
||||
primarycta,
|
||||
upcomingevent,
|
||||
howitworks,
|
||||
howtojoin,
|
||||
} = data.markdownRemark.frontmatter;
|
||||
const { title, headline, subhead, sections } = data.markdownRemark.frontmatter;
|
||||
|
||||
return (
|
||||
<Layout>
|
||||
<div className="community page">
|
||||
<Helmet title={title} />
|
||||
<section className="community hero">
|
||||
<section className="hero">
|
||||
<div className="contained">
|
||||
<div className="hero-copy">
|
||||
<h1 className="headline">
|
||||
@ -33,36 +23,28 @@ const CommunityPage = ({ data }) => {
|
||||
<h2 className="subhead">
|
||||
<Markdownify source={subhead} />
|
||||
</h2>
|
||||
<h3 className="ctas">
|
||||
<ul>
|
||||
<li>
|
||||
<Markdownify source={primarycta} />
|
||||
</li>
|
||||
</ul>
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div className="calendar-cta">
|
||||
<h2>{upcomingevent.hook}</h2>
|
||||
<EventWidget />
|
||||
<div className="cal-cta">
|
||||
<Markdownify source={primarycta} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="how-it-works clearfix">
|
||||
<section className="community-channels clearfix">
|
||||
<div className="contained">
|
||||
<div className="half">
|
||||
<h4 className="section-label">How it works</h4>
|
||||
<p>
|
||||
<Markdown source={howitworks} />
|
||||
</p>
|
||||
<h4 className="section-label">How to join</h4>
|
||||
<p>
|
||||
<Markdown source={howtojoin} />
|
||||
</p>
|
||||
{sections.map(({ title: sectionTitle, channels }, channelIdx) => (
|
||||
<React.Fragment key={channelIdx}>
|
||||
<h4 className="section-label">{sectionTitle}</h4>
|
||||
<ul className="community-channels-list">
|
||||
{channels.map(({ title, description, url }, idx) => (
|
||||
<li key={idx}>
|
||||
<a href={url}>
|
||||
<strong>{title}</strong>
|
||||
<p>{description}</p>
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</React.Fragment>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -77,12 +59,14 @@ export const pageQuery = graphql`
|
||||
frontmatter {
|
||||
headline
|
||||
subhead
|
||||
primarycta
|
||||
upcomingevent {
|
||||
hook
|
||||
sections {
|
||||
title
|
||||
channels {
|
||||
title
|
||||
description
|
||||
url
|
||||
}
|
||||
}
|
||||
howitworks
|
||||
howtojoin
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -16,7 +16,7 @@ import '../css/imports/community.css';
|
||||
const Features = ({ items }) =>
|
||||
items.map(item => (
|
||||
<div className="feature" key={item.feature}>
|
||||
{item.imgpath && <img src={require(`../img/${item.imgpath}`)} />}
|
||||
{item.imgpath && <img src={require(`../img/${item.imgpath}`)} alt="" />}
|
||||
<h3>
|
||||
<Markdownify source={item.feature} />
|
||||
</h3>
|
||||
|
||||
@ -44,6 +44,27 @@ collections: # A list of collections the CMS should be able to edit
|
||||
- {label: "Twitter Image", name: "twitter_image", widget: "image"}
|
||||
- {label: "Date", name: "date", widget: "date"}
|
||||
- {label: "Body", name: "body", widget: "markdown"}
|
||||
- name: community
|
||||
label: Community
|
||||
file: website/content/pages/community.md
|
||||
preview_path: "community"
|
||||
fields:
|
||||
- {label: Title, name: title}
|
||||
- {label: Headline, name: headline}
|
||||
- {label: Subheading, name: subhead}
|
||||
- label: Sections
|
||||
name: sections
|
||||
widget: list
|
||||
fields:
|
||||
- {name: title, label: Title}
|
||||
- name: channels
|
||||
label: Channels
|
||||
widget: list
|
||||
fields:
|
||||
- {name: title, label: Title}
|
||||
{name: url, label: URL}
|
||||
{name: description, label: Description}
|
||||
|
||||
- name: updates
|
||||
label: Updates
|
||||
files:
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user