-
Notifications
You must be signed in to change notification settings - Fork 41
/
fanny.html
102 lines (88 loc) · 4.75 KB
/
fanny.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<link href="css/styles.css" rel="stylesheet">
<title>Fanny Loustau-Chartez - Chief Financial Officer</title>
</head>
<body>
<div id="content-head"> </div>
<div class="container-fluid fond fond5 parallax">
<div class="container">
</div>
</div>
<div class="container">
<div class="col-md-8 col-md-push-2">
<div class="fiche">
<div class="text-center">
<img src="img/avatar/Fanny.jpg" srcset="img/avatar/Fanny@2x.jpg 2x" class="img-circle avatar">
<h3><strong>In memoriam: Fanny Loustau-Chartez - 1983 - 2024</strong><br/></h3>
</div>
<div class="description">
<p>
<p>It is with great sadness that we announce the passing of our colleague and friend, Fanny Loustau Chartez, who served as the Chief Financial Officer of QuantStack since 2021. She tragically lost her life in a car accident on Thursday, April 18th.</p>
<p>Working with Fanny over the past three years has been a true privilege. Her enthusiasm and zest for life brightened even the most mundane moments. In the words of one of her close friends, "having Fanny on your team was like having an army behind you." Her tireless work ethic, meticulous attention to detail, and unwavering support made her an invaluable ally. Fanny's dedication, efforts, and infectious enthusiasm have significantly contributed to the transformation of QuantStack from a small, developing company into a solid and thriving business.</p>
<p>Fanny was a guiding voice in our journey of building this company. Our thoughts are with her family, especially her partner Matias and their three young children, who are now left without their loving mother.</p>
<p>Fanny was more than just a colleague; she was a friend who will continue to inspire us. We extend our deepest sympathies, condolences, and heartfelt support to Fanny's family, friends, and loved ones during this incredibly difficult time.</p>
</p>
</div>
</div>
</div>
</div>
<div class="spacer big"></div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<div id="content-foot"></div>
<script src="js/include-menus.js"></script>
<script>
function isInViewport(node) {
var rect = node.getBoundingClientRect()
return (
(rect.height > 0 || rect.width > 0) &&
rect.bottom >= 0 &&
rect.right >= 0 &&
rect.top <= (window.innerHeight || document.documentElement.clientHeight) &&
rect.left <= (window.innerWidth || document.documentElement.clientWidth)
)
}
$(window).scroll(function() {
var scrolled = $(window).scrollTop()
$('.parallax').each(function(index, element) {
var initY = $(this).offset().top+200
var height = $(this).height()
var endY = initY + $(this).height()
// Check if the element is in the viewport.
var visible = isInViewport(this)
if(visible) {
var diff = scrolled - initY
var ratio = Math.round((diff / height) * 100)
var move = parseInt(-(ratio * 1.5));
// if (move>90)move = 90;
$(this).css('background-position','center ' + move + 'px')
}
})
$('.icons').each(function(index, element) {
var visible = isInViewport(this);
if(visible) {
$('.icon-content').each(function (index,element) {
$(this).delay(index*500).fadeIn();
});
}
});
});
</script>
</body>
</html>