PageSourceSearch

https://www.zive.info/

html zive.info collected 2026-10-01 14:49:59 UTC 60,219 bytes, 851 lines download raw bytes

1<!DOCTYPE HTML>
2<!--
3	Strata by HTML5 UP
4	html5up.net | @ajlkn
5	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
6-->
7<html>
8	<head>
9		<title>zive.info</title>
10		<meta charset="utf-8" />
11		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
12		<link rel="stylesheet" href="assets/css/main.css" />
13		<link rel="stylesheet" href="assets/css/magic.css" />
14		<link href="https://fonts.googleapis.com/css?family=Jura&display=swap" rel="stylesheet">
15		<link href="https://fonts.googleapis.com/css?family=Baskervville|IBM+Plex+Sans|Karla&display=swap" rel="stylesheet">
16		<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png"/>
17		<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap" rel="stylesheet">
18		<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 18-19
18
19<script async src="https://www.googletagmanager.com/gtag/js?id=
19UA-53112709-10
vendor: 13 bytes, line 19
19"></script>
20<script>
21  window.dataaLayer = window.dataLayer || [];
22  function gtag(){dataLayer.push(arguments);}
23  gtag('js', new Date());
24
25  gtag('config', 'UA-53112709-10');
26</script>
26
27
28	</head>
29	<body class="is-preload">
30
31		<!-- Header -->
32			
33			
34			
35
36		
37
38		<!-- Main -->
39			<div id="main">
40
41				<!-- One -->
42					<section id="one">
43					<div class="row">
44							<div class="col-4 col-12-small" style = "margin-right: 3vw;">
45								<h1 style = "color:black" id = "nominal">Ziv Epstein</h1> 
46								<a  class="image avatar" ><img width = "5%" src="images/ziv-e_12345.png" alt="" /></a>
47
48								
49								<div class = "controls">
50							
51								
52								<span class = "item"><a target="_blank" href = "mailto:[email protected]" style = "border-bottom: none"><img class = "cButton"  width = "35vw" src="images/icons/real/email_empty.png" alt="" style="vertical-align:middle"/>&nbsp<br><span class = "controlText">email</span></a></span>
53								<span class = "item"><a target="_blank" href = "cv.pdf" style = "border-bottom: none"><img class = "cButton"  width = "35vw" src="images/icons/real/trophy_empty.png" alt="" style="vertical-align:middle"/>&nbsp<br><span class = "controlText">c.v.</span></a></span>
54								<span class = "item"><a target="_blank" href = "https://bsky.app/profile/ziv-e.bsky.social" style = "border-bottom: none"><img class = "cButton"  width = "35vw" src="images/icons/real/twitter2_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText">bluesky</span></a></span>
55
56								<span class = "item"><a target="_blank" href = "https://scholar.google.com/citations?user=yG7l19UAAAAJ&hl=en" style = "border-bottom: none"><img class = "cButton"  width = "35vw" src="images/icons/real/scholar_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText">scholar</span></a></span>
57									<span class = "item"><img class = "cButton" id = "1" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count1"></span></span>
58								
59								</div>
60								<div class = "navWrapper">
61									<div class = "navButton" id = "about">
62										<h2 class = "navButtonInner"><img class = "" id = "1" height = "42vh" src="images/icons/real/qm.png" alt="" style="vertical-align:middle"/> About</h2>
63									</div>
64									<div class = "navButton" id = "paps">
65										<h2 class = "navButtonInner"><img class = "" id = "1" height = "42vh" src="images/icons/real/paper_empty.png" alt="" style="vertical-align:middle"/> Papers</h2>
66									</div>
67									<div class = "navButton" id = "art">
68										<h2 class = "navButtonInner"><img class = "" id = "1" height = "42vh" src="images/icons/real/eye_empty.png" alt="" style="vertical-align:middle"/> Artwork</h2>
69									</div>
70									<div class = "navButton" id = "tav">
71										<h2 class = "navButtonInner"><img class = "" id = "1" height = "42vh" src="images/icons/real/video_empty.png" alt="" style="vertical-align:middle"/> Talks and videos</h2>
72									</div>
73								<div class = "navButton" id = "syst">
74									<h2 class = "navButtonInner"><img class = "" id = "1" height = "42vh" src="images/icons/real/video_empty.png" alt="" style="vertical-align:middle"/> Systems</h2>
75								</div>
76								<div class = "navButton" id ="itn">
77									<h2 class = "navButtonInner"><img class = "" id = "1" height = "42vh" src="images/icons/real/coverage_empty.png" alt="" style="vertical-align:middle"/> In the News</h2>
78								</div>
79								<p>Click the buttons above for content.</p>
80								</div>
81								<div class = "navButton">
82
83									<div id = "engagementControls"  class = "navButtonInner">
84					
85
86					<div class = "kill"><img class = "" id = "1" height = "50vh" src="images/yolk.png" alt="" style="vertical-align:middle"/>&nbspQuiet Emojis</div>
87					<div class = "refresh" style = "display:none;"><img class = "" id = "1" height = "42vh" src="images/yolk_refresh.png" alt="" style="vertical-align:middle"/>&nbspTune back in &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</div>
88
89				</div>
90
91			</div>
92			
93						</div>
94							<div class="col-6 col-12-small biobox" style = "height: 95vh; margin-right: 1vw; margin-bottom: 1vw;" id = "aboutframe">
95								
96								<p style = "margin: 1vw">Hi! I'm Ziv, a computer scientist, designer and computational social scientist based in Somerville, MA.</p>
97								<p style = "margin: 1vw">I'm a <a href = "https://computing.mit.edu/cross-cutting/social-and-ethical-responsibilities-of-computing/serc-scholars-program/">SERC</a> Postdoctoral Associate at the <a href = "https://computing.mit.edu/">Schwartzman College of Computing</a> at MIT, where I am advised by <a href = "https://mraghavan.github.io/">Manish Raghavan</a> and <a href = "https://architecture.mit.edu/people/caroline-jones">
97Caroline Jones</a>. Before that, I was a Postdoctoral Fellow at the <a href = "https://hai.stanford.edu/">Stanford Institute for Human-Centered AI</a>, where I worked with <a href = "https://hci.stanford.edu/msb/">Michael Bernstein</a>, and <a href = "https://web.stanford.edu/~jugander/">Johan Ugander</a>. I completed my PhD at the MIT Media Lab, where I was co-advised by <a href = "http://davidrand-cooperation.com/">David Rand</a> and <a href = "https://www.media.mit.edu/people/sandy/overview/">Sandy Pentland</a>. </p>
98					
99
100								 	<p style = "margin: 1vw">In my research, I seek to bring a (more-than-)human-centered approach to the design of sociotechnical systems. In particular, I focus on translating insights from design and the social sciences into the development of generative AI and social media platforms. How do we move away from an attention economy, and towards an attention ecology? At the MIT Schwartzman College of Computing, I currently run the Medium is the Mess <a href="https://computing.mit.edu/cross-cutting/social-and-ethical-responsibilities-of-computing/">SERC Group</a> (Social and Ethical Responsibilities of Computing).  In my postdoctoral work, I am working to embed individual and societal values into social media ranking algorithms. In <a href = "https://dam-prod2.media.mit.edu/x/2023/05/19/zive-phd-23.pdf">my dissertation</a>, I explored ways to conceptualize and navigate attention online in order develop interventions to mitigate the spread of misinformation and to promote collective intelligence. Outside of the lab, I like exploring extreme environments, building geodesic domes, and making lemonade.</p>
101								<p style = "margin: 1vw">I have published papers in venues such as the general interest journals <a href = "https://www.nature.com/articles/s41586-021-03344-2" target="_blank">Nature</a>, <a href = "https://www.science.org/doi/10.1126/science.adh4451" target="_blank">Science </a>  and  <a href = "https://www.pnas.org/doi/10.1073/pnas.2610388123" target="_blank">PNAS </a>, as well as top-tier computer science proceedings such as <a href = "https://dl.acm.org/doi/abs/10.1145/3313831.3376232" target="_blank">CHI</a> and <a href = "https://dl.acm.org/doi/abs/10.1145/3479553" target="_blank">CSCW</a>. My work has also received widespread media attention in outlets like the <a href = "https://www.nytimes.com/2015/08/30/opinion/the-trick-to-acting-heroically.html" target="_blank">New York Times</a>, <a href = "https://www.scientificamerican.com/podcast/episode/are-you-better-than-a-machine-at-spotting-a-deepfake/" target="_blank">Scientific American</a>, and <a href = "https://www.fastcompany.com/90643407/google-and-mit-prove-social-media-can-slow-the-spread-of-fake-news" target="_blank">Fast Company</a>. I am also a practicing multimedia artist whose work has been featured in <a href = "https://ars.electronica.art/outofthebox/en/deep-angel/" target="_blank">Ars Electronica</a>, <a href = "https://thetech.com/2022/10/05/mit-museum-reopens" target="_blank">the MIT Museum</a>, and <a href = "https://nautil.us/six-degrees-of-separation-at-burning-man-237455/" target="_blank">Burning Man</a>.
102									<p style = "margin: 1vw"><span style = "background: rgba(255, 0, 0, .4); border-radius: 1rem; ">&nbsp;&nbsp;🚨I am on the job market! Feel free to reach out with any leads🚨&nbsp;&nbsp;</span> I am looking for both faculty positions and research positions within industry.</p>
103								</p><br>
104								<img src="images/dome.png" alt="" style = "width: 100%;"/>
105							<span id = "bio_extra"> 
106								<p style = "margin: 1vw"><u>Short academic bio:</u><br> Ziv Epstein is a Postdoctoral Associate at the Schwartzman College of Computing at MIT. In his research, he focuses on translating insights from design and the social sciences into the development of sociotechnical systems such as generative AI and social media platforms. Ziv has published papers in venues such as the general interest journals Nature, Science and PNAS , as well as top-tier computer science proceedings such as CHI and CSCW. His work has also received widespread media attention in outlets like the New York Times, Scientific American, and NPR. </p>
107								<p style = "margin: 1vw"><u>Short artist bio:</u> <br> Ziv Epstein (b. Boulder, CO 1994) is a performance and sculpture artist and academic researcher based in Somerville, MA. His practice explores the indeterminacy of a random universe and networked systems of knowledge. He is interested in ritual interventions that nurture agency and care in the age of increased technological alienation.  Ziv's work has been exhibited at Ars Electronica, New Art City, The Vienna Museum of Technology, Muzeum Sztuki, the MIT Museum, and Burning Man. His work has been featured in outlets like the New York Times, Scientific American, and NPR. </p>
108								<p style = "margin: 1vw"><a href = "images/ziv-e_123.png">Headshot</a>. Other photos:</p>
109								
110							</span>
111							</div>
112							<div class="col-6 col-12-small biobox" style = "height: 95vh; margin-right: 1vw;margin-bottom: 1vw; display: none;" id = "papsbox">
113								<h2 style = "text-align: center;">
113Selected Papers</h2> 
114								<ul>
115									<li class = "card" id = "asogai">
116										<div class = "innerCard">
117										<a href = "" class = "selpub"><b>Epstein ZG,</b> Jahanbakhsh, F,  Piccardi T, Ugander, J, and Bernstein, Value misalignment of X's feed algorithm is a reflection of value tensions in engagement.</a> PNAS. 2026.</a> 
118										<img src="images/thumbs/PNAS-cover-2-4by3.jpeg" alt="" style = "width: 100%;"/>
119
120									</div>
121									<div class = "controls">
122																<span class = "item"><a target="_blank" href = "https://www.pnas.org/doi/10.1073/pnas.2610388123" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp PNAS </span></a></span>
123																<span class = "item" style = "flex-grow: 2"><a target="_blank" href = "https://www.404media.co/xs-algorithm-feeds-off-ragebait-and-impacts-democrats-more-study-finds/" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp 404 </span></a></span>
124																<span class = "item"><a target="_blank" href = "https://hai.stanford.edu/news/your-for-you-algorithm-disagrees-with-you" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/site_empty.png" alt="" /><span class = "controlText">&nbsp HAI Blog  </span></a></span>
125																<span class = "item"><img class = "cButton" id = "28" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count28"></span></span>
126														</div>
127									</li>
128									<li class = "card" id = "asogai">
129										<div class = "innerCard">
130										<a href = "https://hdsr.mitpress.mit.edu/pub/x5yq8vmk/release/1" class = "selpub">Ugander J and <b>Epstein ZG</b>
130. The art of randomness: Sampling and chance in the age of algorithmic reproduction. Harvard Data Science Review. 2024.</a> 
131										<img src="images/thumbs/random.jpeg" alt="" style = "width: 100%;"/>
132
133									</div>
134									<div class = "controls">
135																<span class = "item"><a target="_blank" href = "https://hdsr.mitpress.mit.edu/pub/x5yq8vmk/release/1" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp HDSR </span></a></span>
136																<span class = "item"><img class = "cButton" id = "27" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count27"></span></span>
137														</div>
138									</li>
139									<li class = "card" id = "asogai">
140										<div class = "innerCard">
141										<a href = "https://www.science.org/doi/10.1126/science.adh4451" class = "selpub"><b>Epstein ZG,</b> Hertzmann A, et al. Art and the science of generative AI. Science. 2023.</a>
142										<img src="images/thumbs/hero2.png" alt="" style = "width: 100%;"/>
143
144									</div>
145									<div class = "controls">
146																<span class = "item"><a target="_blank" href = "https://www.nature.com/articles/s41586-021-03344-2" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp Science </span></a></span>
147																<span class = "item" style = "flex-grow: 2"><a target="_blank" href = "https://theconversation.com/generative-ai-is-a-minefield-for-copyright-law-207473" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp The Conversation </span></a></span>
148																<span class = "item"><a target="_blank" href = "https://humancreativity.mit.edu/" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/site_empty.png" alt="" /><span class = "controlText">&nbsp Site </span></a></span>
149																<span class = "item"><img class = "cButton" id = "25" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count25"></span></span>
150														</div>
151									</li>
152									<li class = "card" id = "reducing_understanding">
153										<div class = "innerCard">
154										<a href = "https://www.nature.com/articles/s41586-021-03344-2" class = "selpub">Pennycook G, <b>Epstein ZG</b>, Mosleh M, Arechar, A, Eckles D, & Rand, D. Shifting attention to accuracy can reduce misinformation online. <i>Nature</i> (2021). </a><br>	
155										<img src="images/thumbs/attention.png" alt="" style = "width: 100%;"/>
156
157									</div>
158									<div class = "controls">
159																<span class = "item"><a target="_blank" href = "https://www.nature.com/articles/s41586-021-03344-2" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp Nature </span></a></span>
160																<span class = "item" style = "flex-grow: 2"><a target="_blank" href = "https://news.mit.edu/2021/social-media-false-news-reminders-0317" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp MIT News </span></a></span>
161																<span class = "item"><img class = "cButton" id = "2" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count2"></span></span>
162														</div>
163									</li>
164									<li class = "card" id = "reducing_understanding">
165									<div class = "innerCard">
166									<a href = "https://misinforeview.hks.harvard.edu/article/developing-an-accuracy-prompt-toolkit-to-reduce-covid-19-misinformation-online/" class = "selpub"><b>Epstein, Z.</b>, Berinsky, A. J., Cole, R., Gully, A., Pennycook, G., & Rand, D. G. (2021). Developing an accuracy-prompt toolkit to reduce COVID-19 misinformation online. <i>Harvard Kennedy School Misinformation Review.</i>
167										<img src="images/thumbs/prompt.jpeg" alt="" style = "width: 100%;"/>
168							 </a>
169
170								</div>
171								<div class = "controls">
172															<span class = "item"><a target="_blank" href = "https://misinforeview.hks.harvard.edu/article/developing-an-accuracy-prompt-toolkit-to-reduce-covid-19-misinformation-online/" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp HMR </span></a></span>
173															<span class = "item"><a target="_blank" href = "https://www.fastcompany.com/90643407/google-and-mit-prove-social-media-can-slow-the-spread-of-fake-news?partner=rss&utm_source=twitter.com&utm_medium=social&utm_campaign=rss+fastcompany&utm_content=rss" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">
173&nbsp FastCo </span></a></span>
174															<span class = "item"><img class = "cButton" id = "15" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count15"></span></span>
175													</div>
176								</li>
177								<li class = "card">
178									<div class = "innerCard">
179									<a href = "https://dl.acm.org/doi/abs/10.1145/3313831.3376232" class = 'selpub'><b>Epstein ZG</b>, Pennycook G, & Rand DG. Will the crowd game the algorithm? Using layperson judgments to combat misinformation on social media by downranking distrusted sources. <i>CHI</i> 2020.</a> 
180									<img src="images/thumbs/crowd.jpg" alt="" style = "width: 100%;"/>
181									</div>
182								<div class = "controls">
183															<span class = "item"><a target="_blank" href = "https://dl.acm.org/doi/abs/10.1145/3313831.3376232" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp ACM </span></a></span>
184															<span class = "item"><a target="_blank" href = "https://www.youtube.com/watch?v=WK_a3SMUaD8" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/video_empty.png" alt="" /><span class = "controlText">&nbsp YouTube </span></a></span>
185															<span class = "item"><img class = "cButton" id = "3" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count3"></span></span>
186													</div>
187								</li>
188								<li class = "card">
189									<div class = "innerCard">
190									<a href = "https://www.pnas.org/content/119/1/e2110013119" class = 'selpub'> Matt Groh, <b>Ziv Epstein</b>, Chaz Firestone, and Rosalind Picard. Deepfake detection by human crowds, machines, and machine-informed crowds. <i>Proceedings of the National Academy of Science</i> 2022.</a> 
191									<img src="images/thumbs/deepfake-detection.png" alt="" style = "width: 100%;"/>
192									</div>
193								<div class = "controls">
194															<span class = "item"><a target="_blank" href = "https://www.pnas.org/content/119/1/e2110013119" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp PNAS </span></a></span>
195															<span class = "item"><a target="_blank" href = "https://detectfakes.media.mit.edu/perception" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/site_empty.png" alt="" /><span class = "controlText">&nbsp Site </span></a></span>
196															<span class = "item"><img class = "cButton" id = "19" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count19"></span></span>
197													</div>
198								</li>
199
200										<li class = "card">
201		<div class = "innerCard">
202		<a href = "" class = "selpub"><b>Epstein ZG</b>, Groh M, Dubey A & Pentland A. Social influence leads to the rapid formation of diverse local trends. <i>CSCW</i>. October 22, 2021.</a>
203		</div>
204							<img src="images/thumbs/cscw.jpeg" alt="" style = "width: 100%;"/>
205
206	<div class = "controls">
207									<span class = "item" style = "flex-grow: 1"></span>
208								<span class = "item"><a target="_blank" href = "https://arxiv.org/abs/2108.07437#:~:text=We%20successfully%20replicate%20the%20Music,and%20are%20ultimately%20more%20diverse." style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp arXiv </span></a></span>
209								<span class = "item"><img class = "cButton" id = "16" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count16"></span></span>
210								
211						</div>
212	</li>
213<li class = "card">
214		<div class = "innerCard">
215		<a href = "https://openreview.net/forum?id=Q-jjaHmOBf" class = "selpub"><b>Epstein ZG*</b>, Hause Lin, Gordon Pennycook, David Rand. Quantifying attention via dwell time and engagement in a social media browsing environment. <i>Neurips Attention Workshop</i>. December 2  2022</a>.
216		</div>
217									<img src="images/thumbs/trybuy.jpg" alt="" style = "width: 100%;"/>
218
219	<div class = "controls">
220									<span class = "item" style = "flex-grow: 2"><a target="_blank" href = "https://openreview.net/forum?id=Q-jjaHmOBf" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp OpenReview </span></a></span>
221								<span class = "item"><a target="_blank" href = "https://www.youtube.com/watch?v=Qriwj_2Ntas&list=PLfL8jn
221QpWpbGM9wD_1Y8bKLDQ2pdXy_XQ&index=10&ab_channel=AllThingsAttentionWorkshop%40NeurIPS2022" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/video_empty.png" alt="" /><span class = "controlText">&nbsp Video </span></a></span>
222								<span class = "item"><img class = "cButton" id = "20" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count20"></span></span>
223								
224						</div>
225	</li>
226
227		<li class = "card">
228		<div class = "innerCard">
229		<a href = "" class = "selpub"><b>Epstein ZG</b>, Levine S, Rand DG, Rahwan I. Who gets credit for AI generated art? <i>iScience</i> October 15, 2014.</a>.
230		</div>
231									<img src="images/thumbs/artcredit.png" alt="" style = "width: 100%;"/>
232
233	<div class = "controls">
234									<span class = "item"><a target="_blank" href = "https://www.sciencedirect.com/science/article/pii/S2589004220307070" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp iScience </span></a></span>
235								<span class = "item"><a target="_blank" href = "https://www.zdnet.com/article/peoples-notions-about-ai-are-terrible-an-mit-study-asks-whether-they-can-be-helped/" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp ZDNet </span></a></span>
236
237								
238									<span class = "item"><a href = "	https://www.youtube.com/watch?v=-j3MHPyXahg" target="_blank" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/video_empty.png" alt="" /><span class = "controlText">&nbsp Video</span></a></span>
239
240								<span class = "item"><img class = "cButton" id = "17" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count17"></span></span>
241								
242						</div>
243	</li>
244
245	<li class = "card">
246		<div class = "innerCard">
247		<a href = "" class = "selpub"><b>Epstein ZG*</b>, Schroeder H, and Newman, D. When happy accidents spark creativity: Bringing collaborative speculation to life with generative AI <i>International Conference on Computational Creativity</i>. June 15, 2022.</a>
248		</div>
249									<img src="images/thumbs/solarpunk.jpg" alt="" style = "width: 100%;"/>
250
251	<div class = "controls">
252									<span class = "item"><a target="_blank" href = "https://arxiv.org/abs/2206.00533" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp ICCC </span></a></span>
253								<span class = "item"><a target="_blank" href = "https://www.latimes.com/projects/artificial-intelligence-generated-art-ownership-bias-dall-e-midjourney/" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp LA Times </span></a></span>
254
255								<span class = "item"><img class = "cButton" id = "18" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count18"></span></span>
256								
257						</div>
258	</li>
259
260
261								</ul>
262							</div>
263							<div class="col-6 col-12-small biobox" style = "height: 95vh; margin-right: 1vw;margin-bottom: 1vw; display: none;" id = "systbox">
264								<h2 style = "text-align: center;">Systems</h2> 
265								<ul>
266									<li class = "card">
267										<div class = "innerCard">
268											<a href = "https://www.yourfeed.social/about" target="_blank">Yourfeed</a>. <i>A lab-field hybrid platform for ecologically valid social media research.</i> <br>
269											<img src="images/thumbs/yourfeed.jpeg" alt="" style = "width: 100%;"/>
270										</div>
271											<div class = "controls">
272												<span class = "item"><a target="_blank" href = "https://www.yourfeed.social/about" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/site_empty.png" alt="" /><span class = "controlText">&nbsp Site</span></a></span>
273												<span class = "item" style = "flex-grow: 2"><a target="_blank" href = "https://arxiv.org/pdf/2207.07478.pdf" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp White Paper </span></a></span>
274												<span class = "item"><img class = "cButton" id = "21" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count21"></span></span>
275											</div>
276									</li>
277									<li class = "card">
278										<div class = "innerCard">
279											<a href = "https://ganimals.media.mit.edu/about/overview">Meet the Ganimals</a>. <i>An online platform for discovering and curating AI-generated hybrid animals.</i> <br>
280											<img src="images/thumbs/feed_the_ganimals.png" alt="" style = "width: 100%;"/>
281										</div>
282											<div class = "controls">
283												<span class = "item"><a target="_blank" href = "https://ganimals.media.mit.edu/about/overview" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/site_empty.png" alt="" /><span class = "controlText">&nbsp Site</span></a></span>
284												<span class = "item" style = "flex-grow: 2"><a target="_blank" href = "https://www.youtube.com/watch?v=I-Fc4nQK_5Q&feature=emb_logo&ab_channel=MITMediaLab" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp Video </span></a></span>
285												<span class = "item"><img class = "cButton" id = "5" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count5"></span></span>
286											</div>
287									</li>
288									<li class = "card">
289										<div class = "innerCard">
290											<a href = "#" target="_blank">zive.info</a>. <i>modeled from a speculative social media site, this site has fully functional engagement metrics, which drive the animated sprites.</i>
291											<img src="images/thumbs/site.png" alt="" style = "width: 100%;"/>
292										</div>
293											<div class = "controls">
294								<span class = "item"></span>
295								
296								<span class = "item"><img class = "cButton" id = "22" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count22"></span></span>
297								
298							</div>
299									</li>
300									<li class = "card">
301										<div class = "innerCard">
302											<a href = "https://dmsm.github.io/scissors-congruence/" target="_blank">Scissors Congruence</a>. <i>An interactive demonstration of the Wallace–Bolyai–Gerwien theorem.</i> <br>
303											<img src="images/thumbs/slide1.jpg" alt="" style = "width: 100%;"/>
304										</div>
305											<div class = "controls">
306												<span class = "item"><a target="_blank" href = "https://dmsm.github.io/scissors-congruence/" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/site_empty.png" alt="" /><span class = "controlText">&nbsp Site</span></a></span>
307												<span class = "item" style = "flex-grow: 2"><a target="_blank" href = "https://www.popsci.com/vizzies-winners-2018/" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/trophy_empty.png" alt="" /><span class = "controlText">&nbsp Vizzies </span></a></span>
308												<span class = "item"><img class = "cButton" id = "8" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count8"></span></span>
309											</div>
310									</li>
311									<li class = "card">
312										<div class = "innerCard">
313											<a href = "https://arxiv.org/abs/1803.07233" target="_blank">Turingbox</a>. <i>An experimental marketplace for the development of ethical AI systems.</i>
314											<img src="images/thumbs/load.gif" alt="" style = "width: 100%;"/>
315										</div>
316											<div class = "controls">
317								<span class = "item"><a target="_blank" href = "https://arxiv.org/abs/1803.07233" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp Paper </span></a></span>
318								<span class = "item"><a target="_blank" href = "https://www.economist.com/science-and-technology/2018/03/22/to-understand-digital-advertising-study-its-algorithms" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/eye_empty.png" alt="" /><span class = "controlText">&nbsp Economist </span></a></span>								
319								<span class = "item"><img class = "cButton" id = "11" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count11"></span></span>
320								
321							</div>
322									</li>
323									<li class = "card">
324										<div class = "innerCard">
325											<a href = "https://chrome.google.com/webstore/detail/zenfeed/impalgjkhnjepbjeppillkmccphnefjh?authuser=2" target="_blank">zenfeed</a>. <i>an extended intelligence tool that provides an alternative view into social media, turning it into a meditative experience.</i>
326											<img src="images/thumbs/zenfeed.jpg" alt="" style = "width: 100%;"/>
327										</div>
328											<div class = "controls">
329												<span class = "item" style = "flex-grow: 2"><a target="_blank" href = "web/zenfeed.html" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/site_empty.png" alt="" /><span class = "controlText">&nbsp Site </span></a></span>
330												<span class = "item" style = "flex-grow: 2"><a target="_blank" href = "https://chrome.google.com/webstore/detail/zenfeed/impalgjkhnjepbjeppillkmccphnefjh?authuser=2" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/site_empty.png" alt="" /><span class = "controlText">&nbsp Extension</span></a></span>
331												<span class = "item"><img class = "cButton" id = "7" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count7"></span></span>
332											</div>
333									</li>
334									<li class = "card">
335										<div class = "innerCard">
336											<a>Wikipath</a>. <i>An application that finds shortest path between Wikipedia articles.</i>
337											<img src="images/thumbs/slide3.jpg" alt="" style = "width: 100%;"/>
338										</div>
339											<div class = "controls">
340								<span class = "item"></span>
341								
342								<span class = "item"><img class = "cButton" id = "12" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count12"></span></span>
343								
344							</div>
345									</li>
346									
347									
348								</ul>
349							</div>
350							<div class="col-6 col-12-small biobox" style = "height: 95vh; margin-right: 0vw; display: none;" id = "tavbox">
351								<h2 style = "text-align: center;">Videos</h2> 
352								<iframe width="650" height="315" src="https://www.youtube.com/embed/hpFKOU0ag-0?si=-3E36uj1CNdoZhMt" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;
352 web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style = "margin:1rem"></iframe>
353								<iframe width="650" height="315" src="https://www.youtube.com/embed/GpOrpiLHhIM?si=gqMB63NP61C7iHBh&amp;start=632" style = "margin:1rem"></iframe>
354								<iframe id = "tav_content" width="650" height="315" src="https://www.youtube.com/embed/EXH6gBdC7IQ?si=FGkYRXJzhngSAbbD&amp;start=8223" style = "margin:1rem"></iframe>						
355								<iframe width="650" height="315" src="https://www.youtube.com/embed/1IDvYPLjlPE" style = "margin:1rem"></iframe>
356								<iframe width="650" height="315" src="https://www.youtube.com/embed/I-Fc4nQK_5Q" style = "margin:1rem"></iframe>
357								<iframe width="650" height="315" src="https://www.youtube.com/embed/Qriwj_2Ntas" style = "margin:1rem"></iframe>
358								<iframe width="650" height="315" src="https://www.youtube.com/embed/-j3MHPyXahg" style = "margin:1rem"></iframe>
359								<iframe width="650" height="315" src="https://www.youtube.com/embed/FQVRZV6vGbA" style = "margin:1rem"></iframe>
360								<iframe width="650" height="315" src="https://www.youtube.com/embed/WK_a3SMUaD8" style = "margin:1rem"></iframe>
361
362							</div>
363
364
365							<div class="col-6 col-12-small biobox" style = "height: 95vh; margin-right: 0vw;margin-bottom: 1vw; display: none " id = "itnbox">
366								<h2 style = "text-align: center;">In the News</h2> 
367								<div class='card newscard' >
368									<a href = "https://whyy.org/episodes/ai-arts-creativity-sora/" target="_blank" >
369										<div class = "innerCard">
370											Will AI kill human creativity? NPR (WHYY Studio2). 10/17/2025.
371										</div>
372									</a>
373								</div>
374								<div class='card newscard' >
375									<a href = "https://www.theatlantic.com/technology/archive/2024/08/why-does-all-ai-art-look-same/679488/?gift=jcu4mMZ6fZ-0NpAhL-dTkxJSHljw2nF_97hHCxB9qCY&utm_source=copy-link&utm_medium=social&utm_campaign=share" target="_blank" >
376										<div class = "innerCard">
377											Why Does AI Art Look Like That? The Atlantic. 8/16/2024.
378										</div>
379									</a>
380								</div>
381								<div class='card newscard' >
382									<a href = "https://www.thecrimson.com/article/2023/10/24/generative-ai-art-panel/" target="_blank" >
383										<div class = "innerCard">
384											Stanford Fellow, Cambridge Artist Talk Art and Generative AI at Harvard Ethics Center Panel. The Crimson. 10/24/2023.
385										</div>
386									</a>
387								</div>
388				<div class='card newscard' >
389					<a href = "https://theconversation.com/generative-ai-is-a-minefield-for-copyright-law-207473" target="_blank" >
390						<div class = "innerCard">
391							Generative AI is a minefield for copyright law. The Conversation. 7/15/2023.
392						</div>
393					</a>
394				</div>
395				<div class='card newscard' >
396					<a href = "https://news.mit.edu/2023/generative-ai-art-expression-0615" target="_blank" >
397						<div class = "innerCard">
398							If art is how we express our humanity, where does AI fit in? MIT News. 6/15/2023.
399						</div>
400					</a>
401				</div>
402				<div class='card newscard' >
403					<a href = "https://www.haaretz.co.il/science/2023-07-14/ty-article-magazine/.premium/00000189-4f54-d371-a389-dff4762c0000" target="_blank" >
404						<div class = "innerCard">
405							 AI makes it possible to falsify information and people, and endangers democratic regime. Haaretz (Israel). 7/14/2023.
406						</div>
407					</a>
408				</div>
409				<div class='card newscard' >
410					<a href = "https://news.mit.edu/2023/generative-ai-art-expression-0615" target="_blank" >
411						<div class = "innerCard">
412							If art is how we express our humanity, where does AI fit in? MIT News. 6/15/2023.
413						</div>
414					</a>
415				</div>
416				<div class='card newscard' >
417					<a href = "https://news.mit.edu/2023/social-media-platforms-more-sharing-means-less-caring-about-accuracy-0303" target="_blank" >
418						<div class = "innerCard">
419							On social media platforms, more sharing means less caring about accuracy. MIT News. 3/3/2023.
420						</div>
421					</a>
422				</div>
423				<div class='card newscard' >
424					<a href = "https://www.vice.com/en/article/ake53e/ai-art-lawsuits-midjourney-dalle-chatgpt" target="_blank" >
425						<div class = "innerCard">
426							Is the Panic Over AI Art Overblown? We Speak With Artists and Experts. Vice News. 2/22/2023.
427						</div>
428					</a>
429				</div>
430				<div class='card newscard' >
431					<a href = "https://www.latimes.com/projects/artificial-intelligence-generated-art-ownership-bias-dall-e-midjourney/" target="_blank" >
432						<div class = "innerCard">
433							How AI-generated art is changing the concept of art itself. LA Times. 9/21/2022.
434						</div>
435					</a>
436				</div>
437				<div class='card newscard' >
438					<a href = "https://www.grid.news/story/technology/2022/10/28/an-ai-powered-seance-is-resurrecting-the-dead-how-different-art-forms-are-reimagining-the-horror-genre/" target="_blank" >
439						<div class = "innerCard">
440							An AI-powered séance is resurrecting the dead: How different art forms are reimagining the horror genre. Grid News. 10/28/2022.
441						</div>
442					</a>
443				</div>
444				<div class='card newscard' >
445					<a href = "https://www.nytimes.com/2022/09/06/arts/music/fn-meka-virtual-ai-rap.html" target="_blank" >
446						<div class = "innerCard">
447							A ‘Virtual Rapper’ Was Fired. Questions About Art and Tech Remain. New York Times. 9/6/2022.
448						</div>
449					</a>
450				</div>
451				<div class='card newscard' >
452					<a href = "https://www.axios.com/2022/08/26/burning-man-experiment" target="_blank" >
453						<div class = "innerCard">
454							Dust, costumes, weirdness — and science: Burning Man is back. Axios. 8/26/2022. 
455						</div>
456					</a>
457				</div>
458				<div class='card newscard' >
459					<a href = "https://www.npr.org/2022/07/05/1107126834/dall-e-mini-text-image-memes-machine-learning?ft=nprml&f=" target="_blank" >
460						<div class = "innerCard">
461							When machine learning meets surrealist art meets Reddit, you get DALL-E mini. NPR. 7/5/2022. 
462						</div>
463					</a>
464				</div>
465				<div class='card newscard' >
466					<a href = "https://www.wbur.org/endlessthread/2022/04/22/deepfakes-lies-cheerleading" target="_blank" >
467						<div class = "innerCard">
468							The faker: Deepfakes, lies, and cheerleading. WBUR. 4/22/2022.
469						</div>
470					</a>
471				</div>
472				<div class='card newscard' >
473					<a href = "https://www.scientificamerican.com/podcast/episode/are-you-better-than-a-machine-at-spotting-a-deepfake/" target="_blank" >
474						<div class = "innerCard">
475							Are You Better Than a Machine at Spotting a Deepfake? Scientific American. 4/15/2022.
476						</div>
477					</a>
478				</div>
479				<div class='card newscard' >
480					<a href = "https://news.mit.edu/2021/social-media-false-news-reminders-0317" target="_blank" >
481						<div class = "innerCard">
482							A remedy for the spread of false news? MIT News. 03/17/2021. 
483						</div>
484					</a>
485				</div>
486				<div class='card newscard' >
487					<a href = "https://www.fastcompany.com/90643407/google-and-mit-prove-social-media-can-slow-the-spread-of-fake-news" target="_blank" >
488						<div class = "innerCard">
489							Google and MIT prove social media can slow the spread of fake news. Fast Company. 6/4/21.
490						</div>
491					</a>
492				</div>
493				<div class='card newscard' >
494					<a href = "https://www.forbes.com/sites/evaamsen/2020/10/26/how-we-talk-about-ai-affects-who-gets-credited-for-ai-art/?sh=5eb7b60e1f49" target="_blank" >
495						<div class = "innerCard">
496							How We Talk About AI Affects Who Gets Credit For AI Art. Forbes. 10/26/2020. 
497						</div>
498					</a>
499				</div>
500				<div class='card newscard' >
501					<a href = "https://www.zdnet.com/article/peoples-notions-about-ai-are-terrible-an-mit-study-asks-whether-they-can-be-helped/" target="_blank" >
502						<div class = "innerCard">
503							People’s notions about AI are terrible, an MIT study asks whether they can be helped. ZDNet. 9/18/2020.
504						</div>
505					</a>
506				</div>
507				<div class='card newscard' >
508					<a href = "https://digg.com/2018/ai-spirits-mit" target="_blank" >
509						<div class = "innerCard">
510							The Creepiest Thing Online This Week Is An AI That Creates Digital Ghosts. Digg. 10/31/2018.
511						</div>
512					</a>
513				</div>
514				<div class='card newscard' >
515					<a href = "https://www.fastcompany.com/90258225/ai-is-making-halloween-so-much-spookier" target="_blank" >
516						<div class = "innerCard">
517							AI is making Halloween so much spookier. Fast Company. 10/30/2018.
518						</div>
519					</a>
520				</div>
521				<div class='card newscard' >
522					<a href = "https://www.economist.com/science-and-technology/2018/03/22/to-understand-digital-advertising-study-its-algorithms"target="_blank" >
523						<div class = "innerCard">
524							To understand digital advertising, study its algorithms. The Economist.  3/22/2018.
525						</div>
526					</a>
527				</div>
528				<div class='card newscard' >
529					<a href = "https://www.nytimes.com/2015/08/30/opinion/the-trick-to-acting-heroically.html" target="_blank" >
530						<div class = "innerCard">
531							The Trick to Acting Heroically. New York Times. 8/30/2015.
532						</div>
533					</a>
534				</div>
535				<div class='card newscard' >
536					<a href = "https://www.washingtonpost.com/news/morning-mix/wp/2015/08/24/american-heroes-in-france-why-some-people-risk-their-lives-to-save-others/" target="_blank" >
537						<div class = "innerCard">
538							The secret of extreme heroes: They don’t overthink. Washington Post. 8/24/2015.
539						</div>
540					</a>
541				</div>
542				<div class='card newscard' >
543					<a href = "https://www.vox.com/2014/10/15/6973971/extreme-altruism-risk-life" target="_blank" >
544						<div class = "innerCard">
545							The science of extreme altruism: why people risk their lives to save strangers. Vox. 10/15/2014.
546						</div>
547					</a>
548				</div>
549			
550							</div>
551
552						
553							<div class="col-6 col-12-small biobox" style = "height: 95vh; margin-right: 0vw; display: none" id = "artbox">
554								<h2 style = "text-align: center;">Art</h2> 
555								<ul>
556									<li class = "card">
557										<div class = "innerCard">
558											<a href = "" target="_blank">Lemonade Stand</a>. <i>A lemonade stand for community poetry and citrus divination. Supported by a <a href = "https://somervilleartscouncil.org/lcc/projectgrant/"> Somerville Arts Council art project grant</a>.</i><br><br>
559											<img src="images/thumbs/lemonade-stand.png" alt="" style = "width: 100%;"/>
560										</div>
561											<div class = "controls">
562							
563								
564									
565									<span class = "item" style = "margin-left:50% ;"><img class = "cButton" id = "31" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count31"></span></span>
566								
567							</div>
568									</li>
569									<li class = "card">
570										<div class = "innerCard">
571											<a href = "" target="_blank">Stargliders</a>. <i>Stargliders are fragmented creatures of light, magic and care. they feed on sunlight and love to carefully be placed near windows where they can absord rays and refract and multiply themselves in myriad ways.</i><br><br>
572											<img src="images/thumbs/starglider.png" alt="" style = "width: 100%;"/>
573										</div>
574											<div class = "controls">
575							
576								
577									
578									<span class = "item" style = "margin-left:50% ;"><img class = "cButton" id = "29" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count29"></span></span>
579								
580							</div>
581									</li>
582									<li class = "card">
583										<div class = "innerCard">
584											<a href = "https://blackrockatlas.mit.edu/" target="_blank">AI Séance</a>. <i>An speculative interactive performance exploring, chance, transcendence and interpretative lenses.</i><br><br>
585											<img src="images/thumbs/ai_seance.jpg" alt="" style = "width: 100%;"/>
586										</div>
587											<div class = "controls">
588							
589								<span class = "item" style = "flex-grow: 2"><a target="_blank" href = "https://journals.sagepub.com/doi/10.1177/13675494251351223" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/eye_empty.png" alt="" /><span class = "controlText">&nbsp Paper</span></a></span>
590									<span class = "item"><a target="_blank" href = "https://www.youtube.com/watch?v=XHohsFHvhOY" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/video_empty.png" alt="" /><span class = "controlText">&nbsp Video</span></a></span>
591									<span class = "item"><img class = "cButton" id = "30" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count30"></span></span>
592								
593							</div>
594									</li>
595									<li class = "card">
596										<div class = "innerCard">
597											<a href = "https://blackrockatlas.mit.edu/" target="_blank">Black Rock Atlas</a>. <i>A community-driven field experiment exploring the patterns of cooperation at Burning Man (2022).</i>
598											<img src="images/thumbs/burning_man.jpg" alt="" style = "width: 100%;"/>
599										</div>
600											<div class = "controls">
601							
602								<span class = "item" style = "flex-grow: 2"><a target="_blank" href = "http://nautil.us/issue/74/networks/six-degrees-of-separation-at-burning-man" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/eye_empty.png" alt="" /><span class = "controlText">&nbsp Nautilus</span></a></span>
603									<span class = "item">
603<a target="_blank" href = "https://www.youtube.com/watch?v=1IDvYPLjlPE&ab_channel=ZivvyEpstein" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/video_empty.png" alt="" /><span class = "controlText">&nbsp Vid</span></a></span>
604								<span class = "item"><a target="_blank" href = "https://blackrockatlas.mit.edu/" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/site_empty.png" alt="" /><span class = "controlText">&nbsp Site</span></a></span>
605									<span class = "item"><img class = "cButton" id = "6" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count6"></span></span>
606								
607							</div>
608									</li>
609									<li class = "card">
610										<div class = "innerCard">
611											<a href = "http://aialchemy.media.mit.edu/" target="_blank">AI Alchemy Lab</a>. <i>Exploring new ways of interacting with AI through metaphor, play and spirituality (2022).</i>
612											<img src="images/thumbs/alchemy.png" alt="" style = "width: 100%;"/>
613										</div>
614											<div class = "controls">
615												<span class = "item" style = "flex-grow: 1"><a target="_blank" href = "http://aialchemy.media.mit.edu/" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/site_empty.png" alt="" /><span class = "controlText">&nbsp Site </span></a></span>
616												<span class = "item" style = "flex-grow: 2"><a target="_blank" href = "https://www.grid.news/story/technology/2022/10/28/an-ai-powered-seance-is-resurrecting-the-dead-how-different-art-forms-are-reimagining-the-horror-genre/" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/eye_empty.png" alt="" /><span class = "controlText">&nbsp Grid News</span></a></span>
617												<span class = "item"><img class = "cButton" id = "23" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count23"></span></span>
618											</div>
619									</li>
620									<li class = "card">
621										<div class = "innerCard">
622											<a href = "https://spirits.media.mit.edu/" target="_blank">AI Spirits</a>. <i>By training a GAN on removed objects, we conjure phantasms into being (2019).</i>
623											<img src="images/thumbs/ghost.jpg" alt="" style = "width: 100%;"/>
624										</div>
625											<div class = "controls">
626								<span class = "item"><a target="_blank" href = "https://spirits.media.mit.edu/lair.html" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp Site </span></a></span>
627								<span class = "item"><a target="_blank" href = "https://digg.com/2018/ai-spirits-mit" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/eye_empty.png" alt="" /><span class = "controlText">&nbsp Digg </span></a></span>
628								<span class = "item" style = "flex-grow: 2"><a target="_blank" href = "https://www.fastcompany.com/90258225/ai-is-making-halloween-so-much-spookier" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/eye_empty.png" alt="" /><span class = "controlText">&nbsp FastCo </span></a></span>
629								
630								<span class = "item"><img class = "cButton" id = "10" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count10"></span></span>
631								
632							</div>
633							
634									</li>
635									<li class = "card">
636										<div class = "innerCard">
637											<a href = "https://www.youtube.com/watch?v=e_j39uR5XYU" target="_blank">Billy Bass</a>. <i>Animatronic Billy Bass made with Processing, Arduino, and fresh pacific Tilapia (2017).</i>
638											<img src="images/thumbs/billy.png" alt="" style = "width: 100%;"/>
639										</div>
640											<div class = "controls">
641								<span class = "item"></span>
642								<span class = "item"><a target="_blank" href = "https://www.youtube.com/watch?v=e_j39uR5XYU" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/video_empty.png" alt="" /><span class = "controlText">&nbsp Video </span></a></span>
643								
644								<span class = "item"><img class = "cButton" id = "13" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count13"></span></span>
645								
646							</div>
647									</li>
648									<li class = "card">
649										<div class = "innerCard">
650											<a href = "http://aialchemy.media.mit.edu/" target="_blank">Mediasphere</a>. <i>An experimental planetarium show that synthesized live music, avant garde animation and other digital media (2017).</i>
651											<img src="images/thumbs/mediasphere.png" alt="" style = "width: 100%;"/>
652										</div>
653											<div class = "controls">
654								<span class = "item"></span>
655								
656								<span class = "item"><a target="_blank" href = "https://drive.google.com/file/d/0B-jySRJMU4AnQktGLTR4RkRLNGc/view" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/video_empty.png" alt="" /><span class = "controlText">&nbsp Video </span></a></span>
657								<span class = "item"><a target="_blank" href = "https://drive.google.com/open?id=0B-jySRJMU4AnQjRpak1HTXNVeFk" style = "border-bottom: none"><img class = "cButton" width = "35vw" src="images/icons/real/paper_empty.png" alt="" /><span class = "controlText">&nbsp Thesis </span></a></span>
658								
659								<span class = "item"><img class = "cButton" id = "14" width = "35vw" src="images/heart_empty.png" alt="" style="vertical-align:middle"/>&nbsp<span class = "controlText" id = "heart_count14"></span></span>
660								
661							</div>
662							
663									</li>
664								</ul>
665							</div>
666						</div>
667					
668						<!-- <p>
669						His work has 
670						</p> -->
671					</section>
672
673
674				
675
676			</div>
677
678		
679
680		<!-- Scripts -->
681			
681<script src="assets/js/jquery.min.js"></script>
681
682			
682<script src="assets/js/jquery.poptrox.min.js"></script>
682
683			
683<script src="assets/js/browser.min.js"></script>
683
684			
684<script src="assets/js/breakpoints.min.js"></script>
684
685			
685<script src="assets/js/util.js"></script>
685
686			
686<script src="assets/js/main.js"></script>
686
687			
687<script type='text/javascript' src='assets/js/bug.js'></script>
687
688		
688<script type='text/javascript'>
689			// default fruit fly bug:
690			var bc = new BugController({});
691			// default spiders:
692			var sc = new SpiderController({});
693			console.log(sc)
694
695			$(function() {
696			    $(".cButton")
697			        .mouseover(function() { 
698			        	$(this).attr("src", $(this).attr("src").replace("empty", "hover"));
699			        	$(this).attr("width","38vw");
700			            
701			        })
702			        .mouseout(function() {
703			            $(this).attr("src", $(this).attr("src").replace("hover", "empty"));
704			            $(this).attr("width","35vw");
705			        })
706
707			        .click(function() {
708			        	if ($(this).attr("src").includes("heart")){
709			        		sc.clickSpawn(event.clientX, event.clientY);
710			        		var n = $("#heart_count".concat($(this).attr("id"))).html();
711				            var np1 = (parseInt(n, 10) || 0) + 1
712				            console.log(np1);
713				           	var heart_count = $("#heart_count".concat($(this).attr("id")));
714				           	console.log(heart_count);
715				            $("#heart_count".concat($(this).attr("id"))).html(np1);
716				            write2db(parseInt($(this).attr("id")), np1);
717			        	} else if ($(this).attr("src").includes("dance")){
718			        		 $("#reducing_understanding").addClass('magictime boingOutDown');
719			        	}
720			            $(this).attr("src", $(this).attr("src").replace("hover", "full"));
721			           
722			        });
723			        $(".kill").click(function() {
724			        	sc.killAll();
725			        	$(".kill").hide()
726			        	$(".refresh").show();
727			        });
728
729			        $(".refresh").click(function() {
730			        	sc.reset()
731			        	$(".refresh").hide()
732			        	$(".kill").show();
733			        });
734
735			       
736			});
737
738			function process (data){
739				console.log(data);
740				var row = (data.values && data.values[0]) ? data.values[0] : [];
741				$("[id^='heart_count']").each(function() {
742					var heart_id = parseInt(this.id.replace("heart_count", ""), 10);
743					var val = row[heart_id - 1];
744					$(this).html((val === undefined || val === "") ? 0 : val);
745				});
746			}
747
748			$("[id^='heart_count']").html(0);
749			fetch('https://sheets.googleapis.com/v4/spreadsheets/1h39UBvZ5QZ7UHnhsP1LpfG_xCrxattxL5hWVnFfwWVU/values/Sheet1!B3:AF3?key=AIzaSyDkdgg_5hLcPCNc0d4AVG8KHbTYX0_BEgs', {
750      			method: "GET",
751      			headers: {
752        		"Content-Type": "application/json",
753        		//update this token with yours. 
754        		// Authorization: 'Bearer ya29.a0AfH6SMDe0_aUT2gleTYKNF1nUS-x5pnw2cgrOk3ImC6F522GDYaDTzfPsj-lhtG5vV6PMzjg2AOVVmH3nBCzYoBOmjm4ITFTPKA8Lr5R-0eMpl3rh9n9fDXAGW2x5TLni-UduyRKPQx24CSKwkCHy4wyAM-3T01L8W8',
755      			},
756		    }).then(response => response.json())
757  			.then(data => process(data));
758
759  			function write2db(i, n){
760  				var x = {}
761  				for (index = 1; index < 32; index++) { 
762    				x['heart'.concat(index)] = 0
763				}  
764
765				x['heart'.concat(i)] = 1;
766				console.log(x);
767
768  				var $form = $('form#test-form');
769  				console.log(i, n);
770
771				var jqxhr = $.ajax({
772				    url: 'https://script.google.com/macros/s/AKfycbzDOUO5hEcRXaRxP5sHkGYQ81dcPeCpUKN3K7hXlPLtutLKJzE/exec',
773				    method: "GET",
774			    dataType: "json",
775			    data: x
776				  }).done(function(){
777				  	console.log("foo")
778				  }
779				   
780				  );
781			}
782
783			var activeBox = "#aboutframe"
784			var activeButton = "#about"
785			$( activeButton).css("background-color", "#F9F8DB");
786			
787			$( "#tav" ).click(function() {
788				console.log("gi;");
789				$( activeBox ).hide();
790				$( activeButton ).css("background-color", "white");
791				activeBox = "#tavbox"
792				activeButton = "#tav"
793				$(activeBox).show();
794				$( activeButton).css("background-color", "#F9F8DB");
795				});
796
797			$( "#itn" ).click(function() {
798				$( activeBox ).hide();
799				$( activeButton ).css("background-color", "white");
800				activeBox = "#itnbox"
801				activeButton = "#itn"
802				$(activeBox).show();
803				$( activeButton).css("background-color", "#F9F8DB");
804				});
805
806			$( "#syst" ).click(function() {
807				$( activeBox ).hide();
808				$( activeButton ).css("background-color", "white");
809				activeBox = "#systbox"
810				activeButton = "#syst"
811				$(activeBox).show();
812				$( activeButton).css("background-color", "#F9F8DB");
813				});
814			$( "#paps" ).click(function() {
815				$( activeBox ).hide();
816				$( activeButton ).css("background-color", "white");
817				activeBox = "#papsbox"
818				activeButton = "#paps"
819				$(activeBox).show();
820				$( activeButton).css("background-color", "#F9F8DB");
821				});
822			$( "#art" ).click(function() {
823				$( activeBox ).hide();
824				$( activeButton ).css("background-color", "white");
825				activeBox = "#artbox"
826				activeButton = "#art"
827				$(activeBox).show();
828				$( activeButton).css("background-color", "#F9F8DB");
829				});
830
831			$( "#about" ).click(function() {
832				$( activeBox ).hide();
833				$( activeButton ).css("background-color", "white");
834				activeBox = "#aboutframe"
835				activeButton = "#about"
836				$(activeBox).show();
837				$( activeButton).css("background-color", "#F9F8DB");
838				});
839
840
841			
842
843			
844
845		  
846
847
848		</script>
848
849
850	</body>
851</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.