This repository has been archived by the owner on Feb 22, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·263 lines (247 loc) · 10.6 KB
/
index.html
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
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Commandes Raspberry Pi • [XID]</title>
<meta name="description" content="Commande de Raspberry Pi par le XID, club informatiquede l'Ensisa" />
<meta name="author" content="Nicolas Devenet" />
<meta name="robots" content="NOINDEX, NOARCHIVE, FOLLOW" />
<link rel="shortcut icon" type="image/x-icon" href="./img/favicon.ico" />
<link rel="icon" type="image/png" href="./img/favicon.ico" />
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link href="./css/bootstrap.min.css" rel="stylesheet" media="screen" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="./css/bootstrap-responsive.min.css" rel="stylesheet" />
<style>
html, body { height: 100%; }
body { font-weight: 300;}
section { position: relative; z-index: 100; min-height: 90%; padding: 7% 0 5%;}
h2, h3 { font-weight: 300; }
.pack { font-weight: bold; font-size: 16px; }
#rbiCarousel, #boitierCarousel { width: 440px; margin: auto;}
.carousel { margin: 30px 0 20px; }
.carousel img { min-width: 100%; }
.pub p { height: 310px; line-height: 310px; }
.pub p span { vertical-align:middle; display:inline-block; line-height:1.5; font-size: 25px; }
section h2 { font-size: 40px; margin-bottom: 40px; }
section p, section li, section .alert { font-size: 16px; line-height: 22px; }
.commander { margin-top: 5px; text-align: center; }
.label-info { font-weight: 300; font-size: 16px; padding: 5px 8px; }
ul.inline li { margin-right: 1.75em; }
</style>
</head>
<body>
<!-- menu -->
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class=""><a href="#raspberry"><img src="./img/favicon.ico" /> Raspberry Pi</a></li>
<li><a href="#composants"><i class="icon-cog"></i> Composants</a></li>
<li><a href="#achat"><i class="icon-list-alt"></i> Achat groupé</a></li>
<li><a href="#commande"><i class="icon-shopping-cart"></i> Commander</a></li>
</ul>
<ul class="nav pull-right">
<li><a href="#more"><i class="icon-heart"></i> Encore plus ?</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- /menu -->
<section id="raspberry">
<div class="container">
<h2>Raspberry Pi</h2>
<div class="row">
<div class="span6">
<div id="rbiCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="active item">
<img src="./img/carousel/Pi2ModB1GB.png" alt="Raspberry Pi B 2">
</div>
<div class="item">
<img src="./img/carousel/Pi2ModB1GB_2.png" alt="Raspberry Pi B">
</div>
</div>
<a class="carousel-control left" href="#rbiCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#rbiCarousel" data-slide="next">›</a>
</div>
</div>
<div class="span4 pub offset1">
<p class="lead"> <span>Le Raspberry Pi est un incroyable ordinateur <em>low-cost</em> de la taille d'une carte de crédit proposé par la <a href="http://raspberrypi.org">Raspberry Pi Foundation</a>.</span> </p>
</div>
</div>
<div class="row" style="margin-top:50px; text-align:center;">
<div class="span6">
<a href="#composants" class="btn btn-large">Découvrir les composants</a>
</div>
<div class="span6">
<a href="#commande" class="btn btn-large">Commander !</a>
</div>
</div>
</div>
</section>
<hr />
<section id="composants">
<div class="container">
<h2>Composants</h2>
<div class="row">
<div class="span6">
<h3>Le Raspberry Pi 2 Model B</h3>
<p>Il s'agit du dernier modèle vendu : possèdant 1 Gb de mémoire vive, un processeur quad-core ARM Cortex-A7 et 4 ports usb.
<br />Il est suffisament puissant pour décoder des vidéos Full HD.</p>
<p>Pour les spécifications exactes, vous pouvez consulter la <a href="http://www.raspberrypi.org/products/raspberry-pi-2-model-b/" rel="external">page du Raspberry Pi 2 Model B</a> sur le site dédié à la petite carte.</p>
</div>
<div class="span6">
<h3>L'alimentation</h3>
<p>Pour fonctionner, votre Raspberry Pi a besoin d'une alimentation. Un chargeur de mobile au format micro-usb suffit.</p>
</div>
</div>
<hr />
<div class="row">
<div class="span6">
<h3>La carte micro SD</h3>
<p>Le Raspberry Pi a besoin d'une carte micro SD (jusqu'a 32 Gb), sur laquelle est installée le système d'exploitation, pour fonctionner.</p>
<p>Le XID se fera un honneur de vous aider à installer une des nombreuses <a href="http://www.raspberrypi.org/downloads/" >distributions disponibles</a>.</p>
</div>
<div class="span6">
<h3>Un câble HDMI</h3>
<p>Vous avez envie de bénéficier de toute la puissance du Raspberry Pi pour décoder vos Blu-ray ?</p>
<p>Il vous suffit de le raccorder sur votre écran ou téléviseur HD avec un câble HDMI, et hop ! A vous les films de bonne qualité !</p>
</div>
</div>
</div>
</section>
<hr />
<section id="achat">
<div class="container">
<h2>Achat Groupé</h2>
<p style="margin-bottom:40px">Le XID vous propose de faire une commande groupée afin de baisser au maximum le prix d'un Raspberry Pi et de mutualiser les frais de port, si nous n'arrivons pas les réduire à zéro.<br/>Compose ton pack avec les éléments dont tu as besoin. <strong>Les prix sont là à titre indicatifs.</strong></p>
<div class="row">
<div class="span4 offset1 well">
<div class="clearfix">
<p class="pack pull-left">Raspberry Pi 2 Model B</p>
<p class="pull-right label label-info">40 €</p>
</div>
</div>
<div class="span4 offset1 well">
<div class="clearfix">
<p class="pack pull-left">Chargeur 2A</p>
<p class="pull-right label label-info">5 €</p>
</div>
</div>
</div>
<div class="row">
<div class="span4 offset1 well">
<div class="clearfix">
<p class="pack pull-left">Cable HDMI</p>
<p class="pull-right label label-info">3 €</p>
</div>
</div>
<div class="span4 offset1 well">
<div class="clearfix">
<p class="pack pull-left">Boitier</p>
<p class="pull-right label label-info">8 €</p>
</div>
</div>
</div>
<div class="row">
<div class="span4 offset1 well">
<div class="clearfix">
<p class="pack pull-left">micro Carte SD 16 Go - Classe 10</p>
<p class="pull-right label label-info">15 €</p>
</div>
</div>
<div class="span4 offset1 well">
<div class="clearfix">
<p class="pack pull-left">micro Carte SD 32 Go - Classe 10</p>
<p class="pull-right label label-info">25 €</p>
</div>
</div>
</div>
</section>
<hr />
<section id="commande">
<div class="container">
<h2>Commander</h2>
<div class="row">
<div class="span3">
<p class="commander"><a target="_blank" href="https://docs.google.com/forms/d/16RrrI672GmdkUwNPaqEamz-HMIWsrHDtn_X3aaRh8JY/viewform?usp=send_form" class="btn btn-primary btn-large">Commander <i class="icon-arrow-right icon-white"></i></a></p>
</div>
<div class="span4">
<p>Rien de plus simple, il suffit de compléter la feuille d'inscription en ligne !<br/>Lors de l'inscription coche les éléments que tu souhaites prendre ;-).</p>
</div>
<div class="span4" style="margin-left:50px;">
<div class="alert">Vous avez jusqu'au <strong>Jeudi 12 fevrier 14h00</strong> pour vous inscrire !</div>
</div>
</div>
<hr style="margin-top:50px;" />
<div class="row">
<div class="span5">
<h3>Comment payer ?</h3>
<p>Il suffit de venir avec un chèque à l'ordre du <span class="text-info">BDE ENSISA</span> et de le donner à Othman, Cathie ou Philipe !
<div class="alert alert-info">Vous avez jusqu'au <strong>Jeudi 12 fevrier 18h00</strong> pour venir payer.</div>
</div>
<div class="span6 offset1">
<h3>Qui contacter ?</h3>
<p>La commande est organisée par le XID. Pour plus d'information :</p>
<ul>
<li>Othman Tenich (1A IR) <a href="mailto:othman.tenich@uha.fr"><i class="icon-envelope"></i></a></li>
</ul>
</div>
</div>
</section>
<hr />
<section id="more">
<div class="container">
<h2>Encore plus ?</h2>
<div>
<p class="lead">Tout cela nous vous suffit pas ?
<br />Regardez tout ce que vous pouvez faire avec votre Raspberry Pi :)</p>
<p><a href="http://korben.info/idees-raspberry-pi.html" class="btn btn-large btn-success" rel="external">50 idées d'utilisation</a></p>
</div>
<hr style="margin-top:50px; margin-bottom:50px;" />
<div>
<p class="lead">N'hésitez pas à venir au XID nous dire ce que vous allez en faire, ou toutes les bonnes idées de projets que vous avez avec !
<br />Il y en aura sûrement plus d'un(e) qui sera intéresé(e) !</p>
</div>
<hr style="margin-top:50px; margin-bottom:50px;" />
<h3>Les ressources intéressantes</h3>
<div class="row">
<div class="span6">
<ul>
<li>Le <a href="http://www.raspberrypi.org/" rel="external">site officiel</a> de Raspberry Pi</li>
<li>Le <a href="http://www.raspberrypi.org/wp-content/uploads/2012/12/quick-start-guide-v1.1.pdf" rel="external">guide d'installation et de configuration</a> rapide</li>
</ul>
</div>
<div class="span6">
<ul>
<li>La <a href="http://fr.wikipedia.org/wiki/Raspberry_Pi" rel="external">page Wikipédia</a> en français</li>
<li>La <a href="http://en.wikipedia.org/wiki/Raspberry_Pi" rel="external">page Wikipédia</a> en anglais</li>
</ul>
</div>
</div>
</div>
</section>
<hr />
<footer>
<div class="container">
<p>© 2013 — XID — Club informatique de l'ENSISA</p>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script>
$('a[rel="external"]').click(function() {
window.open($(this).attr('href'));
return false;
});
</script>
</body>
</html>