Skip to content

Commit e118cc9

Browse files
SylvainCorlaySylvainCorlay
authored
Merge pull request QuantStack#77 from kedus42/master
Added myself to the website :)
2 parents bd6a5e0 + cd5a8f8 commit e118cc9

File tree

4 files changed

+139
-0
lines changed

4 files changed

+139
-0
lines changed

‎img/avatar/Kedus.jpg

11.2 KB
Loading

‎img/avatar/[email protected]

24.9 KB
Loading

‎kedus.html

Lines changed: 115 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
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>Kedus Mathewos - 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/Kedus.jpg"
40+
srcset="img/avatar/[email protected] 2x"
41+
class="img-circle avatar"
42+
/>
43+
<h3>
44+
<strong>Kedus Mathewos</strong><br />
45+
Robotics Software Developer
46+
</h3>
47+
<div class="reseau">
48+
<a target="_blank" href="https://github.com/kedus42"><img class="twi-gith" src="img/github.svg"></a>
49+
</div>
50+
<p>@atrawog</p>
51+
</div>
52+
<div class="description">
53+
<p>
54+
<p>Kedus Mathewos is a working student at QuantStack majoring in robotics at Jacobs University Bremen. Bringing experience with ROS and ROS2, he is now contributing to Jupyter-ROS and JupyterLab-ROS.</p>
55+
56+
</p>
57+
</div>
58+
</div>
59+
</div>
60+
</div>
61+
62+
<div class="spacer big"></div>
63+
64+
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
65+
<script src="js/jquery.min.js"></script>
66+
<!-- Include all compiled plugins (below), or include individual files as needed -->
67+
<script src="js/bootstrap.min.js"></script>
68+
69+
<div id="content-foot"></div>
70+
<script src="js/include-menus.js"></script>
71+
<script>
72+
function isInViewport(node) {
73+
var rect = node.getBoundingClientRect();
74+
return (
75+
(rect.height > 0 || rect.width > 0) &&
76+
rect.bottom >= 0 &&
77+
rect.right >= 0 &&
78+
rect.top <=
79+
(window.innerHeight || document.documentElement.clientHeight) &&
80+
rect.left <=
81+
(window.innerWidth || document.documentElement.clientWidth)
82+
);
83+
}
84+
85+
$(window).scroll(function () {
86+
var scrolled = $(window).scrollTop();
87+
$(".parallax").each(function (index, element) {
88+
var initY = $(this).offset().top + 200;
89+
var height = $(this).height();
90+
var endY = initY + $(this).height();
91+
// Check if the element is in the viewport.
92+
var visible = isInViewport(this);
93+
if (visible) {
94+
var diff = scrolled - initY;
95+
var ratio = Math.round((diff / height) * 100);
96+
var move = parseInt(-(ratio * 1.5));
97+
// if (move>90)move = 90;
98+
$(this).css("background-position", "center " + move + "px");
99+
}
100+
});
101+
102+
$(".icons").each(function (index, element) {
103+
var visible = isInViewport(this);
104+
if (visible) {
105+
$(".icon-content").each(function (index, element) {
106+
$(this)
107+
.delay(index * 500)
108+
.fadeIn();
109+
});
110+
}
111+
});
112+
});
113+
</script>
114+
</body>
115+
</html>

‎the-team.html

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -423,6 +423,30 @@ <h3><a href="javascript:;">Andreas Trawöger</a><br/>
423423
<p>@atrawog</p>
424424
</div>
425425
</div>
426+
</div>
427+
<div class="col-md-4">
428+
<div class="portrait-bis" >
429+
<div data-href="kedus.html">
430+
431+
<div class="haut-portrait">
432+
</div>
433+
<div class="text-center">
434+
<a href="javascript:;" class="img-circle avatar">
435+
<img src="img/avatar/Kedus.jpg" srcset="img/avatar/[email protected] 2x" class="img-circle avatar">
436+
</a>
437+
<h3><a href="javascript:;">Kedus Mathewos</a><br/>
438+
Robotics Software Developer
439+
</h3>
440+
<a href="javascript:;"><img class="fleche" src="img/fleche-droite.svg"></a>
441+
</div>
442+
</div>
443+
<div class="text-center">
444+
<div class="reseau">
445+
<a target="_blank" href="https://github.com/kedus42"><img class="twi-gith" src="img/github.svg"></a>
446+
</div>
447+
<p>@kedus42</p>
448+
</div>
449+
</div>
426450
</div>
427451

428452

0 commit comments

Comments
 (0)