forked from QuantStack/quantstack.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmariana.html
More file actions
112 lines (96 loc) · 4.77 KB
/
mariana.html
File metadata and controls
112 lines (96 loc) · 4.77 KB
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
102
103
104
105
106
107
108
109
110
111
<!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>Mariana Meireles - Scientific Software Developer</title>
</head>
<body>
<div id="content-head"> </div>
<div class="container-fluid fond fond5 parallax">
<div class="container">
<div class="col-md-10 col-md-push-1 fleche-retour">
<a href="the-team.html"><img class="fleche-gauche" src="img/fleche-gauche.svg"><span>The team</span></a>
</div>
</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/Mariana.jpg" srcset="img/avatar/Mariana@2x.jpg 2x" class="img-circle avatar">
<h3><strong>Mariana Meireles </strong><br/>
Scientific software developer </h3>
<div class="reseau">
<a target="_blank" href="https://twitter.com/el3ktr"><img class="twi-gith" src="img/twitter.svg"></a>
<a target="_blank" href="https://github.com/marimeireles"><img class="twi-gith" src="img/github.svg"></a>
</div>
<p> @el3ktr | @marimeireles </p>
</div>
<div class="description">
<p>
<p>Mariana is a software developer who deeply cares about the impacts that technology has in the world and tries her best to be the change she wants to see by contributing to open source projects that stand upon libre and diverse standards.</p>
<p>Prior to QuantStack she worked as a developer on the PySide team at the Qt Company and as a web performance developer at Mozilla.</p>
<p>Currently she's working on expanding the Jupyter ecosystem with new libraries and functionalities. Like a <a target="_blank" href="https://github.com/QuantStack/ipycytoscape/">cytoscape implementation for Jupyter</a> and a <a target="_blank" href="https://github.com/jupyter-xeus/xeus-sqlite">kernel for SQLite</a>.</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>