From 6fd99368ead528765cfcb442261d378a30ded8a5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Florian=20K=C3=BCpper?= <florian.kuepper@gmail.com>
Date: Thu, 29 Dec 2016 11:07:53 +0100
Subject: [PATCH] Added contribute-section

---
 _data/contribute.json     | 21 +++++++++++++++++++++
 _includes/contribute.html | 13 +++++++++----
 contribute.html           |  2 --
 css/main.css              |  6 ++++++
 4 files changed, 36 insertions(+), 6 deletions(-)
 create mode 100644 _data/contribute.json

diff --git a/_data/contribute.json b/_data/contribute.json
new file mode 100644
index 00000000..86e91447
--- /dev/null
+++ b/_data/contribute.json
@@ -0,0 +1,21 @@
+[{
+	"title": "Fork and code",
+	"icon": "random",
+	"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",
+	"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",
+	"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"
+}]
diff --git a/_includes/contribute.html b/_includes/contribute.html
index 168d4ff5..19628d2f 100644
--- a/_includes/contribute.html
+++ b/_includes/contribute.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 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>
+					<p>{{ contribute.description }}</p>
+					<p><a class="btn" href="{{ contribute.url }}">{{ contribute.url_text }}</a></p>
+				</div>
+			{% endfor %}
 			</div>
 		</div>
     </section>
diff --git a/contribute.html b/contribute.html
index 6e24ddd6..156db579 100644
--- a/contribute.html
+++ b/contribute.html
@@ -3,5 +3,3 @@ layout: null
 section-type: contribute
 title: Contribute
 ---
-
-Github... Just fork...
diff --git a/css/main.css b/css/main.css
index c85544e6..fb4e84f1 100644
--- a/css/main.css
+++ b/css/main.css
@@ -327,3 +327,9 @@ a:hover {
 	padding:15px;
 	margin-top:15px;
 }
+
+.contribute-icon {
+	font-size:65px;
+	margin-top: 15px;
+	margin-bottom: 15px;
+}