-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·154 lines (154 loc) · 7 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>James Zhang</title>
<meta name="description" content="James Zhang" />
<meta name="keywords" content="james zhang" />
<meta name="author" content="James Zhang" />
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="css/component.css" />
<link rel="stylesheet" type="text/css" href="css/avatar.css" />
<script src="js/modernizr.custom.js"></script>
</head>
<body>
<div class="container">
<div id="bl-main" class="bl-main">
<section>
<div class="bl-box">
<h2 class="bl-icon bl-icon-about">About</h2>
</div>
<div class="bl-content">
<h2>About me</h2>
<p>I am a technologist and consultant based in Boston, MA.</p>
<p>I graduated from Cornell University in
<a href="http://www.orie.cornell.edu/">Operations Research & Information Engineering</a>
in 2011. I relocated to Boston to help solve difficult problems in healthcare.
Currently, I am a full-stack Ruby on Rails hacker developing an accelerator
for healthcare provider change management.</p>
<p>Previously, I worked on <a href="http://www.childrenshospital.org/clinicalservices/Site880/mainpageS880P11.html">T3</a>,
a real-time physiological data visualization and analysis webapp, striving
to improve rapid clinical decision-making at Boston Children's Hospital ICUs.
</p>
<p><span class="cover-avatar"><img src="images/me.png" title="James Zhang" /></span>
<span class="home-link">Back</span>
</p>
</div>
<span class="bl-icon bl-icon-close"></span>
</section>
<section id="bl-work-section">
<div class="bl-box">
<h2 class="bl-icon bl-icon-works">Projects</h2>
</div>
<div class="bl-content">
<h2>My work</h2>
<p>I enjoy learning by doing. Here are a few things I have worked on in my free time.</p>
<ul id="bl-work-items">
<li data-panel="panel-1"><a href="#"><img src="images/1.jpg" /></a></li>
<li data-panel="panel-2"><a href="#"><img src="images/2.jpg" /></a></li>
</ul>
<p><span class="cover-avatar"><img src="images/me.png" title="James Zhang" /></span>
<span class="home-link">Back</span>
</p>
</div>
<span class="bl-icon bl-icon-close"></span>
</section>
<section>
<div class="bl-box">
<h2 class="bl-icon bl-icon-blog">Thoughts</h2>
</div>
<div class="bl-content">
<h2>My musings</h2>
<article>
<h3>Non-profits and techies have a natural connection</h3>
<p>I just spent a good chunk of my weekend volunteering at
<a href="/r/?url=http%3A%2F%2Fnewenglandgivecamp.org%2F">New England GiveCamp (NEGC)</a>,
an annual 48-hour hackathon where developers and designers help local non-profits with technical
needs. The event is an awesome way for techies to get involved with the community by providing
meaningful use of their skills and time ...
<a href="https://medium.com/what-i-learned-building/77669f928d97">Read more</a></p>
</article>
<article>
<h3>Fake tweet leads to Wall Street tumble</h3>
<p>At 1:07pm Eastern Time today,
<a href="http://twitter.com/ap">@AP</a> (currently suspended) tweeted: "Breaking: Two Explosions in the
White House and Barack Obama is injured Within moments, stock markets felt the effects of the
tweet. Shortly after the news broke, the Dow Jones Industrial Average fell more than 130 points
(nearly 1%) ... <a href="https://medium.com/i-m-h-o/874cdff89358">Read more</a></p>
</article>
<p><span class="cover-avatar"><img src="images/me.png" title="James Zhang" /></span>
<span class="home-link">Back</span>
</p>
</div>
<span class="bl-icon bl-icon-close"></span>
</section>
<section>
<div class="bl-box">
<h2 class="bl-icon bl-icon-contact">Contact</h2>
</div>
<div class="bl-content">
<h2>Get in touch</h2>
<p>Thanks for visiting my personal page. If you want to get in touch, please send me
<a href="mailto:[email protected]">an email</a>.</p>
<p>You can find me on <a href="http://facebook.com/jzhang">Facebook</a>,
<a href="http://twitter.com/thesecondJZ">Twitter</a>,
<a href="http://instagram.com/jamesfzhang">Instagram</a>, and
<a href="http://www.linkedin.com/pub/james-zhang/61/127/649">LinkedIn</a>.
<p>I occasionally write on <a href="http://medium.com/@thesecondJZ">Medium</a>
and code on <a href="http://github.com/jamesfzhang">GitHub</a>.
<p>The source code for this site is published <a href="https://github.com/jamesfzhang/jamesfzhang.github.com">here</a>.</p>
<p><span class="cover-avatar"><img src="images/me.png" title="James Zhang" /></span>
<span class="home-link">Back</span>
</p>
</div>
<span class="bl-icon bl-icon-close"></span>
</section>
<!-- Panel items for the works -->
<div class="bl-panel-items" id="bl-panel-work-items">
<div data-panel="panel-1">
<div>
<a href="http://shouldieat.it">
<h3>Should I Eat It?</h3>
</a>
<p>Thinking about downing that extra slice of pizza? Think again.</p>
<p>Maintaining a healthy diet can be difficult in a world full of temptation. Not only do we
underestimate the calories in the food we eat, we often fail to grasp the impact these calories
have on our bodies. What do those little numbers on food labels really mean?</p>
<p><a href="http://shouldieat.it">Should I Eat It?</a>
is a project that aims to highlight our ignorance about the food we eat and help us view the
calories we consume in a new light. </p>
<p>The source code for this project is published on
<a href="http://github.com/jamesfzhang/food">GitHub</a>.</p>
</div>
</div>
<div data-panel="panel-2">
<div>
<a href="http://github.com/jamesfzhang/emput.js">
<h3>emput.js</h3>
</a>
<p>Place <strong>em</strong>phasis on in<strong>put</strong> text fields when they are used.</p>
<p>emput.js is a simple implementation of emphasizing input elements and their associated labels when
used. Its purpose is to use minimal styles to bring attention to users as they fill out forms on
your website.</p>
<p>The source code for this project is published on
<a href="http://github.com/jamesfzhang/emput.js">GitHub</a>.</p>
</div>
</div>
<nav>
<span class="bl-next-work">> Next Project</span>
<span class="bl-icon bl-icon-close"></span>
</nav>
</div>
</div>
</div><!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/boxlayout.js"></script>
<script>
$(function() {
Boxlayout.init();
});
</script>
</body>
</html>