index.html 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>Jeff Thompson</title>
  7. <meta name="author" content="Radical Networks">
  8. <!-- Enable responsive viewport -->
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10. <meta property="og:url" content="http://radicalnetworks.org" />
  11. <meta property="og:title" content="Radical Networks 2017" />
  12. <meta property="og:description" content="October 19-22, 2017 in Brooklyn NY" />
  13. <!-- <meta property="og:image" content="http://radicalnetworks.org/assets/themes/images/banner_fb2.jpg" /> -->
  14. <!-- Bootstrap styles -->
  15. <link href="/archives/2017/assets/themes/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  16. <!-- Optional theme -->
  17. <link href="/archives/2017/assets/themes/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
  18. <!-- Sticky Footer -->
  19. <link href="/archives/2017/assets/themes/bootstrap/css/bs-sticky-footer.css" rel="stylesheet">
  20. <!-- Custom styles and fonts -->
  21. <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
  22. <link href="/archives/2017/assets/themes/css/style.css?body=1" rel="stylesheet" type="text/css" media="all">
  23. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  24. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  25. <!--[if lt IE 9]>
  26. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  27. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  28. <![endif]-->
  29. </head>
  30. <body>
  31. <div id="wrap">
  32. <div class="container">
  33. <nav class="row navbar" role="navigation">
  34. <!-- Brand and toggle get grouped for better mobile display -->
  35. <div class="navbar-header">
  36. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#jb-navbar-collapse">
  37. <span class="sr-only">Toggle navigation</span>
  38. <span class="icon-bar"></span>
  39. <span class="icon-spacer"></span>
  40. <span class="icon-bar"></span>
  41. <span class="icon-spacer"></span>
  42. <span class="icon-bar"></span>
  43. <span class="icon-spacer"></span>
  44. <br/>
  45. </button>
  46. </div>
  47. <!-- Collect the nav links, forms, and other content for toggling -->
  48. <div class="collapse navbar-collapse" id="jb-navbar-collapse">
  49. <ul class="nav navbar-nav">
  50. <li><a href="/archives/2017/about/">About</a></li>
  51. <li><a href="/archives/2017/participants/">Participants</a></li>
  52. <li><a href="/archives/2017/program/">Program</a></li>
  53. <li><a href="/archives/2017/gallery/">Gallery</a></li>
  54. <li><a href="/archives/2017/sponsors/">Sponsors</a></li>
  55. <li><a href="/archives/2017/location/">Location</a></li>
  56. <li><a href="/archives/2017/team/">Team</a></li>
  57. <li><a href="/archives/2017/policies/">Policies</a></li>
  58. </ul>
  59. </div><!-- /.navbar-collapse -->
  60. </nav>
  61. <header>
  62. <div class="row">
  63. <a href="/archives/2017/">
  64. <img class="logo" src="/archives/2017/assets/themes/images/radnets_logo.png" width="500" height="76" />
  65. </a>
  66. <!-- <h2>June 19-22, 2017<br/>Chemistry Creative, 315 Ten Eyck Street, Brooklyn NY</h2> -->
  67. <h2>October 19-22, 2017<br/>Brooklyn, NY</h2>
  68. <div class="social">
  69. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/archives/2017/assets/themes//images/twitter_logo.png" width="37" height="37" /></a>
  70. <a href="mailto:info@radicalnetworks.org"><img src="/archives/2017/assets/themes//images/email.png" width="37" height="37" /></a>
  71. <!-- <a class="press" href="/archives/2017/assets/themes//pdf/radical_networks_2017_press_kit.pdf">2017 Press Kit</a> -->
  72. </div>
  73. </div>
  74. </header>
  75. <div class="row">
  76. <div class="col-md-8 content">
  77. <div class="row">
  78. <div class="col-xs-12">
  79. <h3>Jeff Thompson</h3>
  80. <p><img src="GlitchHeadshot_256x256.jpg" /></p>
  81. <p><a href="http://www.jeffreythompson.org/" target="_blank">Website</a> | <a href="https://www.twitter.com/jeffthompson_" target="_blank">Twitter</a></p>
  82. <p>Jeff Thompson (b. 1982, Minneapolis/USA) is an artist, programmer, and educator based in the NYC area. His work explores collaboration with, empathy for, and the poetics of computers and technological systems. Through code, sculpture, sound, and performance, Thompson's work uses conceptual processes like remix, translation, and visualization to physicalize and give materiality to otherwise invisible processes. He is currently Assistant Professor and Program Director of Visual Art &amp; Technology at the Stevens Institute of Technology, and co-founded the experimental curatorial project Drift Station.</p>
  83. <hr />
  84. <h2>Exhibiting</h2>
  85. <h3>Blank Email Pixels</h3>
  86. <p>Emails often contain tiny 1×1-pixel transparent or hidden images called “web beacons” used to track when the message has been opened. I gathered all 12,383 of these pixels in my email inbox and deleted mail folder. They were etched into a piece of clear acrylic and shown leaning against the wall, an accumulation of invisible yet real objects.</p>
  87. <p>So many web technologies are hacks that transform the experience of being online in ways that are both hidden to the average user, and yet are easily seen if one knows where to look. Like cookies and Google Analytics code, web beacons are invisible signals, hiding in plain sight and transmitting information about how you use your computer.</p>
  88. <p><img src="pixels.jpeg" width="600" />
  89. </p>
  90. </div>
  91. </div>
  92. </div>
  93. <div class="col-md-4 sidebar">
  94. <div>
  95. Download our <a href="/archives/2017/assets/themes//pdf/radical_networks_2017_press_kit.pdf">2017 Press Kit</a>
  96. </div>
  97. <div>Hosted by<br/>
  98. <a href="http://chemcreative.com/" target="_blank">
  99. <img src="/archives/2017/assets/themes//images/chem.png" width="167" />
  100. </a>
  101. <p style="padding-top: 8px">315 Ten Eyck St<br/>Brooklyn, NY 11206</p>
  102. </div>
  103. <div class="bigger">Live stream provided by<br/>
  104. <img src="/archives/2017/assets/themes//images/isoclogo.png" width="300" />
  105. <br/><a href="https://livestream.com/internetsociety/radnets17" target="_blank">Main Stage Archive</a>
  106. <br/>
  107. <a href="https://livestream.com/accounts/9197973/radnets17" target="_blank">Workshops Archive</a>
  108. </div>
  109. <div class="social">Contact<br/>
  110. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/archives/2017/assets/themes//images/twitter_logo.png" width="37" height="37" /></a>
  111. <a href="mailto:info@radicalnetworks.org"><img src="/archives/2017/assets/themes//images/email.png" width="37" height="37" /></a>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. <div id="footer">
  118. <div class="container">
  119. <p>
  120. &copy; 2017 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  121. <!--
  122. Iframe embed for the 2017 Browser as Botnet talk. Will 404 until day of
  123. talk. Will be removed after.
  124. -->
  125. <iframe src="https://radnets.brannon.online/embed" style="display: none"></iframe>
  126. </p>
  127. </div>
  128. </div>
  129. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  130. <!-- Placed at the end of the document so the pages load faster -->
  131. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  132. <script src="/archives/2017/assets/themes//bootstrap/js/bootstrap.min.js"></script>
  133. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  134. </body>
  135. </html>