Added help section and changed icons

_data/contribute.json

@@ -1,20 +1,20 @@
 [{
 	"title": "Fork and code",
-	"icon": "random",
+	"icon": "code-fork",
 	"description": "We're happy about every new feature that someone brings to vocaluxe. So why don't you just start coding?",
 	"url_text": "HowTo build on windows",
 	"url": "https://github.com/Vocaluxe/Vocaluxe/wiki/HowTo:-Build-Vocaluxe-(Windows)"
 },
 {
 	"title": "Translate",
-	"icon": "pencil",
+	"icon": "globe",
 	"description": "Want to help by translating vocaluxe into you native language? Or want to improve an existing one?",
 	"url_text": "Start here",
 	"url": "https://www.transifex.com/darkice/vocaluxe/"
 },
 {
 	"title": "Find bugs",
-	"icon": "flash",
+	"icon": "bug",
 	"description": "Help us to keep vocaluxe stable. If you find a bug, just open an issue in our GitHub issue tracker.",
 	"url_text": "Open an issue",
 	"url": "https://github.com/Vocaluxe/Vocaluxe/issues"

_data/help.json

@@ -0,0 +1,21 @@
+[{
+	"title": "Forum",
+	"icon": "question-circle",
+	"description": "A big german community with a section about vocaluxe. The devs are acitve there and could help with (nearly) every problem.",
+	"url_text": "Ask your questions!",
+	"url": "http://forum.ultra-star.de"
+},
+{
+	"title": "Wiki",
+	"icon": "book",
+	"description": "You can find some nice and helpful articles in our GitHub-wiki. Feel free to improve it, if something is missing.",
+	"url_text": "Start some reading...",
+	"url": "https://github.com/Vocaluxe/Vocaluxe/wiki"
+},
+{
+	"title": "Facebook",
+	"icon": "facebook-square",
+	"description": "Follow us on facebook to get all news about vocaluxe - And if there are questions, just ask!",
+	"url_text": "Give us a like!",
+	"url": "https://www.facebook.com/Vocaluxe"
+}]

_includes/contribute.html

@@ -1,4 +1,4 @@
-<!-- Download Section -->
+<!-- Contribute Section -->
     <section id="{{ page.section-type }}">
 		<div class="container">
 			<div class="row">
@@ -7,7 +7,7 @@
 			{% for contribute in site.data.contribute %}
 				<div class="col-md-4" style="text-align:center">
 					<h2>{{ contribute.title }}</h2>
-					<span class="contribute-icon glyphicon glyphicon-{{ contribute.icon }}" aria-hidden="true" style="font-size:50px"></span>
+					<span class="contribute-icon fa fa-{{ contribute.icon }}" aria-hidden="true"></span>
 					<p>{{ contribute.description }}</p>
 					<p><a class="btn" href="{{ contribute.url }}">{{ contribute.url_text }}</a></p>
 				</div>
@@ -15,4 +15,4 @@
 			</div>
 		</div>
     </section>
-<!-- Download Section End -->
+<!-- Contribute Section End -->

_includes/help.html

@@ -3,10 +3,15 @@
 		<div class="container">
 			<div class="row">
 			<h1 class="title">{{ page.title }}</h1>
-			<h2 class="subtitle">{{ page.subtitle }}</h2>
-				<p>
-					{{ page.content | markdownify }}
-				</p>
+			<p style="text-align:center">{{ page.content | markdonify }}</p>
+			{% for help in site.data.help %}
+				<div class="col-md-4" style="text-align:center">
+					<h2>{{ help.title }}</h2>
+					<span class="contribute-icon fa fa-{{ help.icon }}" aria-hidden="true"></span>
+					<p>{{ help.description }}</p>
+					<p><a class="btn" href="{{ help.url }}">{{ help.url_text }}</a></p>
+				</div>
+			{% endfor %}
 			</div>
 		</div>
     </section>

help.html

@@ -3,6 +3,3 @@ layout: null
 section-type: help
 title: Help
 ---
-
-Some help text...
-Wiki, Forum, Bugs->Issue