Add a dedicated page (and URL) for community/help information

Change-Id: I1797d0d8c40ebff8ca68aa43a670ed8bc1920de1

website/config.toml

@@ -109,6 +109,12 @@ relativeURLs = true
   identifier = "fa fa-book"
   weight = 3
 
+[[menu.main]]
+  name = "Community & Help"
+  url = "/community"
+  identifier = "fa fa-users"
+  weight = 4
+
 # Sets Social Media icons to appear and link to your account. Value should be your
 # username unless otherwise noted. These are the icons affected by socialAppearAtTop
 # and socialAppearAtBottom.

website/content/community.md

@@ -0,0 +1,17 @@
+---
+title: "Community & Help"
+slug: community
+type: page
+---
+
+Need help, want to contribute or just chat about ARA with the community ?
+
+![community](/static/ansiblefest-community.png)
+
+There's multiple ways to stay up to date and get in touch:
+
+- IRC: [#ara](https://webchat.freenode.net/?channels=#ara) on the freenode network
+- Slack: [arecordsansible.slack.com](https://join.slack.com/t/arecordsansible/shared_invite/enQtMjMxNzI4ODAxMDQxLWU4MmZhZTI4ZjRjOTUwZTM2MzM3MzcwNDU1YzFmNzRlMzI0NTUzNDY1MWJlNThhM2I4ZTViZjUwZTRkNTBiM2I)
+- Twitter: [@ARecordsAnsible](https://twitter.com/ARecordsAnsible)
+
+See you there !

website/layouts/partials/sidebar.html

@@ -27,13 +27,6 @@
         {{ partial "social" . }}
       </ul>
     {{ end }}
-    <div style="text-align:left">
-        <h3>Community & Help</h3>
-        <p>
-            <b>IRC</b>: #ara on <a href="https://webchat.freenode.net/?channels=%23ara" target="_blank">freenode</a><br />
-            <b>Slack</b>: <a href="https://join.slack.com/t/arecordsansible/shared_invite/enQtMjMxNzI4ODAxMDQxLWU4MmZhZTI4ZjRjOTUwZTM2MzM3MzcwNDU1YzFmNzRlMzI0NTUzNDY1MWJlNThhM2I4ZTViZjUwZTRkNTBiM2I" target="_blank">ARecordsAnsible.slack.com</a>
-        </p>
-    </div>
   </section>
 
   <!-- Community -->