Transformed community page from html to markdown

community.html

@@ -1,30 +0,0 @@
----
-layout: page
-title: Community
-description: The biggest GraphQL Community in Python
----
-
-<p>Graphene is constantly developing thanks to an active volunteer community, There are many different places where you discuss Graphene, share your experiences or ask for help. Your feedback and participation are very welcome!</p>
-<p>If you think working with Graphene is fun, there are many ways you can contribute to it.
-Please join us in the Slack community and help us shape the next generation API's.</p>
-<a href="https://graphql-slack.herokuapp.com/">
-  <img src="https://graphql-slack.herokuapp.com/badge.svg" width="101" height="20" title="Public Slack Discussion" />
-</a>
-<h2>Our Repositories</h2>
-<ul>
-  <li>
-    <strong>GraphQL Core</strong>:
-    <a href="https://github.com/graphql-python/graphql-core/">Source Code</a> - 
-    <a href="https://pypi.python.org/pypi/graphql-core">PyPI package</a>
-  </li>
-  <li>
-    <strong>GraphQL Relay</strong>:
-    <a href="https://github.com/graphql-python/graphql-relay/">Source Code</a> - 
-    <a href="https://pypi.python.org/pypi/graphql-relay">PyPI package</a>
-  </li>
-  <li>
-    <strong>Graphene</strong>:
-    <a href="https://github.com/graphql-python/graphene/">Source Code</a> - 
-    <a href="https://pypi.python.org/pypi/graphene">PyPI package</a>
-  </li>
-</ul>

community.md

@@ -0,0 +1,26 @@
+---
+layout: page
+title: Community
+description: The biggest GraphQL Community in Python
+---
+
+Graphene is constantly developing thanks to an active volunteer community, There are many different places where you discuss Graphene, share your experiences or ask for help. Your feedback and participation are very welcome!
+
+If you think working with Graphene is fun, there are many ways you can contribute to it. Please join us in the Slack community and help us shape the next generation API’s.
+
+[![Public Slack Discussion]]
+
+## Our Repositories
+
+-   **GraphQL Core**: [Source Code] - [PyPI package]
+-   **GraphQL Relay**: [Source Code][1] - [PyPI package][2]
+-   **Graphene**: [Source Code][3] - [PyPI package][4]
+
+  [Public Slack Discussion]: https://graphql-slack.herokuapp.com/badge.svg
+  [![Public Slack Discussion]]: https://graphql-slack.herokuapp.com/ "Public Slack Discussion"
+  [Source Code]: https://github.com/graphql-python/graphql-core/
+  [PyPI package]: https://pypi.python.org/pypi/graphql-core
+  [1]: https://github.com/graphql-python/graphql-relay/
+  [2]: https://pypi.python.org/pypi/graphql-relay
+  [3]: https://github.com/graphql-python/graphene/
+  [4]: https://pypi.python.org/pypi/graphene

style.css

@@ -21,6 +21,70 @@ strong {
 	font-family: "Raleway";
 	font-weight: 600;
 }
+
+/* CODE */
+
+.highlight  { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
+
 /* LOGO ANIMATION */
 #main-logo {
 	display: block;
@@ -238,6 +302,12 @@ strong {
 	margin: 0 auto;
 	padding: 0 20px;
 }
+
+#page-article > .highlight .lineno { color: #ccc; display:inline-block; padding: 0 5px; border-right:1px solid #ccc; }
+#page-article > .highlight pre code { display: block; white-space: pre; overflow-x: auto; word-wrap: normal; }
+
+
+
 /* Page */