Skip to content

Commit a95085e

Browse files
afshinafshin
committed
Add Afshin Darian
1 parent 6957525 commit a95085e

File tree

4 files changed

+136
-0
lines changed

4 files changed

+136
-0
lines changed

Diff for: ‎darian.html

+113
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,113 @@
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>Afshin Darian - Technical Director</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/Darian.jpg" srcset="img/avatar/[email protected] 2x" class="img-circle avatar">
36+
<h3>
37+
<strong>Afshin Darian</strong>
38+
<br/>
39+
Technical Director
40+
</h3>
41+
<div class="reseau">
42+
<a target="_blank" href="https://github.com/afshin"><img class="twi-gith" src="img/github.svg"></a>
43+
</div>
44+
<p>@afshin</p>
45+
</div>
46+
<div class="description">
47+
<p>Afshin Darian is a member of the Jupyter Notebook, JupyterLab, and Jupyter Server councils. He holds a master's degree in history (Medieval Europe) from the University of California, Berkeley.</p>
48+
49+
<p>As an open source developer, Darian is one of the co-authors of JupyterLab and has worked in many different aspects of the open data science ecosystem.</p>
50+
51+
<p>Prior to joining QuantStack, Darian worked on open-source software at Two Sigma, Anaconda, Alfresco, and OpenGamma.</p>
52+
53+
<hr>
54+
<p>🎖️ <a href="https://jupyter.org/about#distinguished-contributors">Jupyter Distinguished Contributor</a></p>
55+
</div>
56+
</div>
57+
</div>
58+
</div>
59+
60+
<div class="spacer big"></div>
61+
62+
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
63+
<script src="js/jquery.min.js"></script>
64+
<!-- Include all compiled plugins (below), or include individual files as needed -->
65+
<script src="js/bootstrap.min.js"></script>
66+
67+
<div id="content-foot"></div>
68+
<script src="js/include-menus.js"></script>
69+
<script>
70+
71+
function isInViewport(node) {
72+
var rect = node.getBoundingClientRect()
73+
return (
74+
(rect.height > 0 || rect.width > 0) &&
75+
rect.bottom >= 0 &&
76+
rect.right >= 0 &&
77+
rect.top <= (window.innerHeight || document.documentElement.clientHeight) &&
78+
rect.left <= (window.innerWidth || document.documentElement.clientWidth)
79+
)
80+
}
81+
82+
83+
$(window).scroll(function() {
84+
var scrolled = $(window).scrollTop()
85+
$('.parallax').each(function(index, element) {
86+
var initY = $(this).offset().top+200
87+
var height = $(this).height()
88+
var endY = initY + $(this).height()
89+
// Check if the element is in the viewport.
90+
var visible = isInViewport(this)
91+
if(visible) {
92+
var diff = scrolled - initY
93+
var ratio = Math.round((diff / height) * 100)
94+
var move = parseInt(-(ratio * 1.5));
95+
// if (move>90)move = 90;
96+
$(this).css('background-position','center ' + move + 'px')
97+
}
98+
})
99+
100+
$('.icons').each(function(index, element) {
101+
var visible = isInViewport(this);
102+
if(visible) {
103+
$('.icon-content').each(function (index,element) {
104+
$(this).delay(index*500).fadeIn();
105+
});
106+
}
107+
});
108+
});
109+
110+
111+
</script>
112+
</body>
113+
</html>

Diff for: ‎img/avatar/Darian.jpg

16 KB
Loading

Diff for: ‎img/avatar/[email protected]

41.4 KB
Loading

Diff for: ‎the-team.html

+23
Original file line numberDiff line numberDiff line change
@@ -193,6 +193,29 @@ <h3><a href="javascript:;">Fanny Loustau-Chartez</a><br/>
193193
</div>
194194
</div>
195195
</div>
196+
<div class="col-md-4">
197+
<div class="portrait-bis">
198+
<div data-href="darian.html">
199+
<div class="haut-portrait">
200+
</div>
201+
<div class="text-center">
202+
<a href="javascript:;" class="img-circle avatar">
203+
<img src="img/avatar/Darian.jpg" srcset="img/avatar/[email protected] 2x" class="img-circle avatar">
204+
</a>
205+
<h3><a href="javascript:;">Afshin Darian</a><br/>
206+
Technical Director
207+
</h3>
208+
<a href="javascript:;"><img class="fleche" src="img/fleche-droite.svg"></a>
209+
</div>
210+
</div>
211+
<div class="text-center">
212+
<div class="reseau">
213+
<a target="_blank" href="https://github.com/afshin"><img class="twi-gith" src="img/github.svg"></a>
214+
</div>
215+
<p>@afshin</p>
216+
</div>
217+
</div>
218+
</div>
196219
</div>
197220
</div>
198221

0 commit comments

Comments
 (0)