From 9bf91bf8cd1484cb96124ea288ad1a8a6d3f54d8 Mon Sep 17 00:00:00 2001
From: Pacien TRAN-GIRARD
Date: Sat, 8 Feb 2014 11:49:53 +0100
Subject: Add some content

---
 website/index.html | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

(limited to 'website')

diff --git a/website/index.html b/website/index.html
index e7b58fa..23f72be 100644
--- a/website/index.html
+++ b/website/index.html
@@ -54,27 +54,27 @@
 				<div class="pure-g">
 					<div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4">
 
-						<h3 class="content-subhead"><i class="fa fa-rocket"></i> Get Started Quickly </h3>
+						<h3 class="content-subhead"><i class="fa fa-superscript"></i> Meet a friend </h3>
 						<p>
-							Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.
+							He will guide you gladly... at one necessary but not sufficient condition.
 						</p>
 					</div>
 					<div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4">
-						<h3 class="content-subhead"><i class="fa fa-mobile"></i> Responsive Layouts </h3>
+						<h3 class="content-subhead"><i class="fa fa-save"></i> Obtain the program </h3>
 						<p>
-							Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.
+							The legend says that a sage made ​​a special program, a long time ago.
 						</p>
 					</div>
 					<div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4">
-						<h3 class="content-subhead"><i class="fa fa-th-large"></i> Modular </h3>
+						<h3 class="content-subhead"><i class="fa fa-suitcase"></i> Find the device </h3>
 						<p>
-							Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.
+							It's impressive to see what they made using a "micro"controller and some adhesive tape.
 						</p>
 					</div>
 					<div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4">
-						<h3 class="content-subhead"><i class="fa fa-check-square-o"></i> Plays Nice </h3>
+						<h3 class="content-subhead"><i class="fa fa-terminal"></i> Reboot everything </h3>
 						<p>
-							Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.
+							Connect everything, press the button, save the world, and we're done.
 						</p>
 					</div>
 				</div>
@@ -82,13 +82,18 @@
 
 			<div class="ribbon l-box-lrg pure-g">
 				<a id="help" class="anchor"></a>
-				<div class="l-box-lrg is-center pure-u-1 pure-u-med-1-2 pure-u-lrg-2-5">
-					<img class="pure-img-responsive" alt="File Icons" width="300" src="//placehold.it/300x300">
+				<div class="is-center pure-u-1 pure-u-med-1-2 pure-u-lrg-2-5">
+					<h2 class="content-head content-head-ribbon">I'm lost!</h2>
+					<pre>
+Don't <span style="color: #dd514c;">panic()</span>;
+<span style="color: rgb(128, 88, 165);">Throw</span> an <span style="color: #0e90d2;">Exception</span> and <span style="color: #5eb95e">try</span> with the
+</pre>
+					<p>
+						<a href="#map" class="pure-button">Game map</a>
+					</p>
 				</div>
 				<div class="pure-u-1 pure-u-med-1-2 pure-u-lrg-3-5">
-
-					<h2 class="content-head content-head-ribbon">Need some help?</h2>
-
+					<h2 class="content-head content-head-ribbon">Need some help pushing buttons?</h2>
 					<p>
 						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
@@ -96,9 +101,6 @@
 						consequat. Duis aute irure dolor.
 					</p>
 
-					<p>
-						<a href="#map" class="pure-button">Where am I? Open the map!</a>
-					</p>
 				</div>
 
 			</div>
-- 
cgit v1.2.3