xref: /OK3568_Linux_fs/buildroot/docs/website/index.html (revision 4882a59341e53eb6f0b4789bf948001014eff981)
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 thousand 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" -->
152