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, 175 insertions, 87 deletions

diff --git a/docs/website/download.html b/docs/website/download.html
index 201e248e60..b6b3f13b79 100644
--- a/docs/website/download.html
+++ b/docs/website/download.html
@@ -1,94 +1,182 @@
 <!--#include file="header.html" -->
 
-<div class="row">
-<div class="col-sm-10 col-sm-offset-1">
-
-<h2>Download</h2>
-
-<p>
-
-The latest stable release is <b>2015.08.1</b>, which can be downloaded
-here:<p>
-
-<a href="/downloads/buildroot-2015.08.1.tar.gz">buildroot-2015.08.1.tar.gz</a>
-(<a href="/downloads/buildroot-2015.08.1.tar.gz.sign">PGP signature</a>)
-or
-<a href="/downloads/buildroot-2015.08.1.tar.bz2">buildroot-2015.08.1.tar.bz2</a>
-(<a href="/downloads/buildroot-2015.08.1.tar.bz2.sign">PGP signature</a>).
-
-<p>
-The latest release candidate is <b>2015.11-rc2</b>, which can be
-downloaded here:<p>
-
-<a href="/downloads/buildroot-2015.11-rc2.tar.gz">buildroot-2015.11-rc2.tar.gz</a>
-(<a href="/downloads/buildroot-2015.11-rc2.tar.gz.sign">PGP signature</a>)
-or
-<a href="/downloads/buildroot-2015.11-rc2.tar.bz2">buildroot-2015.11-rc2.tar.bz2</a>
-(<a href="/downloads/buildroot-2015.11-rc2.tar.bz2.sign">PGP signature</a>).
-<p>
-
-This and earlier releases (and their PGP signatures) can always be downloaded from
-<a href="/downloads/">http://buildroot.net/downloads/</a>.
-
-<p>
-
-You can also obtain daily snapshots of the latest Buildroot source tree if you
-want to follow development, but cannot or do not wish to use Git.
-
-<ul>
-	<li>You can download the
-	<a href="downloads/snapshots/buildroot-snapshot.tar.bz2">latest snapshot
-	</a> or view recent <a href="downloads/snapshots/">daily snapshots</a>.
-	</li>
-
-	<li>You can also <a href="http://git.buildroot.net/buildroot">browse the
-	source tree online</a>.
-	</li>
-</ul>
-
-<p>
-Older versions can be downloaded from <a href="/downloads/">the release archive</a>.
-</p>
-
-<h2>Repository</h2>
-
-The buildroot repository can be browsed online through cgit at
-<a href="http://git.buildroot.net/buildroot/">http://git.buildroot.net/buildroot</a>.
-To grab a copy of the repository use
-
-<pre>
-git clone git://git.buildroot.net/buildroot</pre>
-
-Or if you're behind a firewall blocking git:
-
-<pre>
-git clone http://git.buildroot.net/git/buildroot.git</pre>
-
-<p>
-
-Please use the native git protocol if at all possible, as it's a lot
-more efficient than HTTP.
-
-<p>
-
-If you are not already familiar with using Git, we recommend you visit <a
-href="http://git-scm.org">the Git website</a>.
-
-<p>
-
-Once you've checked out a copy of the source tree, you can update your source
-tree at any time so it is in sync with the latest and greatest by entering your
-buildroot directory and running the command:
-
-<pre>
-git pull
-</pre>
-
-Because you've only been granted anonymous access to the tree, you won't be
-able to push your changes to the repo. Changes can instead be submitted for
-inclusion by posting them to the buildroot mailing list.
+<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">
+
+  <div class="panel panel-primary">
+    <div class="panel-heading">Download</div>
+    <div class="panel-body">
+
+      <h3 style="text-align: center;">Latest stable release: <b>2015.08.1</b></h3>
+
+      <div class="row mt centered">
+	<div class="col-sm-6">
+	  <div class="flip-container center-block" ontouchstart="this.classList.toggle('hover');">
+	    <div class="flipper">
+	      <div class="front">
+		<a href="/downloads/buildroot-2015.08.1.tar.gz"><img src="images/zip.png" width="180" alt=""></a>
+	      </div>
+	      <div class="back">
+		<a href="/downloads/buildroot-2015.08.1.tar.gz"><img src="images/zip.png" width="180" alt=""></a>
+	      </div>
+	    </div>
+	  </div>
+	  <h3><a href="/downloads/buildroot-2015.08.1.tar.gz">buildroot-2015.08.1.tar.gz</a></h3>
+	  <p><a href="/downloads/buildroot-2015.08.1.tar.gz.sign">PGP signature</a></p>
+	</div>
+	<div class="col-sm-6">
+	  <div class="flip-container center-block" ontouchstart="this.classList.toggle('hover');">
+	    <div class="flipper">
+	      <div class="front">
+		<a href="/downloads/buildroot-2015.08.1.tar.bz2"><img src="images/package.png" width="180" alt=""></a>
+	      </div>
+	      <div class="back">
+		<a href="/downloads/buildroot-2015.08.1.tar.bz2"><img src="images/package.png" width="180" alt=""></a>
+	      </div>
+	    </div>
+	  </div>
+
+	  <h3><a href="/downloads/buildroot-2015.08.1.tar.bz2">buildroot-2015.08.1.tar.bz2</a></h3>
+	  <p><a href="/downloads/buildroot-2015.08.1.tar.bz2.sign">PGP signature</a></p>
+	</div>
+      </div>
+
+      <h3 style="text-align: center;">Latest release candidate: <b>2015.11-rc2</b></h3>
+      <div class="row mt centered">
+	<div class="col-sm-6">
+	  <div class="flip-container center-block" ontouchstart="this.classList.toggle('hover');">
+	    <div class="flipper">
+	      <div class="front">
+		<a href="/downloads/buildroot-2015.11-rc2.tar.gz"><img src="images/zip.png" width="180" alt=""></a>
+	      </div>
+	      <div class="back">
+		<a href="/downloads/buildroot-2015.11-rc2.tar.gz"><img src="images/zip.png" width="180" alt=""></a>
+	      </div>
+	    </div>
+	  </div>
+
+	  <h3><a href="/downloads/buildroot-2015.11-rc2.tar.gz">buildroot-2015.11-rc2.tar.gz</a></h3>
+	  <p><a href="/downloads/buildroot-2015.11-rc2.tar.gz.sign">PGP signature</a></p>
+	</div>
+	<div class="col-sm-6">
+	  <div class="flip-container center-block" ontouchstart="this.classList.toggle('hover');">
+	    <div class="flipper">
+	      <div class="front">
+		<a href="/downloads/buildroot-2015.11-rc2.tar.bz2"><img src="images/package.png" width="180" alt=""></a>
+	      </div>
+	      <div class="back">
+		<a href="/downloads/buildroot-2015.11-rc2.tar.bz2"><img src="images/package.png" width="180" alt=""></a>
+	      </div>
+	    </div>
+	  </div>
+
+	  <h3><a href="/downloads/buildroot-2015.11-rc2.tar.bz2">buildroot-2015.11-rc2.tar.bz2</a></h3>
+	  <p><a href="/downloads/buildroot-2015.11-rc2.tar.bz2.sign">PGP signature</a></p>
+	</div>
+      </div>
+      This and earlier releases (and their PGP signatures) can always be downloaded from
+      <a href="/downloads/">http://buildroot.net/downloads/</a>.
+    </div>
+  </div>
+
+  <div class="panel panel-primary">
+    <div class="panel-heading">Source code</div>
+    <div class="panel-body">
+
+      <div class="row">
+	<div class="col-sm-7">
+	  <div class="panel panel-success">
+	    <div class="panel-heading">Repository</div>
+	    <div class="panel-body">
+	      <P>The buildroot repository can be browsed online through cgit at
+		<a href="http://git.buildroot.net/buildroot/">http://git.buildroot.net/buildroot</a>.
+		To grab a copy of the repository use</p>
+
+
+	      <div class="input-group" style="width: 100%;">
+		<input class="form-control" style="width: 85%;" id="giturl"
+		       value="git clone git://git.buildroot.net/buildroot" type="text" readonly></input>
+		<span class="input-group-button">
+		  <button class="btn pull-right" type="button" data-clipboard-target="#giturl"
+			  data-toggle="tooltip" data-placement="bottom" data-trigger="manual" title="Copied!">
+		    <img class="clippy" src="images/clippy.svg" alt="Copy to clipboard" width="13">
+		  </button>
+		</span>
+	      </div><br>
+
+	      <p>
+		Or if you're behind a firewall blocking git:
+	      </p>
+
+	      <div class="input-group" style="width: 100%;">
+		<input class="form-control" style="width: 85%;" id="giturlhttps"
+		       value="git clone https://git.buildroot.net/buildroot" type="text" readonly></input>
+		<span class="input-group-button">
+		  <button class="btn pull-right" type="button" data-clipboard-target="#giturlhttps"
+			  data-toggle="tooltip" data-placement="bottom" data-trigger="click" title="Copied!">
+		    <img class="clippy" src="images/clippy.svg" alt="Copy to clipboard" width="13">
+		  </button>
+		</span>
+	      </div><br>
+
+	      <p>
+
+		Please use the native git protocol if at all possible, as it's a lot
+		more efficient than HTTP.
+
+	      <p>
+
+		If you are not already familiar with using Git, we recommend you visit <a
+											  href="http://git-scm.org">the Git website</a>.
+
+	      <p>
+
+		Once you've checked out a copy of the source tree, you can update your source
+		tree at any time so it is in sync with the latest and greatest by entering your
+		buildroot directory and running the command:
+
+		<pre>
+		  git pull
+		</pre>
+
+		Because you've only been granted anonymous access to the tree, you won't be
+		able to push your changes to the repo. Changes can instead be submitted for
+		inclusion by posting them to the buildroot mailing list.
+	    </div>
+	  </div>
+	</div>
+
+	<div class="col-sm-5">
+	  <div class="panel panel-default	">
+	    <div class="panel-heading">Tarballs</div>
+	    <div class="panel-body">
+	      You can also obtain daily snapshots of the latest Buildroot source tree if you
+	      want to follow development, but cannot or do not wish to use Git.
+
+	      <ul>
+		<li>You can download the
+		  <a href="downloads/snapshots/buildroot-snapshot.tar.bz2">latest snapshot
+		  </a> or view recent <a href="downloads/snapshots/">daily snapshots</a>.
+		</li>
+
+		<li>You can also <a href="http://git.buildroot.net/buildroot">browse the
+		    source tree online</a>.
+		</li>
+	      </ul>
+
+	      <p>
+		Older versions can be downloaded from <a href="/downloads/">the release archive</a>.
+	      </p>
+	    </div>
+	  </div>
+	</div>
+      </div>
+    </div>
+  </div>
 
 </div><!--/.col-sm-10 -->
 </div><!--/.row -->
+</div>
 
 <!--#include file="footer.html" -->