add tutorials section

Author: fliiiix

_config.yml

@@ -4,7 +4,7 @@
 # baseurl is the website's URL without the hostname
 
 # If you are building a simple GitHub user page (http://username.github.io) then use these settings:
-url: "http://radio-pi.github.io"
+url: "https://radio-pi.github.io"
 baseurl: ""
 
 # If you are building a GitHub project page then use these settings:
@@ -24,6 +24,8 @@ description: Radio Pi - Transforme your Rapberry Pi in a Radio!
 # List of links in the navigation bar
 navbar-links:
   Download: "download"
+  Blog: ''
+  Tutorials: "tutorials"
   #Resources:
   #  - Beautiful Jekyll: "http://deanattali.com/beautiful-jekyll/"
   #  - Learn markdown: "http://www.markdowntutorial.com/"
@@ -123,7 +125,6 @@ defaults:
       type: "posts"
     values:
       layout: "post"
-      comments: true  # add comments to all blog posts
       social-share: true # add social media sharing buttons to all blog posts
   -
     scope:

css/main.css

@@ -84,6 +84,15 @@ img {
   max-width: 100%;
 }
 
+.projectIMG { 
+  width:100%; 
+  height:250px;
+  -webkit-box-shadow: 3px 3px 3px #7C7C7C; 
+  box-shadow: 3px 3px 3px #7C7C7C; 
+  border:1px solid; 
+  border-color: gray; 
+}
+
 /* --- Navbar --- */
 
 .navbar-custom {

img/hardware.jpg

@@ -0,0 +1,21 @@
+---
+layout: page
+title: Tutorials
+---
+
+
+<div style="width:49%; float:left">
+<a href="/2016-01-12-setup-a-radio-pi">
+		<h3>Assemble the hardware</h3>
+    	<img class="projectIMG" src="/img/hardware.jpg">
+    </a>
+</div>
+
+<div style="width:2%; float:left">&nbsp;</div>
+
+<div style="width:49%; float:left">
+	<a href="/2016-01-13-setup-a-radio-pi-software">
+		<h3>Install the software</h3>
+	    <img class="projectIMG" src="/img/software.png">
+    </a>
+</div>