-
Notifications
You must be signed in to change notification settings - Fork 9
/
synkrotron.html
432 lines (314 loc) · 15.2 KB
/
synkrotron.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
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
---
layout: synkrotron
title: Synkrotron
---
<!-- Feature Cards -->
<div class="container marketing py-5">
<div class="row">
<div class="col-md-6 col-lg-4 text-center mb-4">
<div class="p-3 h-100">
<!-- Icon -->
<div class="text-center">
<img src="/img/services/cube.svg" alt="Cube Icon" width="100" height="100">
</div>
<!-- Feature Description -->
<h2 class="responsive-card-header">White-box system approach</h2>
<p class="text-center responsive-card-font">Rely on a flexible API that is open to connect with tools like SUMO,
Autoware and PTV-Vissim</p>
</div>
</div>
<div class="col-md-6 col-lg-4 text-center mb-4">
<div class="p-3 h-100">
<!-- Icon -->
<div class="text-center">
<img src="/img/services/network.svg" alt="Distributed Icon" width="100" height="100">
</div>
<!-- Feature Description -->
<h2 class="responsive-card-header"">Distributed platform</h2>
<p class=" text-center responsive-card-font">Profit from cluster solutions and run a simulation out-of-the-box</p>
</div>
</div>
<div class="col-md-6 col-lg-4 text-center mb-4">
<div class="p-3 h-100">
<!-- Icon -->
<div class="text-center">
<img src="/img/services/setting.svg" alt="Configuration Icon" width="100" height="100">
</div>
<!-- Feature Description -->
<h2 class="responsive-card-header">Straightforward configuration</h2>
<p class="text-center responsive-card-font">Customize your simulation with no need of previous expertise</p>
</div>
</div>
<div class="col-md-6 col-lg-4 text-center mb-4">
<div class="p-3 h-100">
<!-- Icon -->
<div class="text-center">
<img src="/img/services/wrench.svg" alt="Content Tooling Icon" width="100" height="100">
</div>
<!-- Feature Description -->
<h2 class="responsive-card-header">Tooling for content handling</h2>
<p class="text-center responsive-card-font">Ingest your maps and assets automatically, generate procedural maps from
XODR definitions and more</p>
</div>
</div>
<div class="col-md-6 col-lg-4 text-center mb-4">
<div class="p-3 h-100">
<!-- Icon -->
<div class="text-center">
<img src="/img/services/overtake.svg" alt="Traffic Situations Icon" width="100" height="100">
</div>
<!-- Feature Description -->
<h2 class="responsive-card-header">Traffic situations</h2>
<p class="text-center responsive-card-font">Define your own scenarios and routes to validate your agents</p>
</div>
</div>
<div class="col-md-6 col-lg-4 text-center mb-4">
<div class="p-3 h-100">
<!-- Icon -->
<div class="text-center">
<img src="/img/services/maps.svg" alt="Route Planning Icon" width="100" height="100">
</div>
<!-- Feature Description -->
<h2 class="responsive-card-header">Ease of perception and planning</h2>
<p class="text-center responsive-card-font">Retrieve realistic world and sensor data, and focus on the agents’
control</p>
</div>
</div>
</div>
</div>
<!-- ORGANISATION -->
<div class="container-fluid py-5 morpheus-bg">
<div id="organization" class="container pb-5 text-center">
<h1 class="heavy my-5 text-white responsive-header">ORGANIZATION</h1>
<p class="text-center text-white responsive-font">
The CARLA team spans the globe and is made up of two distinct, non-profit organizations; the <b>Computer Vision Centre</b> and the <b>Embodied AI Foundation</b>.
</p>
<p class="text-center text-white responsive-font">
Based in Barcelona, the <b>Computer Vision Center</b> consists of an international work-force that collaborates on the development of CARLA.
</p>
<p class="text-center text-white responsive-font">
The <b>Embodied AI Foundation</b> is located in California and contributes to the development of CARLA from a legal and organizational point of view.
It also contributes to the development and dissemination of critical technologies such as AL, ML, simulation and robotics.
</p>
</div>
</div>
<!-- TRUSTED BY CAROUSEL-->
<div class="container-fluid text-center py-5">
<h1 class="mt-5 responsive-header">TRUSTED BY</h1>
<div id="carouselExampleControls" class="carousel slide py-5" data-ride="carousel">
<div class="carousel-inner">
<div class="row">
<div class="carousel-item active col-lg-12 text-center carousel-height">
<div class="row w-75 mx-auto">
<!-- Nested row to allow 4 images in each slide -->
<!-- Futurewei Logo -->
<div class="col-md-3 col-sm-6 align-self-center align-self-center">
<img src="/img/logo/futurewei.svg" class="my-3 mr-3 d-inline-block" alt="Futurewei Logo">
</div>
<!-- Mercedes Logo -->
<div class="col-md-3 col-sm-6 align-self-center align-self-center">
<img src="/img/logo/mercedes-120.jpg" class="my-3 mr-3 d-inline-block" alt="Mercedes Logo">
</div>
<!-- Foretellix Logo -->
<div class="col-md-3 col-sm-6 align-self-center align-self-center">
<img src="/img/logo/foretellix_small.svg" class="my-3 mr-3 d-inline-block" alt="Foretellix Logo">
</div>
<!-- Huawei Logo -->
<div class="col-md-3 col-sm-6 align-self-center align-self-center">
<img src="/img/logo/huawei-120.png" class="my-3 mr-3 d-inline-block" alt="Huawei Logo">
</div>
</div> <!-- close nested row -->
</div>
<div class="carousel-item col-lg-12 text-center carousel-height">
<div class="row w-75 mx-auto">
<!-- Nested row to allow 4 images in each slide -->
<!-- Intel Logo -->
<div class="col-md-3 col-sm-6 align-self-center align-self-center">
<img src="/img/logo/intel-120.png" class="my-3 mr-3 d-inline-block" alt="Intel Logo">
</div>
<!-- Samsung Logo -->
<div class="col-md-3 col-sm-6 align-self-center align-self-center">
<img src="/img/logo/samsung-120.png" class="my-3 mr-3 d-inline-block" alt="Samsung Logo">
</div>
<!-- Toyota Logo -->
<div class="col-md-3 col-sm-6 align-self-center align-self-center">
<img src="/img/logo/toyota-120.png" class="my-3 mr-3 d-inline-block" alt="Toyota Logo">
</div>
<!-- NVIDIA Logo -->
<div class="col-md-3 col-sm-6 align-self-center align-self-center">
<img src="/img/logo/nvidia.png" class="my-3 mr-3 d-inline-block" alt="NVIDIA Logo">
</div>
</div>
</div> <!-- close nested row -->
<div class="carousel-item col-lg-12 text-center carousel-height">
<div class="row w-75 mx-auto">
<!-- Nested row to allow 4 images in each slide -->
<!-- GuardStrike Logo -->
<div class="col-md-3 col-sm-6 align-self-center align-self-center">
<img src="/img/logo/guardstrike.svg" class="my-3 mr-3 d-inline-block" alt="GuardStrike Logo">
</div>
<!-- Valeo Logo -->
<div class="col-md-3 col-sm-6 align-self-center align-self-center">
<img src="/img/logo/valeo-120.png" class="my-3 mr-3 d-inline-block" alt="Valeo Logo">
</div>
</div>
</div> <!-- close nested row -->
</div>
</div>
<!-- Carousel Navigation Buttons -->
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!-- COLLABORATE -->
<div class="container-fluid py-5 morpheus-bg">
<div ID="collaborate" class="container pb-5">
<h1 class="text-center py-4 heavy text-white responsive-header">OUR SERVICES</h1>
<p class="text-center pb-1 text-white responsive-font"><b>We offer many services both to support users of CARLA and to enable them to make an impact and become involved with the team. Click on the topics below to find out more.</b></p>
</div>
<!-- Buttons link to relevant sections within this page -->
<div class="container text-center mx-auto">
<a href="#consortium-agreement" class="btn btn-outline-light mb-3 mx-auto responsive-font" role="button">Consortium Agreement</a>
<a href="#software-development" class="btn btn-outline-light mb-3 mx-auto responsive-font" role="button">Software Development</a>
<a href="#premium-support" class="btn btn-outline-light mb-3 mx-auto responsive-font" role="button">Premium Support</a>
<a href="#consulting-services" class="btn btn-outline-light mb-3 mx-auto responsive-font" role="button">Consulting Services</a>
<a href="#ad-hoc-collaboration" class="btn btn-outline-light mb-3 mx-auto responsive-font" role="button">Ad-Hoc Collaboration</a>
</div>
</div>
<!-- START THE FEATURETTES -->
<!-- Picture on right -->
<div class="container marketing py-5 featurette-container">
<div class="row featurette">
<div id="consortium-agreement" class="col-md-6 col-sm-12 col-12">
<h2 class="featurette-heading responsive-featurette-header">CONSORTIUM AGREEMENT</h2>
<p class="responsive-featurette-font">
Join the CARLA board and support the team
</p>
<p class="responsive-featurette-font">Benefits for consortium members:</p>
<ul class="responsive-featurette-font">
<li>Steer and guide the CARLA roadmap</li>
<li>Align the project with specific needs</li>
<li>Attend a monthly update and provide feedback to the team</li>
<li>Get direct access to the CARLA team</li>
<li>Get advertised in all CARLA materials</li>
</ul>
<a href="/contact" class="btn button-morpheus"
role="button">Contact Us</a>
</div>
<div class="col-md-1"></div>
<div class="col-md-5 col-sm-5 my-5 toggle-image align-self-center">
<div class="container">
<img src="/img/services/getty_center_400_400.jpg" class="img-fluid rounded-circle mw-75" alt="CARLA Screencapture Getty Center">
</div>
</div>
</div>
</div>
<!-- Picture on left -->
<div class="container-fluid py-5 morpheus-bg">
<div class="container marketing featurette-container">
<div class="row featurette">
<div class="col-md-5 col-sm-5 my-5 toggle-image align-self-center">
<div class="container">
<img src="/img/services/beach_400_400.jpg" class="img-fluid rounded-circle mw-75" alt="CARLA Screencapture Beach">
</div>
</div>
<div class="col-md-1"></div>
<div id="software-development" class="col-md-6 col-sm-12 col-12">
<h2 class="featurette-heading responsive-featurette-header text-white">SOFTWARE DEVELOPMENT</span></h2>
<p class="responsive-featurette-font text-white">
<b>Profit from fast development cycles and affordable fees</b>
</p>
<p class="responsive-featurette-font text-white">
<b>Request features fully tailored to your needs:</b>
</p>
<ul class="responsive-featurette-font text-white">
<li>Rely on a simulation research and development team as a service</li>
<li>Receive personalized training</li>
<li>Integrate strategic tools and solutions for your business</li>
</ul>
<a href="/contact"
class="btn btn-outline-light" role="button">Contact Us</a>
</div>
</div>
</div>
</div>
<!-- Picture on right -->
<div class="container marketing py-5 featurette-container">
<div class="row featurette">
<div id="premium-support" class="col-md-6 col-sm-12 col-12">
<h2 class="featurette-heading responsive-featurette-header">PREMIUM SUPPORT</span></h2>
<p class="responsive-featurette-font">
<b>Receive preferential treatment:</b>
</p>
<ul class="responsive-featurette-font">
<li>Your questions are treated with the highest priority</li>
<li>Direct support from the CARLA team</li>
<li>Flexible communication channels, such as private discord channels</li>
<li>Co-supervised programming sessions</li>
</ul>
<a href="/contact" class="btn button-morpheus"
role="button">Contact Us</a>
</div>
<div class="col-md-1"></div>
<div class="col-md-5 col-sm-5 my-5 toggle-image align-self-center">
<div class="container">
<img src="/img/services/highway_400_400.jpg" class="img-fluid rounded-circle mw-75" alt="CARLA Screencapture Highway">
</div>
</div>
</div>
</div>
<!-- Picture on left -->
<div class="container-fluid py-5 morpheus-bg">
<div class="container marketing featurette-container">
<div class="row featurette">
<div class="col-md-5 col-sm-5 my-5 toggle-image align-self-center">
<div class="container">
<img src="/img/services/junction_400_400.jpg" class="img-fluid rounded-circle mw-75" alt="CARLA Screencapture Junction">
</div>
</div>
<div class="col-md-1"></div>
<div id="consulting-services" class="col-md-6 col-sm-12 col-12">
<h2 class="featurette-heading responsive-featurette-header text-white">CONSULTING SERVICES</span></h2>
<p class="responsive-featurette-font text-white">
<b>Benefit from the knowledge of the CARLA team:</b>
</p>
<ul class="responsive-featurette-font text-white">
<li>Expedite solutions for autonomous driving</li>
<li>Get direct contact with pioneer researchers and engineers</li>
<li>Consult experts in different fields including simulation, evaluation, rendering, AI and perception</li>
</ul>
<a href="/contact" class="btn btn-outline-light"
role="button">Contact Us</a>
</div>
</div>
</div>
</div>
<!-- Picture on right -->
<div class="container marketing py-5 featurette-container">
<div class="row featurette">
<div id="ad-hoc-collaboration" class="col-md-6 col-sm-12 col-12">
<h2 class="featurette-heading responsive-featurette-header">AD-HOC COLLABORATIONS</span></h2>
<p class="responsive-featurette-font">
<b>We hear your proposals</b>
</p>
<p class="responsive-featurette-font">
Flexibility is in the core of CARLA, and new ideas set the ground for innovation.
</p>
<a href="/contact" class="btn button-morpheus"
role="button">Contact Us</a>
</div>
<div class="col-md-1"></div>
<div class="col-md-5 col-sm-5 my-5 toggle-image align-self-center">
<div class="container">
<img src="/img/services/palm_trees_400_400.jpg" class="img-fluid rounded-circle mw-75" alt="CARLA Screencapture Palm Tree Street">
</div>
</div>
</div>
</div>
</div><!-- /.container -->