docs/website/index.html

   1 <!--#include file="header.html" -->
   2
   3 <div id="headerwrap">
   4   <div class="container">
   5     <div class="row">
   6       <div class="col-sm-6">
   7         <img class="img-responsive center-block" src="images/logo.png" alt="" style="max-width:300px">
   8       </div><!-- /col-lg-6 -->
   9       <div class="col-sm-6">
  10         <h1>Buildroot<br>
  11           <small>Making Embedded Linux Easy</small></h1>
  12         <div class="col-sm-6" style="margin-top:1em; padding-left:0px;">
  13           <a class="btn btn-default btn-lg" style="width:100%;" href="#about"><span class="glyphicon glyphicon-info-sign"></span>&nbsp; Learn more</a>
  14         </div>
  15         <div class="col-sm-6" style="margin-top:1em; padding-left:0px;">
  16           <a class="btn btn-default btn-lg" style="width:100%; margin-bottom: 20px;" href="/download.html"><span class="glyphicon glyphicon-cloud-download"></span>&nbsp; Download</a>
  17         </div>
  18       </div><!-- /col-lg-6 -->
  19     </div><!-- /row -->
  20   </div><!-- /container -->
  21 </div><!-- /headerwrap -->
  22
  23 <a name="about"></a>
  24 <div class="container">
  25   <div class="row mt centered">
  26     <div class="col-lg-8 col-lg-offset-2">
  27       <h1>Buildroot is a simple, efficient and easy-to-use tool to
  28         generate embedded Linux systems through cross-compilation.</h1>
  29     </div>
  30   </div><!-- /row -->
  31
  32   <div class="row mt centered">
  33     <div class="col-md-4">
  34       <div class="flip-container center-block" ontouchstart="this.classList.toggle('hover');">
  35         <div class="flipper">
  36           <div class="front">
  37             <img src="images/tux-flat.png" width="180" alt="">
  38           </div>
  39           <div class="back">
  40             <img src="images/tux-flat.png" width="180" alt="">
  41           </div>
  42         </div>
  43       </div>
  44
  45       <h4>Can handle everything</h4>
  46       <p>Cross-compilation toolchain, root filesystem generation,
  47         kernel image compilation and bootloader compilation.</p>
  48     </div><!--/col-lg-4 -->
  49
  50     <div class="col-md-4">
  51       <div class="flip-container center-block" ontouchstart="this.classList.toggle('hover');">
  52         <div class="flipper">
  53           <div class="front">
  54             <img src="images/hammer.png" width="180" alt="">
  55           </div>
  56           <div class="back">
  57             <img src="images/hammer.png" width="180" alt="">
  58           </div>
  59         </div>
  60       </div>
  61
  62       <h4>Is very easy</h4>
  63       <p>Thanks to its kernel-like menuconfig, gconfig and
  64         xconfig configuration interfaces, building a basic system with
  65         Buildroot is easy and typically takes 15-30 minutes.</p>
  66
  67     </div><!--/col-lg-4 -->
  68
  69     <div class="col-md-4">
  70       <div class="flip-container center-block" ontouchstart="this.classList.toggle('hover');">
  71         <div class="flipper">
  72           <div class="front">
  73             <img src="images/gift.png" width="180" alt="">
  74           </div>
  75           <div class="back">
  76             <img src="images/gift.png" width="180" alt="">
  77           </div>
  78         </div>
  79       </div>
  80
  81       <h4>Supports several hundreds of packages</h4>
  82       <p>X.org stack, Gtk3, Qt 5, GStreamer, Webkit, Kodi, a large number of network-related and system-related utilities are supported.</p>
  83
  84     </div><!--/col-lg-4 -->
  85   </div><!-- /row -->
  86   <hr>
  87 </div><!-- /container -->
  88
  89 <div class="container">
  90   <div class="row mt centered">
  91     <div class="col-lg-6 col-lg-offset-3">
  92       <h1>Buildroot is for Everyone.</h1>
  93       <h3>Has a simple structure that makes it easy to understand and extend. It relies only on the well-known Makefile language.</h3>
  94     </div>
  95   </div><!-- /row -->
  96
  97   <div class="row mt centered">
  98     <div class="col-lg-8 col-lg-offset-2">
  99       <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
 100         <!-- Wrapper for slides -->
 101         <div class="carousel-inner">
 102           <div class="item active">
 103             <img src="images/nconfig.png" alt="">
 104           </div>
 105           <div class="item">
 106             <img src="images/menuconfig.png" alt="">
 107           </div>
 108           <div class="item">
 109             <img src="images/xconfig.png" alt="">
 110           </div>
 111         </div>
 112         <!-- Indicators -->
 113         <ol class="carousel-indicators" style="margin-top:10px">
 114           <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 115           <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 116           <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 117         </ol>
 118       </div>
 119     </div><!-- /col-lg-8 -->
 120   </div><!-- /row -->
 121 </div><!-- /container -->
 122
 123 <div class="container">
 124   <div class="row mt centered">
 125     <div class="col-lg-6 col-lg-offset-3">
 126       <h1>Our recent activity.</h1>
 127       <h3>Buildroot is an open source project: many developers contribute to it daily.</h3>
 128     </div>
 129   </div><!-- /row -->
 130 </div><!-- /container -->
 131
 132 <div class="container">
 133   <div class="row">
 134     <div class="col-sm-6">
 135       <div class="panel panel-primary">
 136         <div class="panel-heading"><a href="http://git.buildroot.net/buildroot"><h5>Recent commits</h5></a></div>
 137         <div class="panel-box panel-body ellipsis" id="commit-activity">
 138         </div>
 139       </div>
 140     </div>
 141     <div class="col-sm-6" >
 142       <div class="panel panel-primary">
 143         <div class="panel-heading"><a href="http://dir.gmane.org/gmane.comp.lib.uclibc.buildroot"><h5>Recent discussions</h5></a></div>
 144         <div class="panel-box panel-body ellipsis" id="mailing-list-activity">
 145         </div>
 146       </div>
 147     </div>
 148   </div>
 149 </div><!-- /container -->
 150
 151 <!--#include file="footer.html" -->