Skip to content

Commit 0f301a6

Browse files
HaudinFlorenceHaudinFlorence
committed
Add Florence
1 parent 4b9ed5a commit 0f301a6

File tree

4 files changed

+140
-0
lines changed

4 files changed

+140
-0
lines changed

‎florence.html‎

Lines changed: 116 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,116 @@
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>Florence Haudin - 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/Florence.jpg"
40+
srcset="img/avatar/Florence@2x.jpg 2x"
41+
class="img-circle avatar"
42+
/>
43+
<h3>
44+
<strong>Florence Haudin</strong><br />
45+
Scientific Software Developer
46+
</h3>
47+
<div class="reseau">
48+
<a target="_blank" href="https://github.com/HaudinFlorence"><img class="twi-gith" src="img/github.svg"></a>
49+
</div>
50+
<p>@HaudinFlorence</p>
51+
</div>
52+
<div class="description">
53+
<p>
54+
<p>Florence is a Scientific Software Engineer at Quantstack. She obtained a phD in Physics in 2010 and then was a post doctoral researcher for several years up to 2017. She used to perform experimental studies in various fields (nonlinear optics, soft matter, nonlinear physical chemistry, fluid mechanics) </p>
55+
56+
<p>Before joining QuantStack, during four years, Florence was working in Vulcain's engineering company, in the R&D department, on a program dealing with calculations for offshore wind turbines. She is a beginner as an open-source software developer but she is very on learning and contributing to open-source projects. </p>
57+
58+
</div>
59+
</div>
60+
</div>
61+
</div>
62+
63+
<div class="spacer big"></div>
64+
65+
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
66+
<script src="js/jquery.min.js"></script>
67+
<!-- Include all compiled plugins (below), or include individual files as needed -->
68+
<script src="js/bootstrap.min.js"></script>
69+
70+
<div id="content-foot"></div>
71+
<script src="js/include-menus.js"></script>
72+
<script>
73+
function isInViewport(node) {
74+
var rect = node.getBoundingClientRect();
75+
return (
76+
(rect.height > 0 || rect.width > 0) &&
77+
rect.bottom >= 0 &&
78+
rect.right >= 0 &&
79+
rect.top <=
80+
(window.innerHeight || document.documentElement.clientHeight) &&
81+
rect.left <=
82+
(window.innerWidth || document.documentElement.clientWidth)
83+
);
84+
}
85+
86+
$(window).scroll(function () {
87+
var scrolled = $(window).scrollTop();
88+
$(".parallax").each(function (index, element) {
89+
var initY = $(this).offset().top + 200;
90+
var height = $(this).height();
91+
var endY = initY + $(this).height();
92+
// Check if the element is in the viewport.
93+
var visible = isInViewport(this);
94+
if (visible) {
95+
var diff = scrolled - initY;
96+
var ratio = Math.round((diff / height) * 100);
97+
var move = parseInt(-(ratio * 1.5));
98+
// if (move>90)move = 90;
99+
$(this).css("background-position", "center " + move + "px");
100+
}
101+
});
102+
103+
$(".icons").each(function (index, element) {
104+
var visible = isInViewport(this);
105+
if (visible) {
106+
$(".icon-content").each(function (index, element) {
107+
$(this)
108+
.delay(index * 500)
109+
.fadeIn();
110+
});
111+
}
112+
});
113+
});
114+
</script>
115+
</body>
116+
</html>

‎img/avatar/Florence.jpg‎

8.42 KB
Loading

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

12.9 KB
Loading

‎the-team.html‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -526,6 +526,30 @@ <h3><a href="javascript:;">Joël Lamotte</a><br/>
526526
</div>
527527
</div>
528528
</div>
529+
<div class="col-md-4">
530+
<div class="portrait-bis" >
531+
<div data-href="florence.html">
532+
<div class="haut-portrait">
533+
</div>
534+
<div class="text-center">
535+
<a href="javascript:;" class="img-circle avatar">
536+
<img src="img/avatar/Florence.jpg" srcset="img/avatar/Florence@2x.jpg 2x" class="img-circle avatar">
537+
</a>
538+
<h3><a href="javascript:;">Florence Haudin</a><br/>
539+
Scientific Software Developer
540+
</h3>
541+
<a href="javascript:;"><img class="fleche" src="img/fleche-droite.svg"></a>
542+
</div>
543+
</div>
544+
<div class="text-center">
545+
<div class="reseau">
546+
<a target="_blank" href="https://github.com/HaudinFlorence"><img class="twi-gith" src="img/github.svg"></a>
547+
</div>
548+
<p>@HaudinFlorence</p>
549+
</div>
550+
</div>
551+
</div>
552+
529553

530554
</div>
531555
</div>

0 commit comments

Comments
 (0)