docs/website: New website

This patch introduces a new buildroot website based on a modern flat
layout inspired by material design.

Each page of the old website is converted to the new css/layout, the
big bump is in main page which is completely rewritten. Content of
the old website is copied more or less verbatim, planning to add more
content in the future.

Signed-off-by: Angelo Compagnucci <angelo.compagnucci@gmail.com>
Signed-off-by: Thomas Petazzoni <thomas.petazzoni@free-electrons.com>
Signed-off-by: Peter Korsgaard <peter@korsgaard.com>

1 files changed, 81 insertions, 36 deletions

diff --git a/docs/website/support.html b/docs/website/support.html
index 3b464b4cc9..2f16efe0ae 100644
--- a/docs/website/support.html
+++ b/docs/website/support.html
@@ -1,51 +1,96 @@
 <!--#include file="header.html" -->
 
-<div class="row">
-<div class="col-sm-10 col-sm-offset-1">
+<div class="container">
+<div class="row nh">
+<div class="col-lg-10 col-lg-offset-1 col-md-12 col-sm-12 col-xs-12">
 
-<h2>Support</h2>
+  <div class="panel panel-primary">
+    <div class="panel-heading">Support</div>
+    <div class="panel-body">
+      <p>You can get support for Buildroot through three main channels:</p>
 
-<p>You can get support for Buildroot through three main channels:</p>
+      <div class="row">
+	<div class="col-sm-12">
+	  <div class="panel panel-primary">
+	    <div class="panel-heading">IRC</div>
+	    <div class="panel-body">
+	      <div class="row">
+		<div class="col-sm-1">
+		  <img class="img-responsive" src="images/irc.png" style="max-width:50px; margin-bottom:10px;">
+		</div>
+		<div class="col-sm-11">
+		  <p>The Buildroot IRC channel is <a href="irc://freenode.net/#buildroot">
+		      #buildroot</a>, hosted on Freenode. If you do not have an IRC client, you can
+		    use the <a href="http://webchat.freenode.net">Freenode web interface</a>.
+		    When asking for help on IRC, share relevant logs or pieces of code using a code
+		    sharing website.</p>
+		</div>
+	      </div>
+	    </div>
+	  </div>
+	</div>
 
-<h3>IRC</h3>
-<p>The Buildroot IRC channel is <a href="irc://freenode.net/#buildroot">
-#buildroot</a>, hosted on Freenode. If you do not have an IRC client, you can
-use the <a href="http://webchat.freenode.net">Freenode web interface</a>.
-When asking for help on IRC, share relevant logs or pieces of code using a code
-sharing website.</p>
+	<div class="col-sm-12">
+	  <div class="panel panel-primary">
+	    <div class="panel-heading">Mailing List Information</div>
+	    <div class="panel-body">
+	      <div class="row">
+		<div class="col-sm-1">
+		  <img class="img-responsive" src="images/email.png" style="max-width:50px; margin-bottom:10px;">
+		</div>
+		<div class="col-sm-11">
+		  <p>The <a href="/lists/buildroot/">mailing list</a> is for discussion and
+		    development.  You can subscribe by visiting
+		    <a href="http://lists.buildroot.org/mailman/listinfo/buildroot">this page</a>.
+		    Only subscribers to the Buildroot mailing list are allowed to post
+		    to this list.</p>
 
-<h3>Mailing List Information</h3>
-<p>The <a href="/lists/buildroot/">mailing list</a> is for discussion and
-development.  You can subscribe by visiting
-<a href="http://lists.buildroot.org/mailman/listinfo/buildroot">this page</a>.
-Only subscribers to the Buildroot mailing list are allowed to post
-to this list.</p>
+		  <p>The list is also available
+		    through <a href="http://gmane.org">Gmane</a>
+		    at <a href="http://dir.gmane.org/gmane.comp.lib.uclibc.buildroot">gmane.comp.lib.uclibc.buildroot</a>.
+		  </p>
 
-<p>The list is also available through <a
-href="http://gmane.org">Gmane</a> at <a href="http://dir.gmane.org/gmane.comp.lib.uclibc.buildroot">gmane.comp.lib.uclibc.buildroot</a>.
-</p>
+		  <h4>Search the List Archives</h4>
+		  <p>Please search the mailing list archives before asking questions on the mailing
+		    list, since there is a good chance someone else has asked the same question
+		    before.</p>
 
-<h4>Search the List Archives</h4>
-<p>Please search the mailing list archives before asking questions on the mailing
-list, since there is a good chance someone else has asked the same question
-before.  Checking the archives is a great way to avoid annoying everyone on the
-list with frequently asked questions...</p>
+		  <form method="get" action="http://search.gmane.org/">
+		    <input type="text" name="query">
+		    <input type="hidden" name="group" value="gmane.comp.lib.uclibc.buildroot">
+		    <button type="submit" class="btn btn-default">Submit</button>
+		  </form>
+		</div>
+	      </div>
+	    </div>
+	  </div>
+	</div>
 
-<form method="get" action="http://search.gmane.org/">
-  <input type="text" name="query">
-  <input type="hidden" name="group" value="gmane.comp.lib.uclibc.buildroot">
-  <input type="submit" value="Search">
-</form>
+	<div class="col-sm-12">
+	  <div class="panel panel-primary">
+	    <div class="panel-heading">Bug Tracker</div>
+	    <div class="panel-body">
+	      <div class="row">
+		<div class="col-sm-1">
+		  <img class="img-responsive" src="images/bug-buddy.png" style="max-width:50px; margin-bottom:10px;">
+		</div>
+		<div class="col-sm-11">
+		  <p>If you encounter any problem while using Buildroot, you can use the
+		    <a href="https://bugs.buildroot.org/">Bug Tracker</a> to post your bugs and/or
+		    participate to find solutions to existing problems.</p>
 
-<h3>Bug Tracker</h3>
-
-<p>If you encounter any problem while using Buildroot, you can use the
-<a href="https://bugs.buildroot.org/">Bug Tracker</a> to post your bugs and/or
-participate to find solutions to existing problems.</p>
-
-<p>Note: patches are only accepted through the mailing list.</p>
+		  <p>Note: patches are only accepted through the mailing list.</p>
+		</div>
+	      </div>
+	    </div>
+	  </div>
+	</div>
+      </div>
+    </div>
+  </div>
 
 </div><!--/.col-sm-10 -->
 </div><!--/.row -->
+</div>
 
 <!--#include file="footer.html" -->