docs: improve look of sponsors page

This commit completely reworks the Sponsors page, to improve its look,
put the current sponsor in a clearly visible way, and add the logo of
all sponsors.

[Thomas: fixed the next meeting date, as noticed by Thomas DS.]

Signed-off-by: Thomas Petazzoni <thomas.petazzoni@free-electrons.com>

docs/css/buildroot.css

@@ -11,3 +11,26 @@ body {
     float:right;
     margin: 10px 0 0;
 }
+
+div.sponsor-main {
+    background: #eeeeee;
+    padding: 2em;
+}
+
+div.sponsor {
+    background: #eeeeee;
+    padding: 0.5em;
+    height: 12em;
+    display: table !important;
+}
+
+div.sponsor-description {
+    display: table-cell;
+    vertical-align: middle;
+    text-align: center;
+}
+
+div.sponsor-description img {
+    height: 4em;
+    margin-bottom: 1em;
+}

docs/sponsors.html

@@ -2,46 +2,145 @@
 
 <h2>Sponsors</h2>
 
+<h3>Current sponsors</h3>
+
+<div class="container">
+  <div class="row-fluid">
+    <div class="span12 sponsor-main">
+      <div class="row-fluid">
+	<div class="span4">
+	  <a href="http://mind.be">
+	    <img src="images/mind-logo.png"/>
+	  </a>
+	</div>
+	<div class="span8">
+	  <p><a href="http://www.mind.be">Mind</a> is the Embedded
+	  Software division of Essensium, which provides consultancy
+	  and services specifically in the field of Linux and Open
+	    Source SW for Embedded Systems.</p>
+
+	  <p>Mind is sponsoring
+	  the <a href="http://elinux.org/Buildroot:DeveloperDaysELCE2014">Buildroot
+	  Developers Meeting</a> colocated with the Embedded Linux
+	  Conference Europe, taking place on October 11-12 2014 in
+	  Düsseldorf, Germany. Mind is helping with the logistics of
+	  the meeting room, as well as the Saturday dinner for the
+	  participants.</p>
+	</div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<h3>Past sponsors</h3>
+
 <p>Throughout its history, the Buildroot project has been sponsored by
-various companies, that we would like to thank below:</p>
+  various companies, that we would like to thank below.</p>
 
-<ul>
+<div class="container">
+  <div class="row-fluid">
+    <div class="span4 sponsor">
+      <div class="sponsor-description">
+	<a href="http://www.mind.be">
+	  <img src="images/mind-logo.png" alt="Mind" title="Mind"/>
+	</a><br/>
+	<a href="http://www.mind.be">Mind</a> sponsored the dinner of
+	the FOSDEM 2014 Developers Meeting.
+      </div>
+    </div>
+    <div class="span4 sponsor">
+      <div class="sponsor-description">
+	<a href="http://www.google.com">
+	  <img src="images/google-logo.png" alt="Google" title="Google"/>
+	</a>
+	<br/>
+	<a href="http://www.google.com">Google</a> provided the
+	logistics for the FOSDEM 2013 and FOSDEM 2014 Developer Days in
+	Brussels, Belgium.
+      </div>
+    </div>
+    <div class="span4 sponsor">
+      <div class="sponsor-description">
+	<a href="http://www.imgtec.com/">
+	  <img src="images/imgtec-logo.png" alt="Imagination Technologies" title="Imagination Technologies"/>
+	</a>
+	<br/>
+	<a href="http://www.imgtec.com/">Imagination Technologies</a>
+	  sponsored the meeting room and dinner of the ELCE 2013
+	Developer Days in Edinburgh, UK.
+      </div>
+    </div>
+  </div>
 
-  <li><a href="http://www.mind.be">Mind</a>, for sponsoring the dinner
+  <div class="row-fluid" style="margin-top: 1em;">
-  of the FOSDEM 2014 Developers meeting in Brussels, Belgium. Mind
+    <div class="span4 sponsor">
-  (www.mind.be) is the Embedded Software division of Essensium, which
+      <div class="sponsor-description">
-  provides consultancy and services specifically in the field of Linux
+	<a href="http://circuitco.com/">
-  and Open Source SW for Embedded Systems.</li>
+	  <img src="images/circuitco-logo.png" alt="CircuitCo" title="CircuitCo"/>
-
+	</a>
-  <li><a href="http://www.google.com">Google</a>, for providing all
+	<br/>
-  the logistics for the FOSDEM 2013 and FOSDEM 2014 Developer Days in
+	<a href="http://circuitco.com/">CircuitCo</a> sponsored
-  Brussels, Belgium.</li>
+	  several development boards for the Google Summer of Code
-
+	  2013 project on Buildroot.
-  <li><a href="http://www.imgtec.com/">Imagination Technologies</a>,
+      </div>
-  for sponsoring the meeting room and dinner of the ELCE 2013
+    </div>
-  Developer Days in Edinburgh, UK.</li>
+    <div class="span4 sponsor">
-
+      <div class="sponsor-description">
-  <li><a href="http://circuitco.com/">CircuitCo</a>, for sponsoring
+	<a href="http://boundarydevices.com/">
-  several development boards for the Google Summer of Code 2013
+	  <img src="images/boundary-devices-logo.png" alt="Boundary Devices" title="Boundary Devices"/>
-  project on Buildroot.</li>
+	</a>
-
+	<br/>
-  <li><a href="http://boundarydevices.com/">BoundaryDevices</a>, for
+	<a href="http://boundarydevices.com/">BoundaryDevices</a>
-  sponsoring an i.MX6 development board for the Google Summer of Code
+	sponsored an i.MX6 development board for the Google Summer of
-  2013 project on Buildroot.</li>
+	Code 2013 project on Buildroot.
-
+      </div>
-  <li><a href="http://www.fluendo.com/">Fluendo</a>, for sponsoring
+    </div>
-  the meeting room for the ELCE 2012 Developer Days in Barcelona
+    <div class="span4 sponsor">
-  Spain.</li>
+      <div class="sponsor-description">
-
+	<a href="http://www.fluendo.com/">
-  <li><a href="http://www.synopsys.com">Synopsys</a>, for sponsoring
+	  <img src="images/fluendo-logo.png" alt="Fluendo" title="Fluendo"/>
-  the dinner for the ELCE 2012 Developer Days in Barcelona,
+	</a>
-  Spain.</li>
+	<br/>
-
+	<a href="http://www.fluendo.com/">Fluendo</a> sponsored the
-  <li><a href="http://www.calao-systems.com/">Calao Systems</a>
+	meeting room for the ELCE 2012 Developer Days in Barcelona
-  and <a href="http://free-electrons.com/">Free Electrons</a> for
+	Spain.
-  providing a meeting room and offering lunch for the ELCE 2009
+      </div>
-  Developer Days in Grenoble, France.</li>
+    </div>
-
+  </div>
-</ul>
+  <div class="row-fluid" style="margin-top: 1em;">
+    <div class="span4 sponsor">
+      <div class="sponsor-description">
+	<a href="http://www.synopsys.com">
+	  <img src="images/synopsys-logo.png" alt="Synopsys" title="Synopsys"/>
+	</a>
+	<br/>
+	<a href="http://www.synopsys.com">Synopsys</a> sponsored the
+	  dinner for the ELCE 2012 Developer Days in Barcelona, Spain.
+      </div>
+    </div>
+    <div class="span4 sponsor">
+      <div class="sponsor-description">
+	<a href="http://www.calao-systems.com/">
+	  <img src="images/calao-logo.png"/ alt="Calao Systems" title="Calao Systems">
+	</a>
+	<br/>
+	<a href="http://www.calao-systems.com/">Calao Systems</a>
+	provided a a meeting room for the ELCE 2009 Developer Days
+	in Grenoble, France.
+      </div>
+    </div>
+    <div class="span4 sponsor">
+      <div class="sponsor-description">
+	<a href="http://www.free-electrons.com">
+	  <img src="images/free-electrons-logo.png" alt="Free Electrons" title="Free Electrons"/>
+	</a>
+	<br/>
+	<a href="http://www.free-electrons.com">Free Electrons</a>
+	sponsored the lunch for the ELCE 2009 Developer Days in
+	Grenoble, France.
+      </div>
+    </div>
+  </div>
+</div>
 
 <!--#include file="footer.html" -->