Skip to content

Commit 1c811c3

Browse files
SylvainCorlaySylvainCorlay
authored
Merge pull request #89 from brichet/nicolas-profile
Add Nicolas Brichet profile
2 parents b00d14c + f61359d commit 1c811c3

File tree

4 files changed

+129
-0
lines changed

4 files changed

+129
-0
lines changed

‎img/avatar/Nicolas.jpg‎

24.7 KB
Loading

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

49.9 KB
Loading

‎nicolas.html‎

Lines changed: 106 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
5+
<meta charset="utf-8">
6+
7+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
10+
<!-- Bootstrap -->
11+
<link href="css/bootstrap.min.css" rel="stylesheet">
12+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
13+
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
14+
<!--[if lt IE 9]>
15+
<script src="js/html5shiv.min.js"></script>
16+
<script src="js/respond.min.js"></script>
17+
<![endif]-->
18+
19+
<link href="css/styles.css" rel="stylesheet">
20+
<title>Nicolas Brichet - Scientific Software Developer</title>
21+
</head>
22+
<body>
23+
<div id="content-head"> </div>
24+
<div class="container-fluid fond fond5 parallax">
25+
<div class="container">
26+
<div class="col-md-10 col-md-push-1 fleche-retour">
27+
<a href="the-team.html"><img class="fleche-gauche" src="img/fleche-gauche.svg"><span>The team</span></a>
28+
</div>
29+
</div>
30+
</div>
31+
<div class="container">
32+
<div class="col-md-8 col-md-push-2">
33+
<div class="fiche">
34+
<div class="text-center">
35+
<img src="img/avatar/Nicolas.jpg" srcset="img/avatar/Nicolas@2x.jpg 2x" class="img-circle avatar">
36+
<h3><strong>Nicolas Brichet</strong><br/>
37+
Scientific Software Developer </h3>
38+
<div class="reseau">
39+
<a target="_blank" href="https://github.com/brichet"><img class="twi-gith" src="img/github.svg"></a>
40+
</div>
41+
<p> @brichet </p>
42+
</div>
43+
<div class="description">
44+
<p>Nicolas Brichet is a Scientific Software Developer at QuantStack. He holds a master's degree in robotic from the University of Montpellier.</p>
45+
46+
<p>Prior to joining Quantstack, Nicolas worked for almost fourteen years in French research institutes (INRAE and CNRS), as software developer for scientific research. He also worked on different parts of the data lifecycle, such as data acquisition, analysis, and storage.</p>
47+
48+
</div>
49+
</div>
50+
</div>
51+
</div>
52+
53+
<div class="spacer big"></div>
54+
55+
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
56+
<script src="js/jquery.min.js"></script>
57+
<!-- Include all compiled plugins (below), or include individual files as needed -->
58+
<script src="js/bootstrap.min.js"></script>
59+
60+
<div id="content-foot"></div>
61+
<script src="js/include-menus.js"></script>
62+
<script>
63+
64+
function isInViewport(node) {
65+
var rect = node.getBoundingClientRect()
66+
return (
67+
(rect.height > 0 || rect.width > 0) &&
68+
rect.bottom >= 0 &&
69+
rect.right >= 0 &&
70+
rect.top <= (window.innerHeight || document.documentElement.clientHeight) &&
71+
rect.left <= (window.innerWidth || document.documentElement.clientWidth)
72+
)
73+
}
74+
75+
76+
$(window).scroll(function() {
77+
var scrolled = $(window).scrollTop()
78+
$('.parallax').each(function(index, element) {
79+
var initY = $(this).offset().top+200
80+
var height = $(this).height()
81+
var endY = initY + $(this).height()
82+
// Check if the element is in the viewport.
83+
var visible = isInViewport(this)
84+
if(visible) {
85+
var diff = scrolled - initY
86+
var ratio = Math.round((diff / height) * 100)
87+
var move = parseInt(-(ratio * 1.5));
88+
// if (move>90)move = 90;
89+
$(this).css('background-position','center ' + move + 'px')
90+
}
91+
})
92+
93+
$('.icons').each(function(index, element) {
94+
var visible = isInViewport(this);
95+
if(visible) {
96+
$('.icon-content').each(function (index,element) {
97+
$(this).delay(index*500).fadeIn();
98+
});
99+
}
100+
});
101+
});
102+
103+
104+
</script>
105+
</body>
106+
</html>

‎the-team.html‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -549,6 +549,29 @@ <h3><a href="javascript:;">Florence Haudin</a><br/>
549549
</div>
550550
</div>
551551
</div>
552+
<div class="col-md-4">
553+
<div class="portrait-bis" >
554+
<div data-href="nicolas.html">
555+
<div class="haut-portrait">
556+
</div>
557+
<div class="text-center">
558+
<a href="javascript:;" class="img-circle avatar">
559+
<img src="img/avatar/Nicolas.jpg" srcset="img/avatar/Nicolas@2x.jpg 2x" class="img-circle avatar">
560+
</a>
561+
<h3><a href="javascript:;">Nicolas Brichet</a><br/>
562+
Scientific Software Developer
563+
</h3>
564+
<a href="javascript:;"><img class="fleche" src="img/fleche-droite.svg"></a>
565+
</div>
566+
</div>
567+
<div class="text-center">
568+
<div class="reseau">
569+
<a target="_blank" href="https://github.com/brichet"><img class="twi-gith" src="img/github.svg"></a>
570+
</div>
571+
<p>@brichet</p>
572+
</div>
573+
</div>
574+
</div>
552575

553576

554577
</div>

0 commit comments

Comments
 (0)