-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfront-page.php
204 lines (192 loc) · 11.4 KB
/
front-page.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!-- Main jumbotron for school server marketing message -->
<div class="jumbotron">
<div class="container" style="padding-left: 0px; padding-right: 0px;">
<div class="col-md-6">
<h2>The digital backbone for your education revolution</h2>
<p>Schoolserver is an open-education project inspired by <a href="http://laptop.org">One Laptop Per Child</a> to provide breakthrough digital learning tools to the world's poorest children.</p>
<p>Schoolserver is available in many flavors from cloud images to solar powered appliances. Find out what is the best fit for you.</p>
<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more »</a></p>
</div>
<div class="col-md-6">
<img class="img-responsive" data-holder-rendered="true" src="xs_icon.png" alt="XSCE image">
</div>
</div>
</div>
<div class="container marketing">
<!-- Example row of columns -->
<div class="row">
<div class="col-lg-3">
<img class="img" src="<?php bloginfo('template_directory'); ?>/images/media.svg" alt="Media" style="width: 140px; height: 140px;">
<h3>Media</h3>
<p>Resources like Wikipedia, OpenStreetMaps, project Gutenberg and many more made available offline depending on your needs. Tools that empower learners to create, remix and share resources and knowledge.</p>
<h4>Your Internet in a Box!</h4>
<p><a class="btn btn-default" href="#" role="button">Explore »</a></p>
</div>
<div class="col-lg-3">
<img class="img" src="<?php bloginfo('template_directory'); ?>/images/connectivity.svg" alt="Connectivity" style="width: 140px; height: 140px;">
<h3>Connectivity</h3>
<p>Network configuration can be a big challenge in remote regions. Schoolserver provides automatic network setup, supports 3G modems and even wireless self configuring mesh networks.</p>
<h4>No sysadmins were harmed in the making of this product :-)</h4>
<p><a class="btn btn-default" href="#" role="button">Connect »</a></p>
</div>
<div class="col-lg-3">
<img class="img" src="<?php bloginfo('template_directory'); ?>/images/admin.svg" alt="Administration" style="width: 140px; height: 140px;">
<h3>Administration</h3>
<p>Software to manage school operations and visualize detailed analytics on student performance. A host of technical tools to monitor, debug and fix problems with your digital infrastructure.</p>
<h4>Easier management, visible outcomes!</h4>
<p><a class="btn btn-default" href="#" role="button">Manage »</a></p>
</div>
<div class="col-lg-3">
<img class="img" src="<?php bloginfo('template_directory'); ?>/images/flexibility.svg" alt="Flexibility" style="width: 140px; height: 140px;">
<h3>Flexibility</h3>
<p>The ultimate aim of Schoolserver is to fit <b>your needs</b>. Being GNU/Linux based, it runs on a variety of hardware backed by an active community. Most apps and tools have levers to allow easy installation and configuration.</p>
<h4>Make it so!</h4>
<p><a class="btn btn-default" href="#" role="button">Tinker »</a></p>
</div>
</div>
</br></br>
<hr>
</br></br>
<!-- Carousel
================================================== -->
<h1 class="text-center">See the schoolserver in action</h1>
</br>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<img data-holder-rendered="true" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTE0MCIgaGVpZ2h0PSI1MDAiIHZpZXdCb3g9IjAgMCAxMTQwIDUwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGRlZnMvPjxyZWN0IHdpZHRoPSIxMTQwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzY2NiIvPjxnPjx0ZXh0IHg9IjM1Mi41IiB5PSIyNTAiIHN0eWxlPSJmaWxsOiM0NDQ7Zm9udC13ZWlnaHQ6Ym9sZDtmb250LWZhbWlseTpBcmlhbCwgSGVsdmV0aWNhLCBPcGVuIFNhbnMsIHNhbnMtc2VyaWYsIG1vbm9zcGFjZTtmb250LXNpemU6NTNwdDtkb21pbmFudC1iYXNlbGluZTpjZW50cmFsIj5TZWNvbmQgc2xpZGU8L3RleHQ+PC9nPjwvc3ZnPg==" data-src="holder.js/940x500/auto/#666:#444/text:First slide" alt="First slide [940x500]">
<div class="container">
<div class="carousel-caption">
<h1>Example headline.</h1>
<p>Note: If you're viewing this page via a <code>file://</code> URL, the "next" and "previous" Glyphicon buttons on the left and right might not load/display properly due to web browser security rules.</p>
<p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>
</div>
</div>
</div>
<div class="item">
<img data-holder-rendered="true" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTE0MCIgaGVpZ2h0PSI1MDAiIHZpZXdCb3g9IjAgMCAxMTQwIDUwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGRlZnMvPjxyZWN0IHdpZHRoPSIxMTQwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzY2NiIvPjxnPjx0ZXh0IHg9IjM1Mi41IiB5PSIyNTAiIHN0eWxlPSJmaWxsOiM0NDQ7Zm9udC13ZWlnaHQ6Ym9sZDtmb250LWZhbWlseTpBcmlhbCwgSGVsdmV0aWNhLCBPcGVuIFNhbnMsIHNhbnMtc2VyaWYsIG1vbm9zcGFjZTtmb250LXNpemU6NTNwdDtkb21pbmFudC1iYXNlbGluZTpjZW50cmFsIj5TZWNvbmQgc2xpZGU8L3RleHQ+PC9nPjwvc3ZnPg==" data-src="holder.js/940x500/auto/#666:#444/text:First slide" alt="First slide [940x500]">
<div class="container">
<div class="carousel-caption">
<h1>Another example headline.</h1>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
</div>
</div>
</div>
<div class="item">
<img data-holder-rendered="true" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTE0MCIgaGVpZ2h0PSI1MDAiIHZpZXdCb3g9IjAgMCAxMTQwIDUwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGRlZnMvPjxyZWN0IHdpZHRoPSIxMTQwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzY2NiIvPjxnPjx0ZXh0IHg9IjM1Mi41IiB5PSIyNTAiIHN0eWxlPSJmaWxsOiM0NDQ7Zm9udC13ZWlnaHQ6Ym9sZDtmb250LWZhbWlseTpBcmlhbCwgSGVsdmV0aWNhLCBPcGVuIFNhbnMsIHNhbnMtc2VyaWYsIG1vbm9zcGFjZTtmb250LXNpemU6NTNwdDtkb21pbmFudC1iYXNlbGluZTpjZW50cmFsIj5TZWNvbmQgc2xpZGU8L3RleHQ+PC9nPjwvc3ZnPg==" data-src="holder.js/940x500/auto/#666:#444/text:First slide" alt="First slide [940x500]">
<div class="container">
<div class="carousel-caption">
<h1>One more for good measure.</h1>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div><!-- /.carousel -->
</br></br>
<hr>
</br></br>
<!-- Example row of columns -->
<div class="row">
<div class="col-md-1" >
</div>
<div class="col-md-10" >
<h4 class="text-center">Whether your project is in a remote village without electricity or a large city; or whether you want to deploy in a single classroom or a large set of schools, we have a schoolserver setup that will fit and evolve with your requirements.</h4>
<h1 class="text-center">Get your copy today</h1>
</br></br>
</div>
<div class="col-md-1" >
</div>
<div class="col-lg-3">
<img class="img" src="<?php bloginfo('template_directory'); ?>/images/cloud_download.svg" alt="Cloud" style="width: 140px; height: 140px;">
<h3>Cloud</h3>
<p></p>
</div>
<div class="col-lg-3">
<img class="img" src="<?php bloginfo('template_directory'); ?>/images/appliance.svg" alt="Appliance" style="width: 140px; height: 140px;">
<h3>Appliance</h3>
<p></p>
</div>
<div class="col-lg-3">
<a href="http://github.com/XSCE/xsce" target="_blank"><img class="img" src="<?php bloginfo('template_directory'); ?>/images/code.svg" alt="Source" style="width: 140px; height: 140px;"></a>
<h3>Source</h3>
<p></p>
</div>
<div class="col-lg-3">
<img class="img" src="<?php bloginfo('template_directory'); ?>/images/more.svg" alt="More options" style="width: 140px; height: 140px;">
<h3>Help me choose!</h3>
<p></p>
</div>
</div>
</br></br>
<hr>
</br></br>
</div> <!-- /container -->
<div class="jumbotron">
<div class="container" style="padding-left: 0px; padding-right: 0px;">
<div class="col-md-12">
<h2 class="text-center">"Education is the most powerful weapon which you can use to </br>change the world."</h2>
<p class="text-right">-Nelson Mandela</p>
</div>
</div>
</div>
<div class="container marketing">
</br></br>
<hr>
</br></br>
<!-- Example row of columns -->
<div class="row">
<div class="col-md-1" >
</div>
<div class="col-md-10" >
<h4 class="text-center">This project is maintained by an active global community of volunteers looking to revolutionize and democratize education through the disruptive use of technology and grassroots movements.</h4>
<h1 class="text-center">Get involved!</h1>
</br></br>
</div>
<div class="col-md-1" >
</div>
</br></br>
<div class="col-lg-3">
<a href="http://www.xsce.org/dokuwiki/" target="_blank"><img class="img" src="<?php bloginfo('template_directory'); ?>/images/wiki.svg" alt="Wiki" style="width: 140px; height: 140px;"></a>
<h3>Wiki</h3>
<p></p>
</div>
<div class="col-lg-3">
<a href="http://lists.laptop.org/listinfo/server-devel" target="_blank"><img class="img" src="<?php bloginfo('template_directory'); ?>/images/mailinglist.svg" alt="Mailing list" style="width: 140px; height: 140px;"></a>
<h3>Mailing list</h3>
<p></p>
</div>
<div class="col-lg-3">
<a href="https://kiwiirc.com/client/irc.freenode.net/schoolserver" target="_blank"><img class="img" src="<?php bloginfo('template_directory'); ?>/images/irc.svg" alt="IRC chat" style="width: 140px; height: 140px;"></a>
<h3>IRC Live chat</h3>
<p></p>
</div>
<div class="col-lg-3">
<img class="img" src="<?php bloginfo('template_directory'); ?>/images/events.svg" alt="Events" style="width: 140px; height: 140px;">
<h3>Events</h3>
<p></p>
</div>
</div>
</br></br>
<hr>
</br></br>
<footer>
<p>© The Schoolserver community</p>
</footer>
</div> <!-- /container -->