-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
265 lines (218 loc) · 15.1 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
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Dan Joseph</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/blueimp-gallery.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
<!-- The container for the modal slides -->
<div class="slides"></div>
<!-- Controls for the borderless lightbox -->
<h3 class="title"></h3>
<a class="prev">‹</a>
<a class="next">›</a>
<a class="close">×</a>
<ol class="indicator"></ol>
<!-- The modal dialog, which will be used to wrap the lightbox content -->
<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" aria-hidden="true">×</button>
<h3 class="modal-title"></h3>
</div>
<div class="modal-body next"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-left prev">
<i class="glyphicon glyphicon-chevron-left"></i>
Previous
</button>
<button type="button" class="btn btn-primary next">
Next
<i class="glyphicon glyphicon-chevron-right"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<!-- Navigation -->
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="#page-top">
<i class="fa fa-chevron-up"></i> <span class="light">Dan Joseph</span>
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#make">Make</a>
</li>
<li>
<a class="page-scroll" href="#collect">Collect</a>
</li>
<li>
<a class="page-scroll" href="#map">Map</a>
</li>
<li>
<a class="page-scroll" href="#grow">Grow</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Intro Header -->
<header class="intro">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="brand-heading">Making, collecting, mapping, and growing. Especially with community.</h1>
<a href="#make" class="btn btn-circle page-scroll">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</div>
</div>
</div>
</header>
<!-- Make Section -->
<section id="make" class="content-section">
<div class="container text-center">
<div class="col-lg-8 col-lg-offset-2">
<h2>Making</h2>
<p>I enjoy learning by doing; it is a theme throughout my work and interests. I love open source projects because they let me explore things hands-on and also participate with passionate communities that have come together to solve a problem. I like building my own skills, sharing with others, supporting systems to curate and maintain data, and creating technology calibrated to users.</p>
<img class="img-responsive center-block" style="max-height:400px" src="img/posm-swag.jpeg">
<p class="small">Keychain and coasters I laser-cut to promote a software project.</p>
</div>
</div>
</section>
<!-- Collect Section -->
<section id="collect" class="content-section">
<div class="container text-center">
<div class="col-lg-8 col-lg-offset-2">
<h2>Collecting (data)</h2>
<h3>Disaster response</h3>
<p>I've regularly deployed to support the Red Cross Red Crescent global network in disater response. I'm an information management specialist so focus on identifying, collecting, cleaning, and analyzing data about the situtation and from responding teams to then produce information products that improve planning, coordination, and decision making.</p>
<img class="img-responsive center-block" style="max-height:400px" src="img/dominica.jpg">
<p class="small">One of the rare times I was away from a spreadsheet or data table during a disaster response.</p>
<h3>ODK</h3>
<p>I love ODK. The people involved in the project are friendly, principled, and have made so much good work possible through their efforts building and sustaining open source mobile data collection software. While at American Red Cross, I've organized funding support to ODK in <a href="https://americanredcross.github.io/2019/01/08/odk-collect-improvements/">2019</a> and <a href="https://americanredcross.github.io/2022/06/30/odk-select-from-location/">2022</a>. I also regularly encourage people to use the software, including advocating (succesfully) for the Turkish Red Crescent and IFRC to use ODK for the data collection needs of the <a href="https://www.ifrc.org/emergency-social-safety-net-essn">Emergency Social Safety Net (ESSN) programme</a>.</p>
<p>I am a vocal champion of the impact possible with ODK, for example organizing <a href="https://www.youtube.com/watch?v=jjSkMu0WFVI">a panel</a> for IFRC's 2021 Data & Digital Week.</p>
<p>I regularly answer support questions on the <a href="https://forum.getodk.org/u/danbjoseph/summary">ODK forum</a> and have provided more than 100 verified solutions.</p>
<p>Since 2018 I have served on the ODK <a href="https://getodk.org/about/ecosystem.html">Technical Advisory Board</a> to bring the perspective of a large humanitarian organization to the discussions around the future of the project.</p>
<p>I run an instance of <a href="https://docs.getodk.org/central-intro/">ODK Central</a> for my team at Red Cross.</p>
<img class="img-responsive center-block" style="max-height:400px" src="img/odk-convening-2019.jpg">
<p class="small">Meeting some of the core ODK community in Seattle in 2019.</p>
<h3>Street level imagery</h3>
<p>I love street level imagery, and the potential to use it for understanding an environment, documenting changes, and unlocking additional geospatial details. I'm a regular contributor of imagery to <a href="https://www.mapillary.com/app/user/danbjoseph">Mapillary</a> (2.4 million images and counting) and have also pushed images to <a href="https://kartaview.org/user/danbjoseph">KartaView</a> (formally OpenStreetCam).</p>
<p>I've <a href="https://americanredcross.github.io/2018/03/21/mapillary-post/">written about</a> and <a href="https://youtu.be/3BZXDVKwpoE">talked about</a> why street level imagery interests me in a humanitarian context.</p>
<img class="img-responsive center-block" style="max-height:400px" src="img/mapillary-rig.jpg">
<p class="small">A custom rig for collecting street-level imagery in four directions while driving.</p>
</div>
</div>
</section>
<!-- Map Section -->
<section id="map" class="content-section">
<div class="container text-center">
<div class="col-lg-8 col-lg-offset-2">
<h2>Mapping</h2>
<h3>OpenStreetMap (OSM)</h3>
<p>I love OSM and lead how the American Red Cross engages on the <a href="https://www.missingmaps.org/">Missing Maps</a> project, and my team explores how we can be a better user and steward of the map.</p>
<p>I am regular mapping contributor to OSM as user <a href="https://hdyc.neis-one.org/?danbjoseph">danbjoseph</a>.</p>
<h3>MapSwipe</h3>
<p>I've organized development of <a href="https://americanredcross.github.io/2022/01/25/changes-to-mapswipe-for-a-changing-world/">a new mission type</a> in MapSwipe and am part of the team looking at the future of the app.</p>
<h3>ODM</h3>
<p>I enjoy being part of the OpenDroneMap (ODM) community.</p>
<p>I <a href="https://github.com/OpenDroneMap/docs/graphs/contributors">help maintain</a> the user documentation including implemented a translation workflow integrating Transifex and GitHub.</p>
<p>I scoped with stakeholders and identified funding for the <a href="https://americanredcross.github.io/2019/08/07/posm-9-release/">development of code</a> in ODM that allows distributing the tasks of processing a large collection of aerial images across multiple nodes.
<img class="img-responsive center-block" style="max-height:400px" src="img/odm.jpg">
<p class="small">Computer hardware set up to remotely process drone imagery for a mapping project in the Philippines.</p>
<h3>DIY drones</h3>
<p>In 2016 I started experimenting with <a href="https://www.youtube.com/watch?v=pcLPlK3yTaY" target="_blank">DIY drones for mapping</a> and have more recently worked with a Red Cross volunteer to document the build process for a <a href="https://americanredcross.github.io/mapping-mozzie/">custom quadplane drone</a> for mapping.</p>
<img class="img-responsive center-block" style="max-height:400px" src="img/apd.jpg">
<p class="small">Troubleshooting a drone built from foam-core board.</p>
<h3>Drones at IFRC</h3>
<p>I've written about drones - <a href="https://americanredcross.github.io/rcrc-drones/">Aid from the Air</a>: A review of drone use in the RCRC global network and <a href="https://americanredcross.github.io/images-from-above/">Images from above</a>: A review of aerial assessment in support of humanitarian response operations.</p>
<p>I founded the IFRC Drones Working Group which is both establishing the processes and standards for Red Cross and Red Crescent National Societies to deploy drones in global operations, as well as building a community of practice. I organize regular <a href="https://www.youtube.com/channel/UC6RoHlKvcHNcz_pIHtVgJqw/videos">learn/ share sessions</a> for the Red Cross Red Crescent global network.</p>
<img class="img-responsive center-block" style="max-height:400px" src="img/philippines.jpg">
<p class="small">A crowd of curious onlookers while flying a drone for a mapping project in cooperation with the Philippine Red Cross.</p>
</div>
</div>
</section>
<!-- Grow Section -->
<section id="grow" class="content-section">
<div class="container text-center">
<div class="col-lg-8 col-lg-offset-2">
<h2>Growing</h2>
<h4></h4>
<p>In addition to code and tech, I enjoy getting my hands dirty in soil growing flowers, herbs, fruits, and vegetables. I live in DC and have limited outdoor space for plants, but I make it work with a variety of containers and a drip irrigation system so I can do more with my time during the heat of the summer than just water each day.</p>
<img class="img-responsive center-block" style="max-height:400px" src="img/basil.jpg">
<p class="small">A bountiful harvest of home-grown basil just before I made it into pesto.</p>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Get in touch</h2>
<p><a href="mailto:[email protected]">[email protected]</a></p>
<p><ul class="list-inline banner-social-buttons">
<li>
<a href="https://twitter.com/danbjoseph" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i>  <span class="network-name">Twitter</span></a>
</li>
<li>
<a href="https://github.com/danbjoseph" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i>  <span class="network-name">Github</span></a>
</li>
<li>
<a href="https://www.linkedin.com/in/danbjoseph" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-linkedin fa-fw"></i>  <span class="network-name">LinkedIn</span></a>
</li>
</ul></p>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container text-center">
<div style="height:200px;"></div>
</div>
</footer>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.blueimp-gallery.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>