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