-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·612 lines (574 loc) · 40.4 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
<!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>Web Ecology Project</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/agency.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=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Droid+Serif: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" class="index">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="#page-top">Web Ecology Project</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#portfolio">Studies</a>
</li>
<li>
<a class="page-scroll" href="#about">About</a>
</li>
<li>
<a class="page-scroll" href="#people">People</a>
</li>
<li>
<a class="page-scroll" href="#license">License</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Header -->
<header>
<div class="container">
<div class="intro-text">
<div class="intro-heading">Web Ecology Project</div>
<div class="intro-lead-in">We use large scale data mining <br />to analyze culture and community online.</div>
<div style="margin-top:50px"></div>
<a href="#portfolio" class="page-scroll btn btn-xl" style="color: #222222">Show Me The Data</a>
</div>
</div>
</header>
<!-- Services Section -->
<!-- <section id="studies">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Services</h2>
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
</div>
</div>
<div class="row text-center">
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-shopping-cart fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">E-Commerce</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-laptop fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Responsive Design</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-lock fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Web Security</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
</div>
</div>
</div>
</section> -->
<!-- Portfolio Grid Section -->
<section id="portfolio" class="bg-light-gray">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Studies</h2>
<h3 class="section-subheading text-muted">A list of white papers and reports from the Web Ecology Project.</h3>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fa fa-flask fa-3x"></i>
</div>
</div>
<img src="images/wep1.jpg" class="img-responsive" alt="">
</a>
<div class="portfolio-caption">
<h4>The Revolutions Were Tweeted: Information Flows During the 2011 Tunisian and Egyptian Revolution</h4>
<p class="text-muted">Gilad Lotan, Erhardt Graeff, Mike Ananny, Devin Gaffney, Ian Pearce, and danah boyd</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fa fa-flask fa-3x"></i>
</div>
</div>
<img src="images/wep2.jpg" class="img-responsive" alt="">
</a>
<div class="portfolio-caption">
<h4>ChatRoulette: An Initial Survey</h4>
<p class="text-muted">Alex Leavitt and Tim Hwang <br /> with Patrick Davison, Mike Edwards, Devin Gaffney, Sam Gilbert, Erhardt Graeff, Jennifer Jacobs, Dan Luxemburg, Kunal Patel, Mike Rugnetta, and Karina van Schaardenburg</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fa fa-flask fa-3x"></i>
</div>
</div>
<img src="images/wep3.jpg" class="img-responsive" alt="">
</a>
<div class="portfolio-caption">
<h4>Afghanistan and its Election on Twitter: The Macro Picture (preview)</h4>
<p class="text-muted">Erhardt Graeff <br /> with Seth Woodworth</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fa fa-flask fa-3x"></i>
</div>
</div>
<img src="images/wep4.jpg" class="img-responsive" alt="">
</a>
<div class="portfolio-caption">
<h4>The Influentials: New Approaches for Analyzing Influence on Twitter</h4>
<p class="text-muted">Alex Leavitt <br /> with Evan Burchard, David Fisher, and Sam Gilbert</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fa fa-flask fa-3x"></i>
</div>
</div>
<img src="images/wep5.jpg" class="img-responsive" alt="">
</a>
<div class="portfolio-caption">
<h4>Detecting Sadness in 140 Characters: Sentiment Analysis and Mourning Michael Jackson on Twitter</h4>
<p class="text-muted">Elsa Kim and Sam Gilbert <br /> with Michael J. Edwards and Erhardt Graeff</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fa fa-flask fa-3x"></i>
</div>
</div>
<img src="images/wep6.jpg" class="img-responsive" alt="">
</a>
<div class="portfolio-caption">
<h4>The Iranian Election on Twitter: The First Eighteen Days</h4>
<p class="text-muted">Jonathan Beilin, Matt Blake, Mac Cowell, David Fisher, Sam Gilbert, Russell Hanson, Tim Hwang, Alex Leavitt, Greg Marra, Rob Mason, Colin McSwiggen, Dharmishta Rood, Aaron Shaw, Frank Tobia, and Seth Woodworth</p>
</div>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">About</h2>
<h3 class="section-subheading text-muted">The Web Ecology Project is an interdisciplinary research group formerly based in Boston, Massachusetts.</h3>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<ul class="timeline">
<li>
<div class="timeline-image">
<img class="img-circle img-responsive" src="img/about/1.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>2009-2014</h4>
<h4 class="subheading">Hacking Together Research</h4>
</div>
<div class="timeline-body">
<p class="text-muted">The Web Ecology Project is an interdisciplinary research group based in Boston, Massachusetts focusing on using large scale data mining to analyze the system-wide flows of culture and community online. In addition to the task of understanding culture on the web through quantitative research and rigorous experimentation, we are attempting to build a science around community management and social media. To that end, we are building tools and conducting research that enable planners to launch data-driven campaigns backed by network science.</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<img class="img-circle img-responsive" src="img/about/2.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="subheading">A Manifesto for Internet Science</h4>
</div>
<div class="timeline-body">
<p class="text-muted">The emerging field of Web Ecology is an attempt to unify contemporary research and practice under a
common focus, set of principles, and general approach to promote new insights and more fruitful forms of
exchange in this space. We believe that these lay the groundwork for a more vibrant, more dynamic, and
more useful field of research and community of researchers.</p>
<p>Read the paper here: <a href="reports/wep0.pdf">Reimagining Internet Studies: A Web Ecology Perspective</a></p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Team Section -->
<section id="people" class="bg-light-gray">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">The Team</h2>
<h3 class="section-subheading text-muted">In alphabetical order...</h3>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="team-member">
<p><strong>Jon Beilin</strong> is a Lead Researcher and Developer for the Web Ecology Project. He is an alumnus of <a href="http://www.dartmouth.edu/~classics"></a>Dartmouth College with a BA in Ancient History. He’s fascinated by different modes of individual and collective human expression, critical/social theory, and ethics. His work can be found at <a href="http://jonbeilin.net"></a>http://jonbeilin.net/.</p>
</div>
</div>
<div class="col-sm-4">
<div class="team-member">
<p><strong>Evan Burchard</strong> has supported the researchers in the Web Ecology Project by providing sustainable code, agile inspired technical leadership, and data visualizations. He is also a founding micro-trustee of the Awesome Foundation. He tweets <a href="http://twitter.com/evanburchard">@evanburchard</a> and puts his code (mostly ruby/rails) on <a href="http://www.github.com/evanburchard">http://www.github.com/evanburchard</a>. He plans to beat somewhere between 3 and 10 Super Famicom rpgs in Japanese in 2010, starting with Mother 2.</p>
</div>
</div>
<div class="col-sm-4">
<div class="team-member">
<p><strong>David Fisher</strong> is Director of Technology Initiatives for the Web Ecology Project, and also the director of marketing and public relations for <a href="http://www.imvox.com"></a>imVOX. He is an alumni of the <a href="http://www.berklee.edu"></a>Berklee College of Music studying Music Business Management, a micro-trustee in the <a href="http://awesomefoundation.org"></a>Awesome Foundation and a longtime member at <a href="http://betahouse.org"></a>betahouse. He enjoys coding in Ruby, playing guitar, motorcycles and DIY projects. He goes by <a href="http://twitter.com/tibbon">‘Tibbon’</a> online.</p>
</div>
</div>
<div class="col-sm-4">
<div class="team-member">
<p><strong>Devin Gaffney</strong> is Co-Director of the Web Ecology Project, and comes from a strong background in programming as well as academic research in internet studies, particularly focused on online activism, or phenomena similar to the #iranElection protests written about in June 2009. He graduated with a B.A. from <a href="http://bennington.edu">Bennington College</a> in 2010, where he ended up focusing on an in-depth analysis of Twitter data created during the <a href="http://devingaffney.com/-iranelection-quantifying-online-activism">2009 Iran Election</a>. At the Web Ecology Project, he has taken a primary role in the coding and creation of WEP software packages, most notably <a href="http://140kit.com">140kit</a>. When he is not building fun things for WEP, he is at <a href="http://twitter.com/dgaff">@DGaff</a>, and works at <a href="http://www.weareinstrument.com/team/devin-gaffney/#/team/devin-gaffney">Instrument</a> in Portland, Oregon.</p>
</div>
</div>
<div class="col-sm-4">
<div class="team-member">
<p><strong>Sam Gilbert</strong> is Research Coordinator for the Web Ecology Project, in addition to being a researcher for the <a href="http://www.goodworkproject.org/research/digital.htm">GoodPlay Project</a> at the <a href="http://gseweb.harvard.edu"></a>Harvard Graduate School of Education–a MacArthur Foundation-funded study that examines how 15-25-year-olds think about and deal with ethical issues they encounter online. He received a BA in 2007 from <a href="http://www.fas.harvard.edu/~socstud"></a>Harvard, where he researched interactions between the design and behavioral norms of social networks. He occasionally tweets <a href="http://twitter.com/sam1vp">@sam1vp</a>, and dabbles in home-brewing, mixology and molecular gastronomy for his dinner guests.</p>
</div>
</div>
<div class="col-sm-4">
<div class="team-member">
<p><strong>Erhardt Graeff</strong> is a Lead Researcher and Developer for the Web Ecology Project. In addition to researching social media, he has studied rural internet use and social capital, digital divides, e-government, networked public spheres, and new media literacy. Erhardt has an <a href="http://www.ppsis.cam.ac.uk/prospective/postgraduate/mphil_modernsoc.html">MPhil in Modern Society and Global Transformations</a> from Cambridge University and bachelor’s degrees in information technology and international studies from <a href="http://www.rit.edu"></a>RIT. Beyond the Web Ecology Project, he is the Director of Technology and Strategy and co-Founder of <a href="http://bettergrads.org"></a>BetterGrads, an organization that connects high school students to college life resources and mentors, a research assistant with <a href="http://www.goodworkproject.org/research/digital.htm">The GoodPlay Project</a> within Harvard Project Zero, and a former research assistant at the <a href="http://cyber.law.harvard.edu"></a>Berkman Center for Internet & Society, studying OER and the political economy of the textbook industry. He maintains the eponymous website <a href="http://erhardtgraeff.com">erhardtgraeff.com</a> and is on Twitter: <a href="http://twitter.com/erhardt">@erhardt</a>.</p>
</div>
</div>
<div class="col-sm-4">
<div class="team-member">
<p><strong>Tim Hwang</strong> is the Director of the <a href="http://webecologyproject.org"></a>Web Ecology Project and an analyst with <a href="http://www.barbariangroup.com"></a>The Barbarian Group — where he works on issues of group dynamics and web influence. He is interested in building a science around measuring the system-wide flows of content and patterns of community formation online. He is also the founder of <a href="http://roflcon.org"></a>ROFLCon, a series of conferences celebrating and examining internet culture and celebrity. He currently Twitters <a href="http://twitter.com/timhwang">@timhwang</a>, blogs at <a href="http://brosephstalin.com"></a>BrosephStalin, and is <a href="http://panelpicker.sxsw.com/ideas/view/2977">in the process of watching every homemade flamethrower video on YouTube</a>.</p>
</div>
</div>
<div class="col-sm-4">
<div class="team-member">
<p><strong>Elsa Kim</strong> is a Lead Researcher for the Web Ecology Project. She is excited to be developing methodological toolkits for studying emotion, motivation, and personality via online interactions. Before joining WEP she reported for the East Bay Express and worked as a creative for <a href="http://www.digitas.com"></a>Digitas, an interactive advertising agency. Aside from indulging her curiosity through research, she enjoys eating, bicycling to a beach, or hip-hop dancing. She received her B.A. from <a href="”http://www.college.harvard.edu/icb/icb.do”">Harvard College</a> where she studied social science and conceptions of the self. Currently she lives and works in Boston and is always thrilled to learn about new ideas. Her past projects are available at <a href="http://elsak.im">http://elsak.im/</a>.</p>
</div>
</div>
<div class="col-sm-4">
<div class="team-member">
<p><strong>Alex Leavitt</strong> is a Lead Researcher for the Web Ecology Project. His interests include geographical, linguistic, and transnational subcultures; the hybridization of popular culture and online humor; and the emergent cultural practices of (un)controlled online social networks. After graduating from <a href="http://bu.edu">Boston University</a> with a degree in English and Japanese, Alex now works as a research specialist with the <a href="http://www.convergenceculture.org"></a>Convergence Culture Consortium in the Comparative Media Studies department at MIT, and has previously worked with the <a href="http://www.digitalnative.org/#home">Digital Natives Project</a> at the <a href="https://cyber.law.harvard.edu"></a>Berkman Center for Internet & Society (Harvard Law School). In addition to his weekly articles on the <a href="http://www.convergenceculture.org/weblog/alex_leavitt"></a>Convergence Culture blog, Alex writes long-form about Japanese popular culture at <a href="http://doalchemy.org"></a>The Department of Alchemy and short-form on Twitter (<a href="http://twitter.com/alexleavitt">@alexleavitt</a>).</p>
</div>
</div>
<div class="col-sm-4">
<div class="team-member">
<p><strong>Dharmishta Rood</strong> is Director of Research Relations at the Web Ecology Project and also an RA at the <a href="https://cyber.law.harvard.edu"></a>Berkman Center working on <a href="http://www.herdict.org/web"></a>Herdict. Her work deals with large scale and interpersonal communication systems like social networks and news, and how users find value in content. She is a <a href="http://newschallenge.org"></a>2008 Knight News Challenge winner for <a href="http://populousproject.com"></a>Populous Project, a free and open-source platform for online news. In addition to receiving her masters this year from <a href="http://gseweb.harvard.edu"></a>Harvard’s Graduate School of Education, she holds a degree in <a href="http://design.ucla.edu"></a>Design | Media Arts from UCLA and is a Fellow at the <a href="http://civic.mit.edu"></a>Center for Future Civic Media. She tweets <a href="http://twitter.com/dharmishta">@dharmishta</a> and blogs at <a href="http://www.dharmishta.com">dharmishta.com</a>.</p>
</div>
</div>
<div class="col-sm-4">
<div class="team-member">
<p><strong>Sara Marie Watson</strong> is a Lead Researcher for the Web Ecology Project. She also works at <a href="http://www.brightcove.com/en/">Brightcove</a>, the leading online video platform where she manages their inbound marketing content strategy. She previously researched and wrote for a Fortune 500 CIO audience as a technology analyst at The Research Board, a subsidiary of Gartner, Inc. She is interested in society’s understanding of its relationship to technologies and infrastructures, and also enjoys exploring media in transition. She graduated from Harvard College with a joint degree in English and American Literature and Film Studies. She tweets <a href="http://www.twitter.com/smwat">@smwat</a>, and her online footprint aggregates at <a href="http://www.saramariewatson.com">saramariewatson.com</a>.</p>
</div>
</div>
<div class="col-sm-4">
<div class="team-member">
<p><a href="#seth"></a><strong>Seth Woodworth</strong> is Business Manager and Developer for the Web Ecology Project. His interest is in how Web Ecology’s work relates to consensus generation and how it differs from journalism. Among other things, Seth is the systems administrator at Web Ecology, managing deployed software, working on software development, and overseeing data collection, using Free Software. Seth is an advocate for Free Software and Free Culture. Some of his recent projects include: open content and community for <a href="http://laptop.org"></a>One Laptop per Child, internet research at the Berkman Center, recording audiobooks, advising education technology projects and professional swordfighting. He tweets <a href="http://twitter.com/sethish">@sethish</a> and keeps the rest of his internet ephemera at <a href="http://sethish.com">http://sethish.com</a>.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Clients Aside -->
<section id="license">
<div class="container">
<div class="row">
<div class="col-lg-3 text-left">
</div>
<div class="col-lg-6 text-left">
<h2 class="section-heading text-center">License</h2>
<p>All reports and studies generated by the Web Ecology Project are released under the <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 License</a> except where otherwise noted. You have permission and are encouraged to Share and Remix our works as you see fit, so long as you:</p>
<ol>
<li>Attribute the Web Ecology Project and, if on the web, link back to our site;</li>
<li>Distribute the resulting work only under the same, similar, or a compatible license.</li>
</ol>
<p style="text-align: center;"><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/us/"><img style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/us/88x31.png" alt="Creative Commons License" /></a></p>
<p>For more information on Creative Commons Licenses and other licenses for Free Cultural Works, please visit <a href="http://creativecommons.org">CreativeCommons.org</a> and <a href="http://freedomdefined.org/Definition">FreedomDefined.org</a>.</p>
<p></p>
</div>
<div class="col-lg-3 text-left">
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Contact Us</h2>
<h3 class="section-subheading text-muted">The Web Ecology Project has parted ways, but feel free to reach out.</h3>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<form name="sentMessage" id="contactForm" novalidate>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Your Name *" id="name" required data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input type="email" class="form-control" placeholder="Your Email *" id="email" required data-validation-required-message="Please enter your email address.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input type="tel" class="form-control" placeholder="Your Phone *" id="phone" required data-validation-required-message="Please enter your phone number.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<textarea class="form-control" placeholder="Your Message *" id="message" required data-validation-required-message="Please enter a message."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<div class="clearfix"></div>
<div class="col-lg-12 text-center">
<div id="success"></div>
<button type="submit" class="btn btn-xl">Send Message</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- Portfolio Modals -->
<!-- Use the modals below to showcase details about your portfolio projects! -->
<!-- Portfolio Modal 1 -->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2>The Revolutions Were Tweeted: Information Flows During the 2011 Tunisian and Egyptian Revolution</h2>
<p class="item-intro text-muted">Gilad Lotan, Erhardt Graeff, Mike Ananny, Devin Gaffney, Ian Pearce, and danah boyd</p>
<img class="img-responsive img-centered" src="images/wep1.jpg" alt="">
<a href="reports/wep1.pdf" target=_blank><button type="button" class="page-scroll btn btn-xl" style="color: #222222"></i>Download Report</button></a>
<br /><br />
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 2 -->
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>ChatRoulette: An Initial Survey</h2>
<p class="item-intro text-muted">Alex Leavitt and Tim Hwang
with Patrick Davison, Mike Edwards, Devin Gaffney, Sam Gilbert, Erhardt Graeff, Jennifer Jacobs, Dan Luxemburg, Kunal Patel, Mike Rugnetta, and Karina van Schaardenburg</p>
<img class="img-responsive img-centered" src="images/wep2.jpg" alt="">
<a href="reports/wep2.pdf" target=_blank><button type="button" class="page-scroll btn btn-xl" style="color: #222222"></i>Download Report</button></a>
<br /><br />
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 3 -->
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2>Afghanistan and its Election on Twitter: The Macro Picture (preview)</h2>
<p class="item-intro text-muted">Erhardt Graeff
with Seth Woodworth</p>
<img class="img-responsive img-centered" src="images/wep3.jpg" alt="">
<a href="reports/wep3.pdf" target=_blank><button type="button" class="page-scroll btn btn-xl" style="color: #222222"></i>Download Report</button></a>
<br /><br />
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 4 -->
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2>The Influentials: New Approaches for Analyzing Influence on Twitter</h2>
<p class="item-intro text-muted">Alex Leavitt
with Evan Burchard, David Fisher, and Sam Gilbert</p>
<img class="img-responsive img-centered" src="images/wep4.jpg" alt="">
<a href="reports/wep4.pdf" target=_blank><button type="button" class="page-scroll btn btn-xl" style="color: #222222"></i>Download Report</button></a>
<br /><br />
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 5 -->
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2>Detecting Sadness in 140 Characters: Sentiment Analysis and Mourning Michael Jackson on Twitter</h2>
<p class="item-intro text-muted">Elsa Kim and Sam Gilbert with Michael J. Edwards and Erhardt Graeff</p>
<img class="img-responsive img-centered" src="images/wep5.jpg" alt="">
<a href="reports/wep5.pdf" target=_blank><button type="button" class="page-scroll btn btn-xl" style="color: #222222"></i>Download Report</button></a>
<br /><br />
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 6 -->
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2>The Iranian Election on Twitter: The First Eighteen Days</h2>
<p class="item-intro text-muted">Jonathan Beilin, Matt Blake, Mac Cowell, David Fisher, Sam Gilbert, Russell Hanson, Tim Hwang, Alex Leavitt, Greg Marra, Rob Mason, Colin McSwiggen, Dharmishta Rood, Aaron Shaw, Frank Tobia, and Seth Woodworth</p>
<img class="img-responsive img-centered" src="images/wep6.jpg" alt="">
<a href="reports/wep6.pdf" target=_blank><button type="button" class="page-scroll btn btn-xl" style="color: #222222"></i>Download Report</button></a>
<br /><br />
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cbpAnimatedHeader.js"></script>
<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/agency.js"></script>
</body>
</html>