docs/website: New website

<!--#include file="header.html" -->

<div class="row">

  <div class="col-sm-6 col-sm-offset-3" style="padding-bottom:10px">

    <img class="center-block" src="images/menuconfig.png"

    style="max-width:100%;"

    alt="Buildroot menuconfig" border="0">

  </div>

<div class="col-sm-10 col-sm-offset-1">

<p>Buildroot is a set of Makefiles and patches that makes it easy to

generate a complete embedded Linux system. Buildroot can generate any

or all of a cross-compilation toolchain, a root filesystem, a kernel

image and a bootloader image. Buildroot is useful mainly for people

working with small or embedded systems, using various CPU

architectures (x86, ARM, MIPS, PowerPC, etc.) : it automates the

building process of your embedded system and eases the

cross-compilation process.</p>

<p>The major Buildroot features are:</p>

<ul>

  <li>Can <b>handle everything</b> in your embedded system development

  project: cross-compiling toolchain, root filesystem generation,

  kernel image compilation and bootloader compilation. Buildroot is

  also sufficiently flexible that it can also be used for only one or

  several of these steps.</li>

  <li>Is <b>very easy</b> to set up, thanks to its menuconfig, gconfig

  and xconfig configuration interfaces, familiar to all embedded Linux

  developers. Building a basic embedded Linux system with Buildroot

  typically takes 15-30 minutes.</li>

  <li>Supports <b>several hundreds of packages</b> for userspace

  applications and libraries: X.org stack, Gtk2, Qt, DirectFB, SDL,

  GStreamer and a large number of network-related and system-related

  utilities and libraries are supported.</li>

  <li>Supports <b>multiple filesystem types</b> for the root

  filesystem image: JFFS2, UBIFS, tarballs, romfs, cramfs, squashfs

  and more.</li>

  <li>Can generate an (e)glibc or uClibc cross-compilation toolchain,

  or re-use your existing glibc, eglibc or uClibc cross-compilation

  toolchain</li>

  <li>Has a <b>simple structure</b> that makes it easy to understand

  and extend. It relies only on the well-known Makefile language.</li>

</ul>

<p>Buildroot is maintained by <a href=

"mailto:jacmet@uclibc.org">Peter Korsgaard</a>, and licensed under the

<a href="http://www.gnu.org/licenses/old-licenses/gpl-2.0.html">GNU

GENERAL PUBLIC LICENSE V2 (Or later)</a>. Stable releases are

delivered every three months.</p>

</div><!--/.col-sm-10 -->

</div><!--/.row -->

<!--#include file="footer.html" -->

<!--#include file="header.html" -->

<div class="row">

<div class="col-sm-10 col-sm-offset-1">

<h2>Contribute</h2>

<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">Contribute</div>

    <div class="panel-body">

      <p>Buildroot is an open source project and you are very welcome to contribute to

	it.<br />

	There are many different ways to contribute:</p>

      <p>If you need any support yourself, have a look at <a href="./support.html">

	  Support</a>.</p>

    </div>

  </div>

</div><!--/.col-sm-10 -->

</div><!--/.row -->

</div>

<!--#include file="footer.html" -->

// Cerulean 3.3.0

// Bootswatch

// -----------------------------------------------------

@import url(//fonts.googleapis.com/css?family=Telex);

.btn-shadow(@color) {

  #gradient > .vertical-three-colors(lighten(@color, 8%), @color, 60%, darken(@color, 4%));

  filter: none;

  border-bottom: 1px solid darken(@color, 10%);

}

// Navbar =====================================================================

.navbar {

  .btn-shadow(@navbar-default-bg);

  filter: none;

  .box-shadow(0 1px 10px rgba(0, 0, 0, 0.1));

  &-default {

    .badge {

      background-color: #fff;

      color: @navbar-default-bg;

    }

  }

  &-inverse {

    #gradient > .vertical-three-colors(lighten(@navbar-inverse-bg, 8%), lighten(@navbar-inverse-bg, 4%), 60%, darken(@navbar-inverse-bg, 2%));

    filter: none;

    border-bottom: 1px solid darken(@navbar-inverse-bg, 10%);

    .badge {

      background-color: #fff;

      color: @navbar-inverse-bg;

    }

  }

  .navbar-nav > li > a,

  &-brand {

    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);

  }

}

@media (max-width: @grid-float-breakpoint-max) {

  .navbar {

    .dropdown-header {

      color: #fff;

    }

  }

}

// Buttons ====================================================================

.btn {

  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);

  .caret {

    border-top-color: #fff;

  }

}

.btn-default {

  .btn-shadow(@btn-default-bg);

  &:hover {

    color: @btn-default-color;

  }

  .caret {

    border-top-color: @text-color;

  }

}

.btn-default {

  .btn-shadow(@btn-default-bg);

}

.btn-primary {

  .btn-shadow(@btn-primary-bg);

}

.btn-success {

  .btn-shadow(@btn-success-bg);

}

.btn-info {

  .btn-shadow(@btn-info-bg);

}

.btn-warning {

  .btn-shadow(@btn-warning-bg);

}

.btn-danger {

  .btn-shadow(@btn-danger-bg);

}

// Typography =================================================================

// Tables =====================================================================

// Forms ======================================================================

// Navs =======================================================================

// Indicators =================================================================

// Progress bars ==============================================================

// Containers =================================================================

.panel-primary,

.panel-success,

.panel-warning,

.panel-danger,

.panel-info {

  .panel-heading,

  .panel-title {

    color: #fff;

  }

}

body {

    padding-top: 60px;

    padding-bottom: 40px;

}

.button_column {

    width: 430px;

}

.gplus {

    float:right;

    margin: 10px 0 0;

}

div.sponsor-main {

    background: #eeeeee;

    padding-top: 2em;

    padding-bottom: 2em;

}

div.sponsor {

    padding: 0.5em;

    height: 12em;

    display: table !important;

}

div.sponsor-description {

    background: #eeeeee;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

div.sponsor-description img {

    max-width: 99%;

    height: 4em;

    margin-bottom: 1em;

}

div.panel-body p {

    text-overflow: ellipsis;

    width: 95%;

    white-space: nowrap;

    overflow: hidden;

    height: 1.5em;

}