diff options
Diffstat (limited to 'docs/website/index.html')
| -rw-r--r-- | docs/website/index.html | 174 |
1 files changed, 139 insertions, 35 deletions
diff --git a/docs/website/index.html b/docs/website/index.html index c6882fb48c..61c2248955 100644 --- a/docs/website/index.html +++ b/docs/website/index.html @@ -1,47 +1,151 @@ <!--#include file="header.html" --> -<div class="row"> - <div class="container" style="width:100%"> - <div class="col-sm-10 col-sm-offset-1 jumbotron"> - <div class="row"> - <div class="col-sm-9"> - <h1>Buildroot<br/><small>Making Embedded Linux Easy</small></h1> - <p>Buildroot is a simple, efficient and easy-to-use tool to generate - embedded Linux systems through cross-compilation.</p> - </div> - <div class="col-sm-3"> - <img src="images/logo.png" class="center-block" style="width:170px; heigth:170px;" - alt="Buildroot logo" /> - </div> + +<div id="headerwrap"> + <div class="container"> + <div class="row"> + <div class="col-sm-6"> + <img class="img-responsive center-block" src="images/logo.png" alt="" style="max-width:300px"> + </div><!-- /col-lg-6 --> + <div class="col-sm-6"> + <h1>Buildroot<br> + <small>Making Embedded Linux Easy</small></h1> + <div class="col-sm-6" style="margin-top:1em; padding-left:0px;"> + <a class="btn btn-default btn-lg" style="width:100%;" href="#about"><span class="glyphicon glyphicon-info-sign"></span> Learn more</a> + </div> + <div class="col-sm-6" style="margin-top:1em; padding-left:0px;"> + <a class="btn btn-default btn-lg" style="width:100%; margin-bottom: 20px;" href="/download.html"><span class="glyphicon glyphicon-cloud-download"></span> Download</a> + </div> + </div><!-- /col-lg-6 --> + </div><!-- /row --> + </div><!-- /container --> +</div><!-- /headerwrap --> + +<a name="about"></a> +<div class="container"> + <div class="row mt centered"> + <div class="col-lg-8 col-lg-offset-2"> + <h1>Buildroot is a simple, efficient and easy-to-use tool to + generate embedded Linux systems through cross-compilation.</h1> + </div> + </div><!-- /row --> + + <div class="row mt centered"> + <div class="col-md-4"> + <div class="flip-container center-block" ontouchstart="this.classList.toggle('hover');"> + <div class="flipper"> + <div class="front"> + <img src="images/tux-flat.png" width="180" alt=""> + </div> + <div class="back"> + <img src="images/tux-flat.png" width="180" alt=""> + </div> + </div> + </div> + + <h4>Can handle everything</h4> + <p>Cross-compilation toolchain, root filesystem generation, + kernel image compilation and bootloader compilation.</p> + </div><!--/col-lg-4 --> + + <div class="col-md-4"> + <div class="flip-container center-block" ontouchstart="this.classList.toggle('hover');"> + <div class="flipper"> + <div class="front"> + <img src="images/hammer.png" width="180" alt=""> + </div> + <div class="back"> + <img src="images/hammer.png" width="180" alt=""> + </div> + </div> </div> - <div class="row"> - <div class="col-sm-offset-5 col-sm-7"> - <div class="col-sm-6" style="margin-top:1em; padding-left:0px;"> - <a class="btn btn-primary btn-lg" style="width:100%;" href="/about.html"><span class="glyphicon glyphicon-info-sign"></span> Learn more »</a> - </div> - <div class="col-sm-6" style="margin-top:1em; padding-left:0px;"> - <a class="btn btn-primary btn-lg" style="width:100%;" href="/download.html"><span class="glyphicon glyphicon-cloud-download"></span> Download »</a> - </div> - </div> + + <h4>Is very easy</h4> + <p>Thanks to its kernel-like menuconfig, gconfig and + xconfig configuration interfaces, building a basic system with + Buildroot is easy and typically takes 15-30 minutes.</p> + + </div><!--/col-lg-4 --> + + <div class="col-md-4"> + <div class="flip-container center-block" ontouchstart="this.classList.toggle('hover');"> + <div class="flipper"> + <div class="front"> + <img src="images/gift.png" width="180" alt=""> + </div> + <div class="back"> + <img src="images/gift.png" width="180" alt=""> + </div> + </div> </div> + + <h4>Supports several hundreds of packages</h4> + <p>X.org stack, Gtk3, Qt 5, GStreamer, Webkit, Kodi, a large number of network-related and system-related utilities are supported.</p> + + </div><!--/col-lg-4 --> + </div><!-- /row --> + <hr> +</div><!-- /container --> + +<div class="container"> + <div class="row mt centered"> + <div class="col-lg-6 col-lg-offset-3"> + <h1>Buildroot is for Everyone.</h1> + <h3>Has a simple structure that makes it easy to understand and extend. It relies only on the well-known Makefile language.</h3> </div> - </div> -</div> + </div><!-- /row --> -<div class="row"> - <div class="col-sm-5 col-sm-offset-1"> - <div class="panel panel-default"> - <div class="panel-body" id="commit-activity"> - <a href="http://git.buildroot.net/buildroot"><h2>Recent commits</h2></a> + <div class="row mt centered"> + <div class="col-lg-8 col-lg-offset-2"> + <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> + <!-- Wrapper for slides --> + <div class="carousel-inner"> + <div class="item active"> + <img src="images/nconfig.png" alt=""> + </div> + <div class="item"> + <img src="images/menuconfig.png" alt=""> + </div> + <div class="item"> + <img src="images/xconfig.png" alt=""> + </div> + </div> + <!-- Indicators --> + <ol class="carousel-indicators" style="margin-top:10px"> + <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> + <li data-target="#carousel-example-generic" data-slide-to="1"></li> + <li data-target="#carousel-example-generic" data-slide-to="2"></li> + </ol> </div> + </div><!-- /col-lg-8 --> + </div><!-- /row --> +</div><!-- /container --> + +<div class="container"> + <div class="row mt centered"> + <div class="col-lg-6 col-lg-offset-3"> + <h1>Our recent activity.</h1> + <h3>Buildroot is an open source project: many developers contribute to it daily.</h3> </div> - </div> - <div class="col-sm-5" > - <div class="panel panel-default" style="min-height: 22em;"> - <div class="panel-body" id="mailing-list-activity"> - <a href="http://dir.gmane.org/gmane.comp.lib.uclibc.buildroot"><h2>Recent discussions</h2></a> + </div><!-- /row --> +</div><!-- /container --> + +<div class="container"> + <div class="row"> + <div class="col-sm-6"> + <div class="panel panel-primary"> + <div class="panel-heading"><a href="http://git.buildroot.net/buildroot"><h5>Recent commits</h5></a></div> + <div class="panel-box panel-body ellipsis" id="commit-activity"> + </div> + </div> + </div> + <div class="col-sm-6" > + <div class="panel panel-primary"> + <div class="panel-heading"><a href="http://dir.gmane.org/gmane.comp.lib.uclibc.buildroot"><h5>Recent discussions</h5></a></div> + <div class="panel-box panel-body ellipsis" id="mailing-list-activity"> + </div> </div> </div> </div> -</div> +</div><!-- /container --> <!--#include file="footer.html" --> |
