Skip to content

Commit f39b4af

Browse files
KlaimKlaim
committed
Add Joël Lamotte to the team.
1 parent eed9bd8 commit f39b4af

File tree

4 files changed

+154
-7
lines changed

4 files changed

+154
-7
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 & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -473,7 +473,7 @@ <h3><a href="javascript:;">Kedus Mathewos</a><br/>
473473
<p>@kedus42</p>
474474
</div>
475475
</div>
476-
</div>
476+
</div>
477477

478478
<div class="col-md-4">
479479
<div class="portrait-bis" >
@@ -498,10 +498,10 @@ <h3><a href="javascript:;">Denisa Checiu</a><br/>
498498
<p>@DenisaCG</p>
499499
</div>
500500
</div>
501-
</div>
502-
501+
</div>
503502

504-
<div class="col-md-4">
503+
504+
<div class="col-md-4">
505505
<div class="portrait-bis" >
506506
<div data-href="Macky.html">
507507

@@ -524,10 +524,36 @@ <h3><a href="javascript:;">Macky Diarra</a><br/>
524524
<p>@MackyDiarra</p>
525525
</div>
526526
</div>
527-
</div>
527+
</div>
528+
529+
<div class="col-md-4">
530+
<div class="portrait-bis" >
531+
<div data-href="joel.html">
532+
533+
<div class="haut-portrait">
534+
</div>
535+
<div class="text-center">
536+
<a href="javascript:;" class="img-circle avatar">
537+
<img src="img/avatar/Joel.jpg" srcset="img/avatar/Joel@2x.jpg 2x" class="img-circle avatar">
538+
</a>
539+
<h3><a href="javascript:;">Joël Lamotte</a><br/>
540+
Scientific Software Developer
541+
</h3>
542+
<a href="javascript:;"><img class="fleche" src="img/fleche-droite.svg"></a>
543+
</div>
544+
</div>
545+
<div class="text-center">
546+
<div class="reseau">
547+
<a target="_blank" href="https://github.com/Klaim"><img class="twi-gith" src="img/github.svg"></a>
548+
</div>
549+
<p>@Klaim</p>
550+
</div>
551+
</div>
552+
</div>
553+
528554
</div>
529-
</div>
530-
555+
</div>
556+
531557
<div class="container">
532558
<h2 class="col-md-10 col-md-push-1">QuantStack Collaborators</h2>
533559
<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)