Merge pull request jupyter#308 from choldgraf/getinvolved

Updating community/documentation content and a few style tweaks

Author: Carreau

_includes/community.html renamed to _includes/community_lists.html

@@ -1,14 +1,3 @@
----
-layout: default
-title: Documentation
----
-
-<section>
-    <div class="header header-grey">
-      <h2>Documentation</h2>
-      <p>Browse the Jupyter universe for information.</p>
-    </div>
-</section>
 <section>
     <div class="top-section-border">
         <div class="container">

_layouts/documentation.html renamed to _includes/documentation.html

@@ -0,0 +1,45 @@
+---
+layout: page_md
+title: Stay Connected
+tagline: Project Jupyter offers a number of communication channels available to individuals interested in using and contributing to the project.
+permalink: /community
+---
+
+Jupyter is a community of data enthusiasts who believe in the power of open
+tools and standards for education, research, and data analytics. We welcome
+contributions and contributors of all kinds - whether they come as contributions
+to code, participation in the community, opening issues and pointing out bugs,
+or simply sharing your work with your colleagues and friends.
+
+## Join the Jupyter community
+
+If you're interested in joining the Jupyter community (yay!) we recommend
+checking out the Jupyter [Contributing guide](https://github.com/jupyter/help/blob/master/CONTRIBUTING.md). This contains
+information about the different projects in the Jupyter ecosystem, the tools
+and skills that are useful for each project, and other ways that you can
+become a part of the Jupyter community.
+
+### JupyterDays, JupyterCon, and other events
+
+Many members of the Jupyter community host events to connect others that use
+Jupyter and other tools in the open data analytics stack. For example,
+[JupyterCon](https://conferences.oreilly.com/jupyter/jup-ny) is an annual conference that brings together many
+different groups represented in the Jupyter Community. **Jupyter Days**
+are smaller, locally-organized events for learning and connecting with one
+another. For example, [here's a post announcing Jupyter Days in Atlanta](https://blog.jupyter.org/announcing-jupyter-day-atlanta-spring-2018-d68ebee2c6cb).
+If you'd like to organize a Jupyter Days event in your community, please
+reach out!
+
+## Participate online
+
+Jupyter also has a number of online communication channels to help keep in touch.
+
+As you interact with others in the Jupyter ecosystem, remember that we have a strong
+commitment to being an **open, inclusive, and positive community**. Please read the
+[Jupyter Code of Conduct](https://github.com/jupyter/governance/blob/master/conduct/code_of_conduct.md) for guidance on how to interact with others in
+a way that makes the community thrive.
+
+Below is a short list of gitter channels, email listservs, and github repositories
+where you can get involved. **We always welcome participation in the Jupyter community**.
+
+{% include community_lists.html %}

community.html

@@ -1,7 +1,8 @@
 /* cardlist used by documentation and try pages */
 
 .cardlist {
-  margin-bottom: 20px;
+  margin: 10px auto 20px auto;
+  max-width: 980px;
 }
 
 .cardlist-col {
@@ -18,15 +19,18 @@
 .card-heading {
   padding: 16px;
   /* color is on purpose not Jupyter Orange */
-  background: #1976D2;
+  background: #2e9be4;
   color: white;
-  font-size: 14px;
   font-weight: normal;
   line-height: 14px;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
 }
 
+.card-heading h4 {
+  font-size: 1.8em;
+}
+
 .card-body {
   padding: 16px;
   border-bottom-left-radius: 2px;
@@ -41,7 +45,7 @@
 .card-body li {
   list-style: none;
   padding: 4px 0px 4px 0px;
-  font-size: 14px;
+  font-size: 1.3em;
 }
 
 
@@ -77,4 +81,3 @@ img.try-logo {
   object-fit: contain;
   margin: 12px auto;
 }
-

community.md

@@ -291,6 +291,10 @@ body {
   background-color: white;
 }
 
+.header p {
+  margin: 0 30%;
+}
+
 /* Section elements */
 /* Section classes used for particular sections within a page. Sections should differ in background color when used next to each other */
 .section-white {

css/cardlist.css

@@ -6,8 +6,9 @@ div.page_content img {
 }
 
 div.page_content, div.post_content {
-  margin: 0;
   padding: 0;
+  margin: 0px auto;
+  max-width: 980px;
 }
 
 div.page_content.container > p,

css/logo-nav.css

@@ -0,0 +1,8 @@
+---
+layout: page_md
+title: Documentation
+tagline: A comprehensive list of links to each of the repositories for the Jupyter project.
+permalink: /documentation
+---
+
+{% include documentation.html %}