Skip to content

Commit 9d7d0e3

Browse files
wolfvwolfv
authored
Merge pull request #93 from ihuicatl/master
Add Isabel Paredes
2 parents 6d634b7 + 2290ebe commit 9d7d0e3

File tree

4 files changed

+146
-0
lines changed

4 files changed

+146
-0
lines changed

‎img/avatar/Isabel.jpg‎

46.7 KB
Loading

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

110 KB
Loading

‎isabel.html‎

Lines changed: 123 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
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>Isabel Paredes - Robotics 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/Isabel.jpg"
40+
srcset="img/avatar/Isabel@2x.jpg 2x"
41+
class="img-circle avatar"
42+
/>
43+
<h3>
44+
<strong>Isabel Paredes</strong><br />
45+
Robotics Software Developer
46+
</h3>
47+
<div class="reseau">
48+
<a target="_blank" href="https://github.com/ihuicatl"><img class="twi-gith" src="img/github.svg"></a>
49+
</div>
50+
<p>@ihuicatl</p>
51+
</div>
52+
<div class="description">
53+
<p>
54+
<p>Isabel Paredes is a full-time intern at QuantStack and she is also studying a master's program in
55+
Robotic Systems Engineering at <abbr title="Rheinisch-Westfälischen Technischen Hochschule">RWTH</abbr> Aachen.</p>
56+
<p>Before joining QuantStack, she worked as a research assistant for the
57+
<abbr title="Institut für Getriebetechnik, Maschinendynamik und Robotik">IGMR</abbr> at RWTH where she
58+
developed tutorials to introduce students to ROS with the help of Jupyter notebooks. Prior to that, she
59+
studied Mechanical Engineering at the University of California, Berkeley where she also worked as a
60+
research assistant for laboratories focused in bipedal and underwater robots.</p>
61+
<p>Currently, she is working on expanding the functionality of
62+
<a href="https://github.com/RoboStack/jupyter-ros">jupyros</a> in order to make ROS more accessible
63+
for everyone.</p>
64+
</p>
65+
</div>
66+
</div>
67+
</div>
68+
</div>
69+
70+
<div class="spacer big"></div>
71+
72+
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
73+
<script src="js/jquery.min.js"></script>
74+
<!-- Include all compiled plugins (below), or include individual files as needed -->
75+
<script src="js/bootstrap.min.js"></script>
76+
77+
<div id="content-foot"></div>
78+
<script src="js/include-menus.js"></script>
79+
<script>
80+
function isInViewport(node) {
81+
var rect = node.getBoundingClientRect();
82+
return (
83+
(rect.height > 0 || rect.width > 0) &&
84+
rect.bottom >= 0 &&
85+
rect.right >= 0 &&
86+
rect.top <=
87+
(window.innerHeight || document.documentElement.clientHeight) &&
88+
rect.left <=
89+
(window.innerWidth || document.documentElement.clientWidth)
90+
);
91+
}
92+
93+
$(window).scroll(function () {
94+
var scrolled = $(window).scrollTop();
95+
$(".parallax").each(function (index, element) {
96+
var initY = $(this).offset().top + 200;
97+
var height = $(this).height();
98+
var endY = initY + $(this).height();
99+
// Check if the element is in the viewport.
100+
var visible = isInViewport(this);
101+
if (visible) {
102+
var diff = scrolled - initY;
103+
var ratio = Math.round((diff / height) * 100);
104+
var move = parseInt(-(ratio * 1.5));
105+
// if (move>90)move = 90;
106+
$(this).css("background-position", "center " + move + "px");
107+
}
108+
});
109+
110+
$(".icons").each(function (index, element) {
111+
var visible = isInViewport(this);
112+
if (visible) {
113+
$(".icon-content").each(function (index, element) {
114+
$(this)
115+
.delay(index * 500)
116+
.fadeIn();
117+
});
118+
}
119+
});
120+
});
121+
</script>
122+
</body>
123+
</html>

‎the-team.html‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -545,6 +545,29 @@ <h3><a href="javascript:;">Nicolas Brichet</a><br/>
545545
</div>
546546
</div>
547547
</div>
548+
<div class="col-md-4">
549+
<div class="portrait-bis" >
550+
<div data-href="isabel.html">
551+
<div class="haut-portrait">
552+
</div>
553+
<div class="text-center">
554+
<a href="javascript:;" class="img-circle avatar">
555+
<img src="img/avatar/Isabel.jpg" srcset="img/avatar/Isabel@2x.jpg 2x" class="img-circle avatar">
556+
</a>
557+
<h3><a href="javascript:;">Isabel Paredes</a><br/>
558+
Robotics Software Developer
559+
</h3>
560+
<a href="javascript:;"><img class="fleche" src="img/fleche-droite.svg"></a>
561+
</div>
562+
</div>
563+
<div class="text-center">
564+
<div class="reseau">
565+
<a target="_blank" href="https://github.com/brichet"><img class="twi-gith" src="img/github.svg"></a>
566+
</div>
567+
<p>@ihuicatl</p>
568+
</div>
569+
</div>
570+
</div>
548571

549572

550573
</div>

0 commit comments

Comments
 (0)