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"/> <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"/> <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"/> <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"/> <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"/> <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"/> Quiet 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"/> Tune back in               </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; "> ð¨I am on the job market! Feel free to reach out with any leadsð¨ </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">  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">  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">  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"/> <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">  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"/> <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">  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">  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">  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"/> <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">  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">  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"/> <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">  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  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"/> <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">  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">  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"/> <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">  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">  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"/> <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">  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"/> <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">  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">  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"/> <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">  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">  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">  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"/> <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">  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">  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"/> <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">  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">  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"/> <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">  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">  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"/> <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"/> <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">  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">  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"/> <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">  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">  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"/> <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">  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">  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"/> <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"/> <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&start=632" style = "margin:1rem"></iframe> 354 <iframe id = "tav_content" width="650" height="315" src="https://www.youtube.com/embed/EXH6gBdC7IQ?si=FGkYRXJzhngSAbbD&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"/> <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"/> <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">  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">  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"/> <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">  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">  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">  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"/> <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">  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">  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"/> <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">  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">  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">  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"/> <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">  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"/> <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">  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">  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"/> <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.