Merge pull request #39 from storybooks/add-community

Added a community section / change the footer

components/Footer/index.js

@@ -1,8 +1,6 @@
 import React from 'react';
 import slackIcon from './images/slack-icon.png';
-import nlIcon from './images/mail-icon.png';
-import twitterIcon from './images/twitter-icon.png';
-import mediumIcon from './images/medium-icon.png';
+import githubIcon from './images/github-icon.png';
 import './style.css';
 
 const Footer = () => (
@@ -10,18 +8,20 @@ const Footer = () => (
     <div className="col-md-12">
       <div className="row logos">
         <div className="col-xs-12">
+          <center>
+            Maintained by the
+            {' '}
+            <a href="/docs/react-storybook/basics/community/">
+              Storybook Community
+            </a>
+            .
+          </center>
           <center>
             <a href="https://storybooks-slackin.herokuapp.com/" target="_blank">
-              <img src={slackIcon} alt="" />
+              <img src={slackIcon} alt="Storybook Slack" />
             </a>
-            <a href="https://tinyletter.com/storybooks" target="_blank">
-              <img src={nlIcon} alt="" />
-            </a>
-            <a href="https://twitter.com/kadirahq" target="_blank">
-              <img src={twitterIcon} alt="" />
-            </a>
-            <a href="https://voice.kadira.io" target="_blank">
-              <img src={mediumIcon} alt="" />
+            <a href="https://github.com/storybooks/storybook" target="_blank">
+              <img src={githubIcon} alt="Storybook GitHub" style={{ padding: '7px' }} />
             </a>
           </center>
         </div>

components/Footer/style.css

@@ -2,6 +2,10 @@
   margin: 25px 0
 }
 
+#footer a {
+  color: #1E88E5;
+}
+
 #footer .logos {
   margin: auto;
   clear: both;

config.toml

@@ -10,6 +10,7 @@ basics = [
   "/docs/react-storybook/basics/writing-stories/",
   "/docs/react-storybook/basics/exporting-storybook/",
   "/docs/react-storybook/basics/faq/",
+  "/docs/react-storybook/basics/community/",
 ]
 configurations = [
   "/docs/react-storybook/configurations/default-config/",

pages/docs/react-storybook/basics/community/index.md

@@ -0,0 +1,12 @@
+---
+id: 'community'
+title: 'Community'
+---
+
+Storybook is maintained by a [community of users](https://github.com/storybooks/storybook/graphs/contributors). It's easy to get involved and all contributions are welcome!
+
+You can read about how to get involved in detail in our [Contribution Guide](https://github.com/storybooks/storybook/blob/master/CONTRIBUTING.md) but at a high level, a good place to get started is:
+
+1. Report issues at the [issue tracker](https://github.com/storybooks/storybook/issues).
+2. Help us to triage issues above, by answering questions, helping to create [reproductions](https://github.com/storybooks/storybook/blob/master/CONTRIBUTING.md#reproductions), and clarifying feature requests.
+3. Pitch in with a PR, especially those marked ["good first contribution"](https://github.com/storybooks/storybook/labels/good%20first%20contribution).