-
Notifications
You must be signed in to change notification settings - Fork 1
/
index_master.html
360 lines (347 loc) · 18.8 KB
/
index_master.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>LASTIG</title>
<meta name="description" content="Website of the LASTIG lab" />
<meta name="keywords" content="LASTIG, lab, IGN, geographic information, science, cartography, remote sensing, photogrammetry" />
<meta name="author" content="Guillaume Touya" />
<!-- Favicons (created with http://realfavicongenerator.net/)-->
<link rel="apple-touch-icon" sizes="57x57" href="img/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="img/favicons/apple-touch-icon-60x60.png">
<link rel="icon" type="image/png" href="img/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="img/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="img/favicons/manifest.json">
<link rel="shortcut icon" href="img/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#00a8ff">
<meta name="msapplication-config" content="img/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<!-- Normalize -->
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<!-- Owl -->
<link rel="stylesheet" type="text/css" href="css/owl.css">
<!-- Animate.css -->
<link rel="stylesheet" type="text/css" href="css/animate.css">
<!-- Font Awesome -->
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.1.0/css/font-awesome.min.css">
<!-- Elegant Icons -->
<link rel="stylesheet" type="text/css" href="fonts/eleganticons/et-icons.css">
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
<!-- Main style -->
<link rel="stylesheet" type="text/css" href="css/LASTIG.css">
<script src="js/papaparse.min.js"></script>
<script src="js/people.js"></script>
<script src="js/recruiting.js"></script>
</head>
<body onload="displayPeople;displayRecruiting" class="en">
<!--div class="preloader">
<img src="img/preloader_LaSTIG.gif" alt="Preloader image">
</div-->
<nav class="navbar">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--a class="navbar-brand" href="#"><img src="img/lastig_logo_small.png" data-active-url="img/lastig_logo_small.png" alt=""></a-->
<!--select class="selectpicker" data-width="fit" data-size="2">
<option data-content='<span class="flag-icon flag-icon-us"></span> English'>English</option>
<option data-content='<span class="flag-icon flag-icon-fr"></span> Français'>Français</option>
</select-->
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-center main-nav">
<li>
<a href="#intro" lang="en">Home</a>
<a href="#intro" lang="fr">Accueil</a>
</li>
<li>
<a href="#about" lang="en">About</a>
<a href="#about" lang="fr">Présentation</a>
</li>
<li>
<a href="#news" lang="en">News</a>
<a href="#news" lang="fr">Actualités</a>
</li>
<li>
<a href="#teams" lang="en">Teams</a>
<a href="#teams" lang="fr">Equipes</a>
</li>
<li>
<a href="#recruiting" lang="en">Recruiting</a>
<a href="#recruiting" lang="fr">Offres</a>
</li>
<li>
<a href="#people" lang="en">People</a>
<a href="#people" lang="fr">Personnel</a>
</li>
<!--li><a href="#" data-toggle="modal" data-target="#modal1" class="btn btn-blue">Sign Up</a></li-->
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<header id="intro">
<div class="container">
<div class="table">
<div class="header-text">
<div class="row">
<div class="col-md-12 text-center">
<div align="center">
<a class="navbar-brand" href="#"><img width="100%" src="img/logo3_titre.png" data-active-url="img/logo2_titre.png" alt="Logo LaSTIG"></a><br>
</div>
<!--
<h3 class="light white">LASTIG</h3>
-->
<h1 class="white typed fr" lang="en">
Lab on Geographic Information Science for sustainable development and smart cities
</h1>
<h1 style="font-color:&AABBFF;" class="white typed fr" lang="en"><br>
<table border=1><tr><td>
<b>PAGE UNDER CONSTRUCTION</b>
</td></tr></table>
</h1>
<h1 class="white typed fr" lang="fr">
Laboratoire en sciences de l'information géographique pour la ville intelligente et les territoires durables
</h1>
<h1 style="font-color:&AABBFF;" class="white typed fr" lang="fr"><br>
<table border=1><tr><td>
<b>PAGE EN CONSTRUCTION</b>
</td></tr></table>
</h1>
<!--span class="typed-cursor">|</span-->
</div>
</div>
<div class="row">
<input id="toggle-event" type="checkbox" checked data-toggle="toggle" data-size="large" data-onstyle="info" data-offstyle="info" data-on="English" data-off="Français" data-true="en" data-false="fr" >
</div>
</div>
</div>
</div>
</header>
<section id="about" class="section section-padded">
<div class="container">
<div class="row text-center title">
<h2 lang="en">Presentation of the LASTIG</h2>
<h2 lang="fr">Présentation du LASTIG</h2>
</div>
<div class="text-center pad-bot40">
<img src="img/lastig.jpeg" alt="lastig team"/>
</div>
<div class="pad-bot40 pad-top40"></div>
<div class="panel panel-primary">
<div class="panel-heading" lang="en">Description of LASTIG lab</div>
<div class="panel-heading" lang="fr">Description du laboratoire</div>
<div class="panel-body" lang="fr">
Le LASTIG mène des recherches finalisées en sciences et techniques de l’information géographique. Les recherches de l’unité couvrent l’ensemble du cycle de vie de la donnée géographique ou spatiale, de son acquisition à sa visualisation, en passant par sa modélisation, son intégration et son analyse. Prenant la suite du précédent projet d’unité, le LASTIG s’intéresse particulièrement aux référentiels géographiques spatiotemporels qui sont au coeur des missions de l’IGN. Le LASTIG est composé de <a href="#teams">quatre équipes de recherche</a>. Le LASTIG a trois tutelles, l'IGN, l'<a href="http://www.u-pem.fr/">Université Paris Est Marne-la-Vallée (UPEM)</a>, et l'<a href="https://www.eivp-paris.fr/">Ecole d’ingénieurs de la ville de Paris (EIVP)</a>. Le LASTIG est dirigé par Marc Pierrot Deseilligny depuis le 1er juillet 2018. Les directeurs adjoints sont Pierre-Louis Frison, et Guillaume Touya. La précédente directrice du LASTIG était Bénédicte Bucher de 2010 à 2018.
L'évaluation Hcéres du LASTIG est disponible en téléchargement <a href="https://raw.githubusercontent.com/umrlastig/lastig_data/master/pdf/HCERES_rapport_final.pdf">ici</a>.
</div>
<div class="panel-body" lang="en">
The LASTIG lab research domain is geographical information science. The research from LASTIG covers the complete lifecycle of spatial data from the capture to the visualisation, including modelling, integration and analysis of spatial data. To follow the previous research project of the lab, the LASTIG is particularly interested in spatio-temporal reference data, as IGN, the French national mapping agency is one of the supervisors of the lab. The LASTIG lab is composed of <a href="#teams">four research teams</a>. The LASTIG lab is supervised by three administrations/universities, IGN, <a href="http://www.u-pem.fr/"> Paris Est Marne-la-Vallée University (UPEM)</a>, and the <a href="https://www.eivp-paris.fr/">Engineering school for the city of Paris (EIVP)</a>. The LASTIG lab is run by Marc Pierrot Deseilligny since July, 1st 2018. The vice-heads are Pierre-Louis Frison, and Guillaume Touya. LASTIG was previously run by Bénédicte Bucher from 2010 to 2018.
The Hcéres evaluation report of LASTIG (in French) can be downloaded <a href="https://raw.githubusercontent.com/umrlastig/lastig_data/master/pdf/HCERES_rapport_final.pdf">here</a>.
</div>
</div>
<div class="pad-bot40 pad-top40"></div>
<div class="panel panel-success">
<div class="panel-heading" lang="en">History of LASTIG lab</div>
<div class="panel-heading" lang="fr">Historique du LASTIG</div>
<div class="panel-body" lang="fr">
L'unité de recherche en sciences de l'information géographique de l'IGN (SRSIG, Service de recherche en sciences de l'information géographique) a pris le nom de LaSTIG (laboratoire en sciences et technologies de l'information géographique) en 2015. Cette unité regroupait le service de recherche en sciences de l'information géographique (SRSIG) de l'IGN, des enseignants chercheurs de l'Université Paris Est Marne la Vallée et de l'Ecole Nationale des Sciences Géographiques. Elle a été évaluée par l'AERES sous le nom Service de recherche de l'IGN en <a href="http://www.aeres-evaluation.fr/Etablissements/Institut-geographique-national-IGN">2010</a> et en <a href="http://recherche.ign.fr/doc/RapportEvaluationAERES2013_SR-IGN.pdf">2012</a>. La dernière évolution a eu lieu au cours de l'année 2018 avec l'intégration de l'ancienne équipe de géodésie LAREG à l'<a href="http://www.ipgp.fr/fr/umr-7154-ums-3454">UMR IPGP</a>, et le projet de création d'une nouvelle UMR LASTIG regroupant les chercheurs des anciennes équipes COGIT, LOEMI et MATIS.
</div>
<div class="panel-body" lang="en">
L'unité de recherche en sciences de l'information géographique de l'IGN (SRSIG, Service de recherche en sciences de l'information géographique) a pris le nom de LaSTIG (laboratoire en sciences et technologies de l'information géographique) en 2015. Cette unité regroupait le service de recherche en sciences de l'information géographique (SRSIG) de l'IGN, des enseignants chercheurs de l'Université Paris Est Marne la Vallée et de l'Ecole Nationale des Sciences Géographiques. Elle a été évaluée par l'AERES sous le nom Service de recherche de l'IGN en <a href="http://www.aeres-evaluation.fr/Etablissements/Institut-geographique-national-IGN">2010</a> et en <a href="http://recherche.ign.fr/doc/RapportEvaluationAERES2013_SR-IGN.pdf">2012</a>. La dernière évolution a eu lieu au cours de l'année 2018 avec l'intégration de l'ancienne équipe de géodésie LAREG à l'<a href="http://www.ipgp.fr/fr/umr-7154-ums-3454">UMR IPGP</a>, et le projet de création d'une nouvelle UMR LASTIG regroupant les chercheurs des anciennes équipes COGIT, LOEMI et MATIS.
</div>
</div>
</div>
</section>
<!--
<section id="news" class="section section-padded blue-bg">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="owl-twitter owl-carousel">
<div class="item text-center">
<i class="icon fa fa-twitter"></i>
<h4 class="white light">To enjoy the glow of good health, you must exercise.</h4>
<h4 class="light-white light">#health #training #exercise</h4>
</div>
<div class="item text-center">
<i class="icon fa fa-twitter"></i>
<h4 class="white light">To enjoy the glow of good health, you must exercise.</h4>
<h4 class="light-white light">#health #training #exercise</h4>
</div>
<div class="item text-center">
<i class="icon fa fa-twitter"></i>
<h4 class="white light">To enjoy the glow of good health, you must exercise.</h4>
<h4 class="light-white light">#health #training #exercise</h4>
</div>
</div>
</div>
</div>
</div>
</section>
-->
<section id="teams" class="section section-padded">
<div class="container">
<div class="row text-center title">
<h2 lang="en">Research teams</h2>
<h2 lang="fr">Equipes de recherche</h2>
</div>
<div class="row services">
<div class="col-md-3">
<div class="service">
<div class="icon-holder">
<img src="img/icons/logo1_acte.png" alt="" class="icon">
</div>
<h4 class="heading">ACTE</h4>
<p class="description" lang="en"><a href="https://umrlastig.github.io/acte/">Data Acquisition and Processing</a></p>
<p class="description" lang="fr"><a href="https://umrlastig.github.io/acte/">Acquisition et traitements</a></p>
</div>
</div>
<div class="col-md-3">
<div class="service">
<div class="icon-holder">
<img src="img/icons/logo1_meig.png" alt="" class="icon">
</div>
<h4 class="heading">MEIG</h4>
<p class="description" lang="en"><a href="https://umrlastig.github.io/meig/">Mediation and Enrichment of Geographic Information</a></p>
<p class="description" lang="fr"><a href="https://umrlastig.github.io/meig/">Médiation et enrichissement de l'information géographique</a></p>
</div>
</div>
<div class="col-md-3">
<div class="service">
<div class="icon-holder">
<img src="img/icons/logo1_strudel.png" alt="" class="icon">
</div>
<h4 class="heading">STRUDEL</h4>
<p class="description" lang="en"><a href="https://umrlastig.github.io/strudel/">Spatio-Temporal Structures for Spatial Analysis</a></p>
<p class="description" lang="fr"><a href="https://umrlastig.github.io/strudel/">Structures spatio-temporelles pour l’analyse des territoires</a></p>
</div>
</div>
<div class="col-md-3">
<div class="service">
<div class="icon-holder">
<img src="img/icons/logo1_geovis.png" alt="" class="icon">
</div>
<h4 class="heading">GEOVIS</h4>
<p class="description" lang="en"><a href="https://umrlastig.github.io/geovis/">Geovisualisation, Interaction, and Immersion</a></p>
<p class="description" lang="fr"><a href="https://umrlastig.github.io/geovis/">Géovisualisation, interaction, et immersion</a></p>
</div>
</div>
</div>
</div>
<div class="cut cut-bottom"></div>
</section>
<section id="recruiting" class="section gray-bg">
<div class="container">
<div class="row title text-center">
<h2 class="margin-top" lang="en">Recruiting</h2>
<h4 class="light muted" lang="en">Job offers (PhD, post-doc, internship, permanent position)</h4>
<h2 class="margin-top" lang="fr">Offres d'emploi</h2>
<h4 class="light muted" lang="fr">Offres d'emploi (thèse, post-doc, stage, poste permanent)</h4>
</div>
<div class="row">
<div class="row title text-center">
<h3 class="light muted" lang="en">PhD offers</h3>
<h3 class="light muted" lang="fr">Thèses</h3>
<!--h5 class="light muted">no post-doc offer at the moment)</h5!-->
</div>
<div class="list-group" id="phd-offers">
<h5 class="light muted" lang="en">no PhD offer at the moment</h5>
<h5 class="light muted" lang="fr">aucune offre de thèse en ce moment</h5>
</div>
<div class="row title text-center" id="postdoc-offers">
<h3 class="light muted" lang="en">Post-doc positions</h3>
<h3 class="light muted" lang="fr">Post-doc</h3>
<h5 class="light muted" lang="en">no PhD post-doc at the moment</h5>
<h5 class="light muted" lang="fr">aucune offre de post-doc en ce moment</h5>
</div>
<div class="row title text-center">
<h3 class="light muted" lang="en">Internships</h3>
<h3 class="light muted" lang="fr">Stages</h3>
<!--h5 class="light muted">no post-doc offer at the moment</h5!-->
</div>
<h5 class="regular muted" lang="en">ACTE team</h5>
<h5 class="regular muted" lang="fr">équipe ACTE</h5>
<div class="list-group" id="intern-acte">
<h5 class="light muted" lang="en">no internship offer in this team at the moment</h5>
<h5 class="light muted" lang="fr">aucune offre dans cette équipe en ce moment</h5>
</div>
<h5 class="regular muted" lang="en">MEIG team</h5>
<h5 class="regular muted" lang="fr">équipe MEIG</h5>
<div class="list-group" id="intern-meig">
<h5 class="light muted" lang="en">no internship offer in this team at the moment</h5>
<h5 class="light muted" lang="fr">aucune offre dans cette équipe en ce moment</h5>
</div>
<h5 class="regular muted" lang="en">STRUDEL team</h5>
<h5 class="regular muted" lang="fr">équipe STRUDEL</h5>
<div class="list-group" id="intern-strudel">
<h5 class="light muted" lang="en">no internship offer in this team at the moment</h5>
<h5 class="light muted" lang="fr">aucune offre dans cette équipe en ce moment</h5>
</div>
<h5 class="regular muted" lang="en">GEOVIS team</h5>
<h5 class="regular muted" lang="fr">équipe GEOVIS</h5>
<div class="list-group" id="intern-geovis">
<h5 class="light muted" lang="en">no internship offer in this team at the moment</h5>
<h5 class="light muted" lang="fr">aucune offre dans cette équipe en ce moment</h5>
</div>
</div>
</section>
<section id="people" class="section gray-bg">
<div class="container" id="people-container">
<div class="row title text-center">
<h2 class="margin-top" lang="en">People</h2>
<h4 class="light muted" lang="en">Members of LASTIG</h4>
<h2 class="margin-top" lang="fr">Personnels</h2>
<h4 class="light muted" lang="fr">Membres du LASTIG</h4>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<img src="img/icons/logo_ign.png" class="col-md-2" alt="...">
<img src="img/icons/logo_upem.png" class="col-md-2" alt="...">
<img src="img/icons/logo_eivp.png" class="col-md-2" alt="...">
</div>
<div class="row bottom-footer text-center-mobile">
<div class="col-sm-8">
<p>© IGN CC BY-SA</a></p>
</div>
<div class="col-sm-4 text-right text-center-mobile">
<ul class="social-footer">
<li><a href="https://www.youtube.com/channel/UCpVokwKUh9S4pqZ4cd-GTCQ"><i class="fa fa-youtube"></i></a></li>
<li><a href=""><i class="fa fa-twitter"></i></a></li>
<li><a href=""><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Holder for mobile navigation -->
<div class="mobile-nav">
<ul>
</ul>
<a href="#" class="close-link"><i class="arrow_up"></i></a>
</div>
<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/typewriter.js"></script>
<script src="js/jquery.onepagenav.js"></script>
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>