-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
216 lines (190 loc) · 8.63 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<title>James Christopher</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css" integrity="sha256-fGJODaGYSINeMscXSbyu3k+sCt9ON9XOpsVOcvco3Qg=" crossorigin="anonymous" />
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js" integrity="sha256-pVJ6toFhRjat2LSvxugXvMnNDp33i00nfn0CpPXZevs=" crossorigin="anonymous"></script>
<script defer src="js/init.js"></script>
</head>
<body>
<nav class="white" role="navigation">
<div class="nav-wrapper container">
<a class="brand-logo hide-on-med-and-down" href="#">James Christopher</a>
<ul class="right">
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
<div id="index-banner" class="parallax-container">
<div class="parallax"><img src="lake.JPG" alt="a lake in winter time"></div>
</div>
<div class="container">
<div class="section">
<!-- Icon Section -->
<div class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">code</i></h2>
<h5 class="center">Full stack</h5>
<p class="light">
I've pursued multiple full stack development side projects covering a variety of technologies and frameworks
from Postgres to Django to Heroku.
</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">timeline</i></h2>
<h5 class="center">Data science</h5>
<p class="light">
Through my experience at <a href="https://www.quantopian.com" target="_blank">Quantopian</a> I've
given multiple talks on basic data science principles, crafted machine learning stock prediction models,
and lead development of the open source Python package for analyzing stock alpha factors.
</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">memory</i></h2>
<h5 class="center">R&D</h5>
<p class="light">
While at <a href="http://www.nelsonirrigation.com/" target="_blank">Nelson Irrigation</a> I led I lead
a team of interns to build a never before tried method of automatically collecting sprinkler uniformity
and performance data.
</p>
</div>
</div>
</div>
</div>
</div>
<div id="projects" class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light">Alphalens - a tool for anayzing stock alpha factors</h5>
</div>
</div>
</div>
<div class="parallax"><img src="alphalens.png" alt="screen shot of an alphalens graph"></div>
</div>
<div class="container">
<div class="section">
<div class="row">
<img class="col s8 m3" alt="alphalens logo" src="https://camo.githubusercontent.com/a0787309a69fb15775704045bccead6b11b5f8df/68747470733a2f2f6d656469612e7175616e746f7069616e2e636f6d2f6c6f676f732f6f70656e5f736f757263652f616c7068616c656e732d6c6f676f2d30332e706e67">
<div class="col s12 center">
<p class="left-align light">
<a href="https://github.com/quantopian/alphalens" target="_blank">Alphalens</a> is a Python package designed
to evaluate equity return predicting factors. These factors are commonly used in alpha factor modeling.
The main function of Alphalens is to surface the most relevant statistics and plots about an alpha factor, including:
</p>
<div class="row">
<ul class="col s11 offset-s1 left-align light">
<li class="bulleted">Returns Analysis</li>
<li class="bulleted">Information Coefficient Analysis</li>
<li class="bulleted">Turnover Analysis</li>
<li class="bulleted">Sector Analysis</li>
</ul>
</div>
<p class="left-align light">
Alphalens is ideally ran inside a Jupyter notebook with just a few lines of code:
</p>
<div class="row">
<code class="col s12 left-align">
import alphalens
<br>
<br>
alphalens.tears.create_factor_tear_sheet(my_factor, pricing)
</code>
</div>
<p class="left-align"><strong>Status: </strong>active</p>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light">Harvust - a farm working app</h5>
</div>
</div>
</div>
<div class="parallax"><img src="Imperial.jpg" alt="a farm field you could use Harvust with"></div>
</div>
<div class="container">
<div class="section">
<div class="row">
<img class="col s8 m3" alt="Harvust logo" src="harvust-logo-006.svg">
<div class="col s12 center">
<p class="left-align light">
<a href="https://www.harvust.com/" target="_blank">Harvust is a farm working app that
connects workers with growers.</a> Harvust provides an online marketplace to source farm labor.
Harvust passes the efficiency gains of providing a platform that finds the best labor,
tracks production, and pays the workers onto the worker and grower.
</p>
<p class="left-align"><strong>Status: </strong> prelaunch</p>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light">Big Picture is a stripped down version of every shitty app made for films.</h5>
</div>
</div>
</div>
<div class="parallax"><img src="bigpicture.PNG" alt="a screen shot of the Big Picture website"></div>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 center">
<p class="left-align light">
<a href="https://jameschristopher.pythonanywhere.com/" target="_blank">Big Picture</a> is a collaborative
project between me and my friend <a href="http://taso.design/">Taso</a>. Our joint passion
for movies combined with his design skill and my programming skill led us to create this beautiful
self-sustaining website for browsing movies.
</p>
<p class="left-align"><strong>Status: </strong> active</p>
</div>
</div>
</div>
</div>
<div id="contact" class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light">Contact</h5>
</div>
</div>
</div>
<div class="parallax"><img src="carshow.JPG" alt="james christopher sitting in the back of a vintage pickup"></div>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 center">
<h3><i class="mdi-content-send brown-text"></i></h3>
<p class="left-align light">
Twitter: <a href="https://twitter.com/__jameschris">@__jameschris</a>
<br>
Email: <a href="mailto:[email protected]">[email protected]</a>
<br>
Github: <a href="https://github.com/jameschristopher">jameschristopher</a>
<br>
</p>
</div>
</div>
</div>
</div>
</body>
</html>