-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
698 lines (694 loc) · 29.6 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
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
---
layout: default
---
<div class="container-fluid" id="top">
<div class="row">
<div class="col-sm-12 text-center">
<h1>Andrew Stroup</h1>
<hr/>
<h2>resume and portfolio</h2>
</div>
</div>
<span class="nav-scroll">
<a href="/blog" class="above-scroll-down">BLOG</a>
<a href="#profile" class="scroll-down nav-scroll"><span class="glyphicon glyphicon-chevron-down"></span></a>
</span>
</div>
<nav class="navbar navbar-default" id="navbar-example" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</dv>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#profile">Profile</a></li>
<li><a href="#experiences">Experiences</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="container-fluid" id="profile">
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<h2 class="text-center">Profile</h2>
<h4 class="text-center">Engineer. Technologist. Entrepreneur.</h4>
<hr/>
<div class="row" id="sub-profile">
<div class="col-md-4 col-md-push-8 col-lg-5 col-lg-push-7 ">
<div class="row">
<div class="col-sm-12 visible-sm visible-xs" id="headshot">
<img src="/images/headshot.jpg" class="img-responsive img-circle">
</div>
<div class="col-md-12 hidden-sm hidden-xs" style="margin-top:25px;">
<a class="twitter-timeline" href="https://twitter.com/stroupaloop" data-widget-id="629489797049004032">Tweets by @stroupaloop</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>
</div>
<div class="col-md-8 col-md-pull-4 col-lg-7 col-lg-pull-5 ">
<h3>About</h3>
<p>Andrew is a serial technology entrepreneur with domain expertise in software, cybersecurity, robotics, and government.
<br/><br/>
He currently is an Entrepreneur in Residence at Bank of America Merrill Lynch, building a team with the mission of solving some of the hardest problems facing the financial sector, cybersecurity, and the world.
<br/><br/>
Andrew was previously the Director of Product and Technology for the White House Presidential Innovation Fellows, has co-founded a security software startup within the identity and access management sector, built giant fighting robots designed for glorious arena combat, and started a non-profit makerspace focused on access to industrial grade tools and education. Andrew was also a contestant on the Discovery Channel's The Big Brain Theory, a team-based reality TV competition where contestants go head-to-head against some of the brightest minds in the country.
<br/><br/>
Additionally, Andrew has served as a DoD civilian focused on the Biosurveillance White House Initiative. His support to the Armed Forces also included oversight of medical countermeasures and Chemical, Biological, Radiological and Nuclear materiel development as well as Joint Strike Fighter integration efforts. Andrew earned dual degrees in Aerospace Engineering and Mechanical Engineering with a focus on Mathematics and Business Management from Oklahoma State University.</p>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid" id="experiences">
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<div class="row text-center">
<div class="col-sm-12">
<h2 class="text-center">Experiences</h2>
<h4>
"You only live once, but if you do it right, once is enough."<br/>
- Mae West
</h4>
</div>
</div>
<hr/>
<div class="row">
<div class="col-sm-12">
<h3>Careers</h3>
</div>
</div>
<!-- BAML -->
<span id="career">
<div class="row">
<div class="col-sm-4">
<p id="prime">
<strong>Bank of America Merrill Lynch</strong>
</p>
</div>
<div class="col-sm-8">
<p id="title">
Entrepreneur in Residence
</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<p>
October 2016 to current<br/>
<i class="fa fa-map-marker"></i> <span id="location">New York, NY</span><br/>
<i class="fa fa-link"></i> <a href="https://bankofamerica.com" target="_blank">bankofamerica.com</a>
</p>
</div>
<div class="col-sm-8">
<p>
As the Entrepreneur in Residence, Andrew was tasked with solving hard problems in new ways. This includes initiatives focused on enabling the eight lines of business at the Bank, specifically through leveraging Global Information Security as a point of departure. Additionally, he supports collaboration between the major US financial institutions and the USG through various initiatives.
</p>
</div>
</div>
<br/>
</span>
<!-- PIF -->
<span id="career">
<div class="row">
<div class="col-sm-4">
<p id="prime">
<strong>The White House Presidential Innovation Fellows</strong>
</p>
</div>
<div class="col-sm-8">
<p id="title">
Director of Product and Technology
</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<p>
March 2015 to October 2016<br/>
<i class="fa fa-map-marker"></i> <span id="location">Wasington, DC</span><br/>
<i class="fa fa-link"></i> <a href="https://whitehouse.gov/innovationfellows" target="_blank">whitehouse.gov</a>
</p>
</div>
<div class="col-sm-8">
<p>
The Presidential Innovation Fellows (PIF) program brings the principles, values, and practices of the innovation economy into government through the most effective agents of change we know: our people. This highly-competitive program pairs talented, diverse technologists and innovators with top civil-servants and change-makers working at the highest levels of the federal government to tackle some our nation’s biggest challenges. These teams of government experts and private-sector doers take a user-centric approach to issues at the intersection of people, processes, products, and policy to achieve lasting impact.
</p>
</div>
</div>
<br/>
</span>
<!-- CommonKey -->
<span id="career">
<div class="row">
<div class="col-sm-4">
<p id="prime">
<strong>CommonKey, Inc.</strong>
</p>
</div>
<div class="col-sm-8">
<p id="title">
Co-Founder and CEO
</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<p>
October 2012 to March 2015<br/>
<i class="fa fa-map-marker"></i> <span id="location">New York, NY</span><br/>
<i class="fa fa-link"></i> <a href="https://commonkey.com" target="_blank">commonkey.com</a>
</p>
</div>
<div class="col-sm-8">
<p>
CommonKey is a B2B SaaS redefining identity and access management (IAM) by addressing how companies manage and share access to applications. Using a cloud-based solution, we increase productivity and enhance security for dynamic and distributed teams.<br/>
<ul>
<li><a href="http://eranyc.com" target="_blank">Entrepreneurs Rountable Accelerator</a> backed company (Class 6, Winter 2014)</li>
<li><a href="http://nytm.org" target="_blank">NY Tech Meetup</a> presenter, <a href="http://youtu.be/1FMMAGQShpU" target="_blank">video</a> (June 2014)</li>
</ul>
</p>
</div>
</div>
<br/>
</span>
<!-- MegaBots -->
<span id="career">
<div class="row">
<div class="col-sm-4">
<p id="prime">
<strong>MegaBots, Inc.</strong>
</p>
</div>
<div class="col-sm-8">
<p id="title">Co-Founder</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<p>
April 2013 to January 2014<br/>
<i class="fa fa-map-marker"></i> <span id="location">Boston, MA</span><br/>
<i class="fa fa-link"></i> <a href="http://megabots.com" target="_blank">megabots.com</a>
</p>
</div>
<div class="col-sm-8">
<p>
Making the world more epic, one giant robot at a time. MegaBots, Inc. is making the sport of the future by creating real-life piloted giant robots and mecha that fight in arena combat, the likes of which has never been seen outside of science fiction and games.
<ul>
<li><a href="http://www.businessinsider.com/megabots-at-new-york-comic-con-2014-10" target="_blank">NY Comic Con</a> appearance (2014)</li>
<li><a href="http://au.autodesk.com/au-online/overview" target="_blank">Autodesk University</a> keynote appearance (2014)</li>
</ul>
</p>
</div>
</div>
<br/>
</span>
<!-- BSV -->
<span id="career">
<div class="row">
<div class="col-sm-4">
<p id="prime">
<strong>Biosurveillance Management Office</strong>
</p>
</div>
<div class="col-sm-8">
<p id="title">Informatics SME and Integration Lead</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<p>
October 2013 to January 2014<br/>
<i class="fa fa-map-marker"></i> <span id="location">Aberdeen Proving Grounds</span>
</p>
</div>
<div class="col-sm-8">
<p>
The Biosurveillance Management Office addresses the Biosurveillance White House Initiative and supports Warfighters with enduring capabilities to preemptively and proactively identify, plan, and mitigate intentional and naturally occurring biological events.
</p>
</div>
</div>
<br/>
</span>
<!-- JPEO -->
<span id="career">
<div class="row">
<div class="col-sm-4">
<p id="prime">
<strong>Joint Program Executive Office for Chemical and Biological Defense</strong>
</p>
</div>
<div class="col-sm-8">
<p id="title">Biosurveillance and Science & Technology Lead /<br/>Medical POM Integrator</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<p>
November 2011 to October 2013<br/>
<i class="fa fa-map-marker"></i> <span id="location">Aberdeen Proving Grounds</span><br/>
<i class="fa fa-link"></i> <a href="http://www.jpeocbd.osd.mil/" target="_blank">jpeocbd.osd.mil</a>
</p>
</div>
<div class="col-sm-8">
<p>
Focus on technology transfer and portfolio management of emerging and revolutionary medical countermeasures and diagnostic devices, support to the Presidential White House National Strategy for Biosurveillance, and lead the development of the $7 billion dollar fiscal planning and budget recommendation to Congress for the medical portfolio.
<ul>
<li>Civilian Award, Joint Project Manager for Translational Medical Technologies (2013)</li>
</ul>
</p>
</div>
</div>
<br/>
</span>
<!-- TBBT -->
<span id="career">
<div class="row">
<div class="col-sm-4">
<p id="prime">
<strong>The Big Brain Theory: Pure Genius</strong>
</p>
</div>
<div class="col-sm-8">
<p id="title">Contestant</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<p>
October 2012 to June 2013<br/>
<i class="fa fa-map-marker"></i> <span id="location">Los Angeles, CA</span><br/>
<i class="fa fa-link"></i> <a href="http://dsc.discovery.com/tv-shows/the-big-brain-theory" target="_blank">discovery.com</a>
</p>
</div>
<div class="col-sm-8">
<p>
A Discovery Channel team-based reality TV competition where contestants go head-to-head against some of the brightest minds in the country, putting their engineering chops to the test. Each challenge required conceptualizing, fabricating, and delivery of an innovative and ingenious design.<br/><br/>
Survived 6 episodes (out of 8) and was the 2nd most winning competitor on the show.
<ul>
<li>Unscripted Non-Fiction Award, SET Awards (2013)</li>
</ul>
</p>
</div>
</div>
<br/>
</span>
<!-- Kalman -->
<span id="career">
<div class="row">
<div class="col-sm-4">
<p id="prime">
<strong>Kalman and Company, Inc.</strong>
</p>
</div>
<div class="col-sm-8">
<p id="career">Team Lead / Systems Engineer</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<p>
August 2009 to November 2011<br/>
<i class="fa fa-map-marker"></i> <span id="location">Falls Church, VA</span><br/>
<i class="fa fa-link"></i> <a href="http://www.kalmancoinc.com/" target="_blank">kalmancoinc.com</a>
</p>
</div>
<div class="col-sm-8">
<p>
Support to the JPEO-CBD HQ, performing portfolio management, lead analyst for the fiscal planning and budget recommendation to Congress, oversight of the Major Defense Acquisition Program Trail Boss initiative, and management of a large contractor support team.
<ul>
<li>JPEO-CBD Special Recognition Award, Brigadier General Scarbrough (2010)</li>
</ul>
</p>
</div>
</div>
<br/>
</span>
<!-- Pearson -->
<span id="career">
<div class="row">
<div class="col-sm-4">
<p id="prime">
<strong>Pearson Public Affairs Group</strong>
</p>
</div>
<div class="col-sm-8">
<p id="career">Assistant Project Manager</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<p>
May 2009 to July 2009<br/>
<i class="fa fa-map-marker"></i> <span id="location">Oklahoma City, OK</span><br/>
<i class="fa fa-link"></i> <a href="http://pearsonpublicaffairs.com/" target="_blank">pearsonpublicaffairs.com</a>
</p>
</div>
<div class="col-sm-8">
<p>
Engaged target regions in public awareness, issue education and management, coalition building, training constituents to lobby public officials, public policy intelligence gathering, and issue advocacy; translating into the management of grass top campaigns, focusing on federal legislation.
</p>
</div>
</div>
<br/>
</span>
<!-- SPX -->
<span id="career">
<div class="row">
<div class="col-sm-4">
<p id="prime">
<strong>SPX Filtran</strong>
</p>
</div>
<div class="col-sm-8">
<p id="career">Research and Development Engineer</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<p>
July 2008 to April 2009<br/>
<i class="fa fa-map-marker"></i> <span id="location">Stillwater, OK</span><br/>
<i class="fa fa-link"></i> <a href="http://www.filtranllc.com/home/index.asp" target="_blank">filtranllc.com</a>
</p>
</div>
<div class="col-sm-8">
<p>
Coordinated test and evaluation efforts with the Research and Development Division, refining test methodologies and identifying samples to meet operational requirements through development of new Design of Experiments and mathematical models.
</p>
</div>
</div>
<br/>
</span>
<!-- BarDyne -->
<span id="career">
<div class="row">
<div class="col-sm-4">
<p id="prime">
<strong>BarDyne, Inc.</strong>
</p>
</div>
<div class="col-sm-8">
<p id="career">Project Engineer</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<p>
April 2006 to July 2008<br/>
<i class="fa fa-map-marker"></i> <span id="location">Stillwater, OK</span><br/>
<i class="fa fa-link"></i> <a href="http://www.bardyne.com" target="_blank">bardyne.com</a>
</p>
</div>
<div class="col-sm-8">
<p>
Formerly known as the Fluid Power Research Center (FPRC) before being privatized by Dr. Fitch and Dr. I.T. Hong. Served a multi-disciplinary engineering role that included engagement with new and current clients, development of a commercial modeling and simulation program, management of multiple projects and team members, and engineering consultation services.
</p>
</div>
</div>
<br/>
</span>
<hr/>
<!-- Philanthropies -->
<div class="row">
<div class="col-sm-12">
<h3>Philanthropies</h3>
</div>
</div>
<!-- Awesome -->
<span id="philanthropy">
<div class="row">
<div class="col-sm-4">
<p id="prime">
<strong>Awesome Foundation</strong>
</p>
</div>
<div class="col-sm-8">
<p id="career">Trustee, Board of Trustees</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<p>
November 2014 to March 2015<br/>
<i class="fa fa-map-marker"></i> <span id="location">Boston, MA</span><br/>
<i class="fa fa-link"></i> <a href="http://awesomefoundation.org" target="_blank">awesomefoundation.org</a>
</p>
</div>
<div class="col-sm-8">
<p>
For the Arts and Sciences and the advancement of Awesomeness in the universe. Forwarding the interest of awesome in the universe, $1,000 at a time.
</p>
</div>
</div>
<br/>
</span>
<!-- Foundery -->
<span id="philanthropy">
<div class="row">
<div class="col-sm-4">
<p id="prime">
<strong>Baltimore Foundery</strong>
</p>
</div>
<div class="col-sm-8">
<p id="career">Co-Founder and Instructor / Member, Board of Directors</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<p>
February 2013 to January 2014<br/>
<i class="fa fa-map-marker"></i> <span id="location">Baltimore, MD</span><br/>
<i class="fa fa-link"></i> <a href="http://bmorefoundery.com" target="_blank">bmorefoundery.com</a>
</p>
</div>
<div class="col-sm-8">
<p>
A non-profit makerspace focused on providing access to industrial grade tools and education. The Foundery's goals are to enable Baltimore to build more things, collaborate on projects, and help entrepreneurs succeed.
<ul>
<li>Makerspace of the Year, <a href="http://2014.baltimoreinnovationweek.com/" target="_blank">Baltimore Innovation Awards</a> (2014)</li>
<li>Colocation / Incubator Space of the Year Nominee, <a href="http://technical.ly/baltimore/" target="_blank">Technically Baltimore</a> (2013)</li>
</ul>
</p>
</div>
</div>
<br/>
</span>
<hr/>
<!-- Education -->
<div class="row">
<div class="col-sm-12">
<h3>Education</h3>
</div>
</div>
<!-- College -->
<span id="education">
<div class="row">
<div class="col-sm-4">
<p id="prime">
<strong>Oklahoma State University</strong>
</p>
</div>
<div class="col-sm-8">
<p id="career">
Bachelors of Science - Aerospace Engineering (Specialization: UAV Design)<br/>
Bachelors of Science - Mechanical Engineering (Specialization: Fluid Power Design)<br/>
Minor - Mathematics / Focus - Business Management
<ul>
<li>First place, American Institute of Aeronautics and Astronautics Cessna/Raytheon International Design, Build, Fly Competition (2009)</li>
<li>Oklahoma State University Homecoming Royalty (2008)</li>
<li>Speaker's Board President</li>
<li>Student Activites Board Executive</li>
<li>Student Union Activities Board Executive</li>
<li>Order of Omega Honor Fraternity</li>
<li>College of Engineering, Architecture, and Technology Ambassador</li>
<li>Oklahoma State University Top Twenty Freshmen Man Award (2004)</li>
<li>FarmHouse Fraternity</li>
</ul>
</p>
</div>
</div>
<br/>
</span>
<!-- Certs -->
<div class="row">
<div class="col-sm-4">
<p id="prime">
<strong>Certifications</strong>
</p>
</div>
<div class="col-sm-8">
<p>
<strong>US Army Acquisition Corps</strong><br/>
Department of the Army, Office of the Assistant Secretary of the Army - Acquisition, Logistics, & Technology
</p>
<p>
<strong>Level 3 SPRDE - Systems Engineering</strong><br/>
Department of the Army, Acquisition Corps
</p>
<p>
<strong>Engineering in Training, License #21587</strong><br/>
National Council of Examiners for Engineering and Surveying
</p>
<p>
<strong>Current Good Manufacturing Practices Certified Professional</strong><br/>
The Center for Professoinal Innovation and Education, Inc.
</p>
</div>
</div>
</div>
</div>
</div>
<!-- projects -->
<div class="container-fluid" id="projects">
<div class="row">
<div class="container">
<div class="row text-center">
<div class="col-sm-12">
<h2>Projects</h2>
<h4>
"A goal is not always meant to be reached, it often serves simply as something to aim at."<br/>
- Bruce Lee
</h4>
</div>
</div>
<hr/>
<div class="row text-center">
<div class="col-sm-8 col-sm-offset-2">
<div id="filters" class="button-group">
<button class="btn btn-teal active" type="button" data-filter="*">#projects</button>
<button class="btn btn-bluegrey" type="button" data-filter=".engineering">#engineering</button>
<button class="btn btn-bluegrey" type="button" data-filter=".code">#code</button>
<button class="btn btn-bluegrey" type="button" data-filter=".business">#business</button>
<button class="btn btn-bluegrey" type="button" data-filter=".fluidpower">#fluidpower</button>
<button class="btn btn-bluegrey" type="button" data-filter=".video">#videos</button>
<button class="btn btn-bluegrey" type="button" data-filter=".consulting">#consulting</button>
<button class="btn btn-bluegrey" type="button" data-filter=".realitytv">#realitytv</button>
</div>
<br/>
</div>
</div>
<br/>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<div class="row project">
{% for project_hash in site.data.projects %}{% assign project = project_hash[1] %}<div class="project-item {% for filter in project.filters %}{{ filter }} {% endfor %} col-sm-3 col-xs-6" id="{{ project.id}}" data-toggle="modal" data-target="#{{ project.id }}-modal">
<img src="/images/projects/{{ project.id }}.jpg" class="img-responsive">
</div>
<!-- Modal -->
<div class="modal fade" id="{{ project.id }}-modal" tabindex="-1" role="dialog" aria-labelledby="{{ project.id }}-label" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="{{ project.id }}-label"><strong>Project Details</strong></h4>
</div>
<div class="modal-body">
{% if project.media_type == 'youtube' %}
<div class="embed-responsive embed-responsive-16by9">
<div class="js-lazyYT" data-youtube-id="{{ project.media }}"></div>
</div>
{% elsif project.media_type == 'vimeo' %}
<div class="embed-responsive embed-responsive-16by9">
<iframe src="{{ project.media }}" frameborder="0" allowfullscreen></iframe>
</div>
{% else %}
<img src="/images/projects/project_details/{{ project.media }}" class="img-responsive">
{% endif %}
<h4>{{ project.name }}</h4>
<h5>{{ project.company }} | {{ project.link }}</h5>
<p>{{ project.description }}</p>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid" id="news">
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<h2 class="text-center">News</h2>
<hr/>
<ul>
{% for news_hash in site.data.news %}{% assign news = news_hash[1] %}<li>{{ news.date}} // {{ news.title }} (<a href="{{ news.link }}" target="_blank">{{ news.source }}</a>)</li>{% endfor %}
</ul>
</div>
</div>
</div>
<div class="container-fluid" id="contact">
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<h2 class="text-center">Contact</h2>
<div class="row text-center">
<div class="col-sm-12">
<h4>
"Pain heals. Chicks dig scars. Glory ... lasts forever."<br/>
- Shane Falco
</h4>
</div>
</div>
<hr/>
<div class="row" id="outlet">
<div class="col-sm-6">
<h5>
<a href="{{ baseurl }}/blog/">
<span class="fa-stack">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-lightbulb-o fa-stack-1x fa-inverse"></i>
</span>
personal blog
</a>
<br/><br/>
<a href="http://linkedin.com/in/andrewstroup" target="_blank">
<span class="fa-stack">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
</span>
andrewstroup
</a>
</h5>
</div>
<div class="col-sm-6">
<h5>
<a href="http://twitter.com/stroupaloop" target="_blank">
<span class="fa-stack">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
@stroupaloop
</a>
<br/><br/>
<a href="http://instagram.com/asianfarmer" target="_blank">
<span class="fa-stack">
<i class="fa fa-instagram fa-stack-2x"></i>
</span>
@asianfarmer
</a>
</h5>
</div>
</div>
<br/>
<hr/>
<div class="row">
<div class="col-sm-12 text-center">
<p>
Handcrafted with <i class="fa fa-heart"></i> and <i class="fa fa-beer"></i> in a galaxy far, far away ...<br/>
</p>
<span class="badge">HTML5</span> <span class="badge">SASS</span> <span class="badge">jQuery</span> <span class="badge">Isotope</span> <span class="badge">Bootstrap</span> <span class="badge">Font Awesome</span><br/><br/>
<a class="btn btn-teal" href="http://github.com/stroupaloop/stroupaloop-website" target="_blank">See project on Github</a>
</div>
</div>
</div>
</div>
</div>