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 > Greg Mooney - Scientific 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/Greg.jpg "
40+ srcset ="
img/avatar/[email protected] 2x "
41+ class ="img-circle avatar "
42+ />
43+ < h3 >
44+ < strong > Greg Mooney</ strong > < br />
45+ Scientific Software Developer
46+ </ h3 >
47+ < div class ="reseau ">
48+ < a target ="_blank " href ="https://github.com/gjmooney "> < img class ="twi-gith " src ="img/github.svg "> </ a >
49+ </ div >
50+ < p > @gjmooney</ p >
51+ </ div >
52+ < div class ="description ">
53+ < p >
54+ < p > Greg Mooney is a Scientific Computing Developer at QuantStack. He received a Bachelors degree in Software Engineering from < abbr title ="Arizona State University "> ASU</ abbr > .</ p >
55+ < p > Before joining QuantStack, he worked as an Aegis Computer Network Technician, working on the network infrastructure connecting various sensor systems onboard naval vessels.</ p >
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 >
0 commit comments