Added install page

_includes/developper/home/head.html

@@ -1,11 +1,12 @@
-<header>
+<header class="developper-header">
     <div class="container">
         <div class="row">
             <div class="col-sm-7">
                 <div class="header-content">
                     <div class="header-content-inner">
                         <h1>Help us building Comunic or setup your own server.</h1>
-                        <a href="http://devweb.local/comunic/v2/create_account" class="btn btn-outline btn-xl page-scroll">Create an account now !</a>
+                        <a href="#" class="btn btn-outline btn-xl page-scroll">Help us</a>
+                        <a href="{{ site.baseurl }}/developper/install" class="btn btn-outline btn-xl page-scroll">Install Comunic</a>
                     </div>
                 </div>
             </div>

_layouts/common/page.html

@@ -0,0 +1,37 @@
+---
+layout: default
+---
+
+<!-- Post Header -->
+<header id="header" class="intro-header bg-primary text-center" style="background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}')">
+    <div class="container">
+        <div class="row">
+            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+              <div class="post-heading">
+                <h1>{{ page.title }}</h1>
+                {% if page.subtitle %}
+                <h2 class="subheading">{{ page.subtitle }}</h2>
+                {% endif %}
+                <a href="#post" class="page-scroll"><i class="fa fa-fw fa-2x fa-arrow-down"></i></a>
+              </div>
+            </div>
+        </div>
+    </div>
+</header>
+<hr>
+<!-- Post Content -->
+<article>
+    <div id="post" class="container">
+        <div class="row">
+            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+
+            <!-- Page content -->
+			{{ content }}
+
+
+            </div>
+        </div>
+    </div>
+</article>
+
+<hr>

_posts/2016-06-10-dinosaurs.markdown

@@ -1,33 +0,0 @@
----
-layout:     default
-title:      "Dinosaurs are extinct today"
-subtitle:   "because they lacked opposable thumbs and the brainpower to build a space program."
-date:       2016-06-10 12:00:00
-author:     "Antonio Trento"
-header-img: "img/post-bg-01.jpg"
-categories: jekyll
----
-
-<p>Never in all their history have men been able truly to conceive of the world as one: a single sphere, a globe, having the qualities of a globe, a round earth in which all the directions eventually meet, in which there is no center because every point, or none, is center — an equal earth which all men occupy as equals. The airman's earth, if free men make it, will be truly round: a globe in practice, not in theory.</p>
-
-<p>Science cuts two ways, of course; its products can be used for both good and evil. But there's no turning back from science. The early warnings about technological dangers also come from science.</p>
-
-<p>What was most significant about the lunar voyage was not that man set foot on the Moon but that they set eye on the earth.</p>
-
-<p>A Chinese tale tells of some men sent to harm a young girl who, upon seeing her beauty, become her protectors rather than her violators. That's how I felt seeing the Earth for the first time. I could not help but love and cherish her.</p>
-
-<p>For those who have seen the Earth from space, and for the hundreds and perhaps thousands more who will, the experience most certainly changes your perspective. The things that we share in our world are far more valuable than those which divide us.</p>
-
-<h2 class="section-heading">The Final Frontier</h2>
-
-<p>There can be no thought of finishing for ‘aiming for the stars.’ Both figuratively and literally, it is a task to occupy the generations. And no matter how much progress one makes, there is always the thrill of just beginning.</p>
-
-<p>There can be no thought of finishing for ‘aiming for the stars.’ Both figuratively and literally, it is a task to occupy the generations. And no matter how much progress one makes, there is always the thrill of just beginning.</p>
-
-<blockquote>The dreams of yesterday are the hopes of today and the reality of tomorrow. Science has not yet mastered prophecy. We predict too much for the next year and yet far too little for the next ten.</blockquote>
-
-<p>Spaceflights cannot be stopped. This is not the work of any one man or even a group of men. It is a historical process which mankind is carrying out in accordance with the natural laws of human development.</p>
-
-<h2 class="section-heading">Reaching for the Stars</h2>
-
-<p>As we got further and further away, it [the Earth] diminished in size. Finally it shrank to the size of a marble, the most beautiful you can imagine. That beautiful, warm, living object looked so fragile, so delicate, that if you touched it with a finger it would crumble and fall apart. Seeing this has to change a man.</p>

_sass/_base.scss

@@ -569,7 +569,7 @@ body {
 
 .intro-header {
   background: no-repeat center center;
-  background-color: #808080;
+  background-color: #001F3F;
   background-attachment: scroll;
   -webkit-background-size: cover;
   -moz-background-size: cover;

_sass/_developper.scss

@@ -0,0 +1,11 @@
+/**
+ * Developper stylesheet
+ *
+ * $author Pierre HUBERT
+ */
+
+.developper-header {
+	background: $theme-secondary; /* fallback for old browsers */
+    background: -webkit-linear-gradient(to left, $theme-primary , $theme-secondary); /* Chrome 10-25, Safari 5.1-6 */
+    background: linear-gradient(to left, $theme-primary , $theme-secondary); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+}

css/main.scss

@@ -44,5 +44,6 @@ $theme-dark: #222;
 @import
 		"fonts",
         "mixins",
-        "base"
+        "base",
+        "developper"
 ;

developper/install.html

@@ -0,0 +1,24 @@
+---
+layout: common/page
+title: Setup your Comunic Server
+subtitle: Use Docker to get started quickly with your own Comunic Server
+---
+
+<p>The easiest way to setup Comunic is to install it using our Docker image.</p>
+
+
+<h2>Requirements :</h2>
+<p>* Docker installed on a 64bit machine.</p>
+<p>* The port 80 of the machine must be available (The software can not be accessed through another port yet but we are working on it)</p>
+
+<p>&nbsp;</p>
+
+<h2>Installation:</h2>
+<p>Please use the following command:</p>
+<pre>docker run -ti --restart=always -p 80:80 --name="Comunic" pierre42100/comunic-dockersinglecontainer</pre>
+<p>The <code>--restart=always</code> argument is optionnal but strongly recommended in ordrer to be able to restart Comunic on machine reboot.</p>
+
+<p>&nbsp;</p>
+
+<h2>Usage</h2>
+<p>Please navigate to <i>http://{your_server_address}/</i> to use newly installed Comunic Server.</p>