index.html 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  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>S Friend</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>S Friend</h3>
  80. <p><img src="myfacesmaller.jpg" /></p>
  81. <p><a href="https://isthisa.com/" target="_blank">Website</a> | <a href="https://twitter.com/isthisanart_" target="_blank">Twitter</a></p>
  82. <p>I am a software engineer and artist who’s been focusing on the development of games, interactive experiences, and open source tools. Professionally, I specialize in blockchain analytics - personally, my practice more broadly explores the polar concerns of privacy and transparency and the political/environmental implications of technology. Community organizations I am involved with include: Toronto Mesh, The Reported (a database of police-involved deaths in Canada), The Toronto Tool Library, and Dames Making Games.</p>
  83. <hr />
  84. <h2>Exhibiting</h2>
  85. <h3>Captive Portal: Customs and Border Protection</h3>
  86. <p>Captive Portal: Customs and Border Protection is a digital installation and alternate reality game installed in a Captive Portal, or wifi splash page. The player/user explores a digital border-checkpoint and is asked to submit personal information in order to pass. It was commissioned by the Center for Contemporary Art Tel Aviv for their Captive Portal series in Jan 2017, and is currently on display. The Captive Portal series is curated by Yoav Lifshitz, Tal Messing, and CCA Curator Chen Tamir.</p>
  87. </div>
  88. </div>
  89. </div>
  90. <div class="col-md-4 sidebar">
  91. <div>
  92. Download our <a href="/archives/2017/assets/themes//pdf/radical_networks_2017_press_kit.pdf">2017 Press Kit</a>
  93. </div>
  94. <div>Hosted by<br/>
  95. <a href="http://chemcreative.com/" target="_blank">
  96. <img src="/archives/2017/assets/themes//images/chem.png" width="167" />
  97. </a>
  98. <p style="padding-top: 8px">315 Ten Eyck St<br/>Brooklyn, NY 11206</p>
  99. </div>
  100. <div class="bigger">Live stream provided by<br/>
  101. <img src="/archives/2017/assets/themes//images/isoclogo.png" width="300" />
  102. <br/><a href="https://livestream.com/internetsociety/radnets17" target="_blank">Main Stage Archive</a>
  103. <br/>
  104. <a href="https://livestream.com/accounts/9197973/radnets17" target="_blank">Workshops Archive</a>
  105. </div>
  106. <div class="social">Contact<br/>
  107. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/archives/2017/assets/themes//images/twitter_logo.png" width="37" height="37" /></a>
  108. <a href="mailto:info@radicalnetworks.org"><img src="/archives/2017/assets/themes//images/email.png" width="37" height="37" /></a>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. <div id="footer">
  115. <div class="container">
  116. <p>
  117. &copy; 2017 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  118. <!--
  119. Iframe embed for the 2017 Browser as Botnet talk. Will 404 until day of
  120. talk. Will be removed after.
  121. -->
  122. <iframe src="https://radnets.brannon.online/embed" style="display: none"></iframe>
  123. </p>
  124. </div>
  125. </div>
  126. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  127. <!-- Placed at the end of the document so the pages load faster -->
  128. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  129. <script src="/archives/2017/assets/themes//bootstrap/js/bootstrap.min.js"></script>
  130. <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>
  131. </body>
  132. </html>