Skip to content

Commit 4b9ed5a

Browse files
SylvainCorlaySylvainCorlay
authored
Merge pull request #82 from Klaim/master
Added Joël, removed Adrien
2 parents f33a7e8 + b74521d commit 4b9ed5a

File tree

4 files changed

+154
-31
lines changed

4 files changed

+154
-31
lines changed

‎img/avatar/Joel.jpg‎

23.2 KB
Loading

‎img/avatar/Joel@2x.jpg‎

65.6 KB
Loading

‎joel.html‎

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1" />
8+
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
9+
<!-- Bootstrap -->
10+
<link href="css/bootstrap.min.css" rel="stylesheet" />
11+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
12+
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
13+
<!--[if lt IE 9]>
14+
<script src="js/html5shiv.min.js"></script>
15+
<script src="js/respond.min.js"></script>
16+
<![endif]-->
17+
18+
<link href="css/styles.css" rel="stylesheet" />
19+
<title>Joël Lamotte - Software Developer</title>
20+
</head>
21+
<body>
22+
<div id="content-head"></div>
23+
<div class="container-fluid fond fond5 parallax">
24+
<div class="container">
25+
<div class="col-md-10 col-md-push-1 fleche-retour">
26+
<a href="the-team.html"
27+
><img class="fleche-gauche" src="img/fleche-gauche.svg" /><span
28+
>The team</span
29+
></a
30+
>
31+
</div>
32+
</div>
33+
</div>
34+
<div class="container">
35+
<div class="col-md-8 col-md-push-2">
36+
<div class="fiche">
37+
<div class="text-center">
38+
<img
39+
src="img/avatar/Joel.jpg"
40+
srcset="img/avatar/Joel@2x.jpg 2x"
41+
class="img-circle avatar"
42+
/>
43+
<h3>
44+
<strong>Joël Lamotte</strong><br />
45+
Scientific Software Developer
46+
</h3>
47+
<div class="reseau">
48+
<a target="_blank" href="https://github.com/Klaim"><img class="twi-gith" src="img/github.svg"></a>
49+
</div>
50+
<p>@Klaim</p>
51+
</div>
52+
<div class="description">
53+
<p>
54+
<p>Joël is a Scientific Software Engineer at Quantstack, sperialized in C++, embedded software and related domains. </p>
55+
56+
<p>Before joining QuantStack, Joël worked since 2003 in various companies covering a large spectre of domains all dominated by performance constraints: games, embedded software of all sorts, robotics (<a href="https://www.softbankrobotics.com/">Softbank-Robotics/Aldebaran</a>), "heavy" interractive web apps (<a href="https://jellynote.com">https://jellynote.com</a> score player for example)...</p>
57+
<p>Through the years Joël participated to various open-source projects with, in recent years, a particular focus on dependency management for C++ projects (like <a href="https://build2.org">build2</a>) and the <a href="https://webassembly.org/">WebAssembly</a> platform.</p>
58+
<p>As one of the organizers of the <a href="https://cppp.fr">CPPP conference</a> and <a href="https://www.meetup.com/User-Group-Cpp-Francophone/">CPPFrug (C++ French User Group) meetup</a> he also participate to the C++ community and discussions about it's evolution.</p>
59+
60+
<p>Joël is also a game developer, music composer and comics maker.</p>
61+
62+
</p>
63+
</div>
64+
</div>
65+
</div>
66+
</div>
67+
68+
<div class="spacer big"></div>
69+
70+
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
71+
<script src="js/jquery.min.js"></script>
72+
<!-- Include all compiled plugins (below), or include individual files as needed -->
73+
<script src="js/bootstrap.min.js"></script>
74+
75+
<div id="content-foot"></div>
76+
<script src="js/include-menus.js"></script>
77+
<script>
78+
function isInViewport(node) {
79+
var rect = node.getBoundingClientRect();
80+
return (
81+
(rect.height > 0 || rect.width > 0) &&
82+
rect.bottom >= 0 &&
83+
rect.right >= 0 &&
84+
rect.top <=
85+
(window.innerHeight || document.documentElement.clientHeight) &&
86+
rect.left <=
87+
(window.innerWidth || document.documentElement.clientWidth)
88+
);
89+
}
90+
91+
$(window).scroll(function () {
92+
var scrolled = $(window).scrollTop();
93+
$(".parallax").each(function (index, element) {
94+
var initY = $(this).offset().top + 200;
95+
var height = $(this).height();
96+
var endY = initY + $(this).height();
97+
// Check if the element is in the viewport.
98+
var visible = isInViewport(this);
99+
if (visible) {
100+
var diff = scrolled - initY;
101+
var ratio = Math.round((diff / height) * 100);
102+
var move = parseInt(-(ratio * 1.5));
103+
// if (move>90)move = 90;
104+
$(this).css("background-position", "center " + move + "px");
105+
}
106+
});
107+
108+
$(".icons").each(function (index, element) {
109+
var visible = isInViewport(this);
110+
if (visible) {
111+
$(".icon-content").each(function (index, element) {
112+
$(this)
113+
.delay(index * 500)
114+
.fadeIn();
115+
});
116+
}
117+
});
118+
});
119+
</script>
120+
</body>
121+
</html>

‎the-team.html‎

Lines changed: 33 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -303,30 +303,6 @@ <h3><a href="javascript:;">Madhur Tandon</a><br/>
303303
</div>
304304
</div>
305305
</div>
306-
<div class="col-md-4">
307-
<div class="portrait-bis" >
308-
<div data-href="adrien.html">
309-
310-
<div class="haut-portrait">
311-
</div>
312-
<div class="text-center">
313-
<a href="javascript:;" class="img-circle avatar">
314-
<img src="img/avatar/Adrien.jpg" srcset="img/avatar/Adrien@2x.jpg 2x" class="img-circle avatar">
315-
</a>
316-
<h3><a href="javascript:;">Adrien Delsalle</a><br/>
317-
Scientific Software Developer
318-
</h3>
319-
<a href="javascript:;"><img class="fleche" src="img/fleche-droite.svg"></a>
320-
</div>
321-
</div>
322-
<div class="text-center">
323-
<div class="reseau">
324-
<a target="_blank" href="https://github.com/adriendelsalle"><img class="twi-gith" src="img/github.svg"></a>
325-
</div>
326-
<p>@adriendelsalle</p>
327-
</div>
328-
</div>
329-
</div>
330306
<div class="col-md-4">
331307
<div class="portrait-bis" >
332308
<div data-href="frederic.html">
@@ -473,7 +449,7 @@ <h3><a href="javascript:;">Kedus Mathewos</a><br/>
473449
<p>@kedus42</p>
474450
</div>
475451
</div>
476-
</div>
452+
</div>
477453

478454
<div class="col-md-4">
479455
<div class="portrait-bis" >
@@ -498,10 +474,10 @@ <h3><a href="javascript:;">Denisa Checiu</a><br/>
498474
<p>@DenisaCG</p>
499475
</div>
500476
</div>
501-
</div>
502-
477+
</div>
503478

504-
<div class="col-md-4">
479+
480+
<div class="col-md-4">
505481
<div class="portrait-bis" >
506482
<div data-href="Macky.html">
507483

@@ -524,10 +500,36 @@ <h3><a href="javascript:;">Macky Diarra</a><br/>
524500
<p>@MackyDiarra</p>
525501
</div>
526502
</div>
527-
</div>
503+
</div>
504+
505+
<div class="col-md-4">
506+
<div class="portrait-bis" >
507+
<div data-href="joel.html">
508+
509+
<div class="haut-portrait">
510+
</div>
511+
<div class="text-center">
512+
<a href="javascript:;" class="img-circle avatar">
513+
<img src="img/avatar/Joel.jpg" srcset="img/avatar/Joel@2x.jpg 2x" class="img-circle avatar">
514+
</a>
515+
<h3><a href="javascript:;">Joël Lamotte</a><br/>
516+
Scientific Software Developer
517+
</h3>
518+
<a href="javascript:;"><img class="fleche" src="img/fleche-droite.svg"></a>
519+
</div>
520+
</div>
521+
<div class="text-center">
522+
<div class="reseau">
523+
<a target="_blank" href="https://github.com/Klaim"><img class="twi-gith" src="img/github.svg"></a>
524+
</div>
525+
<p>@Klaim</p>
526+
</div>
527+
</div>
528+
</div>
529+
528530
</div>
529-
</div>
530-
531+
</div>
532+
531533
<div class="container">
532534
<h2 class="col-md-10 col-md-push-1">QuantStack Collaborators</h2>
533535
<h4 class="col-md-10 col-md-push-1">We partner with independent open-source developers and experts of the community on a regular basis.</h4>

0 commit comments

Comments
 (0)