Skip to content

Commit bfbf93f

Browse files
konradhakonradha
committed
add Konrad
1 parent b45b482 commit bfbf93f

File tree

4 files changed

+131
-1
lines changed

4 files changed

+131
-1
lines changed

‎img/avatar/Konrad.jpg‎

6.52 KB
Loading

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

22.8 KB
Loading

‎konrad.html‎

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
5+
<meta charset="utf-8">
6+
7+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
10+
<!-- Bootstrap -->
11+
<link href="css/bootstrap.min.css" rel="stylesheet">
12+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
13+
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
14+
<!--[if lt IE 9]>
15+
<script src="js/html5shiv.min.js"></script>
16+
<script src="js/respond.min.js"></script>
17+
<![endif]-->
18+
19+
<link href="css/styles.css" rel="stylesheet">
20+
<title>Konrad Handrick - Scientific Software Developer</title>
21+
</head>
22+
<body>
23+
<div id="content-head"> </div>
24+
<div class="container-fluid fond fond5 parallax">
25+
<div class="container">
26+
<div class="col-md-10 col-md-push-1 fleche-retour">
27+
<a href="the-team.html"><img class="fleche-gauche" src="img/fleche-gauche.svg"><span>The team</span></a>
28+
</div>
29+
</div>
30+
</div>
31+
<div class="container">
32+
<div class="col-md-8 col-md-push-2">
33+
<div class="fiche">
34+
<div class="text-center">
35+
<img src="img/avatar/Konrad.jpg" srcset="img/avatar/Romain@2x.jpg 2x" class="img-circle avatar">
36+
<h3><strong>Konrad Handrick </strong><br/>
37+
Scientific software developer</h3>
38+
<div class="reseau">
39+
<a target="_blank" href="https://twitter.com/konradha_"><img class="twi-gith" src="img/twitter.svg"></a>
40+
<a target="_blank" href="https://github.com/konradha"><img class="twi-gith" src="img/github.svg"></a>
41+
</div>
42+
<p> @konradha_ | @konradha </p>
43+
</div>
44+
<div class="description">
45+
<p>Konrad works on enabling Fortran compilation for WebAssembly, integrating it with Emscripten. He
46+
holds an undergraduate degree in Computational Science & Engineering from ETH Zurich. Prior to joining QuantStack
47+
he contributed to AMD's compiler toolchain.</p>
48+
</div>
49+
</div>
50+
</div>
51+
</div>
52+
53+
<div class="spacer big"></div>
54+
55+
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
56+
<script src="js/jquery.min.js"></script>
57+
<!-- Include all compiled plugins (below), or include individual files as needed -->
58+
<script src="js/bootstrap.min.js"></script>
59+
60+
<div id="content-foot"></div>
61+
<script src="js/include-menus.js"></script>
62+
<script>
63+
64+
function isInViewport(node) {
65+
var rect = node.getBoundingClientRect()
66+
return (
67+
(rect.height > 0 || rect.width > 0) &&
68+
rect.bottom >= 0 &&
69+
rect.right >= 0 &&
70+
rect.top <= (window.innerHeight || document.documentElement.clientHeight) &&
71+
rect.left <= (window.innerWidth || document.documentElement.clientWidth)
72+
)
73+
}
74+
75+
76+
$(window).scroll(function() {
77+
var scrolled = $(window).scrollTop()
78+
$('.parallax').each(function(index, element) {
79+
var initY = $(this).offset().top+200
80+
var height = $(this).height()
81+
var endY = initY + $(this).height()
82+
// Check if the element is in the viewport.
83+
var visible = isInViewport(this)
84+
if(visible) {
85+
var diff = scrolled - initY
86+
var ratio = Math.round((diff / height) * 100)
87+
var move = parseInt(-(ratio * 1.5));
88+
// if (move>90)move = 90;
89+
$(this).css('background-position','center ' + move + 'px')
90+
}
91+
})
92+
93+
$('.icons').each(function(index, element) {
94+
var visible = isInViewport(this);
95+
if(visible) {
96+
$('.icon-content').each(function (index,element) {
97+
$(this).delay(index*500).fadeIn();
98+
});
99+
}
100+
});
101+
});
102+
103+
104+
</script>
105+
</body>
106+
</html>
107+

‎the-team.html‎

Lines changed: 24 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -564,7 +564,30 @@ <h3><a href="javascript:;">Antoine Prouvost</a><br/>
564564
</div>
565565
</div>
566566
</div>
567-
567+
<div class="col-md-4">
568+
<div class="portrait-bis">
569+
<div data-href="konrad.html">
570+
<div class="haut-portrait">
571+
</div>
572+
<div class="text-center">
573+
<a href="javascript:;" class="img-circle avatar">
574+
<img src="img/avatar/Konrad.jpg" srcset="img/avatar/Konrad@2x.jpg 2x" class="img-circle avatar">
575+
</a>
576+
<h3><a href="javascript:;">Konrad Handrick</a><br/>
577+
Scientific Software Developer
578+
</h3>
579+
<a href="javascript:;"><img class="fleche" src="img/fleche-droite.svg"></a>
580+
</div>
581+
</div>
582+
<div class="text-center">
583+
<div class="reseau">
584+
<a target="_blank" href="https://twitter.com/konradha_"><img class="twi-gith" src="img/twitter.svg"></a>
585+
<a target="_blank" href="https://github.com/konradha"><img class="twi-gith" src="img/github.svg"></a>
586+
</div>
587+
<p>@konradha_ | @konradha</p>
588+
</div>
589+
</div>
590+
</div>
568591
</div>
569592
</div>
570593

0 commit comments

Comments
 (0)