index.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427
  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>Melanie Hoff</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="https://radicalnetworks.org" />
  11. <meta property="og:title" content="Radical Networks 2019" />
  12. <meta property="og:description" content="October 18-20, 2019 at Prime Produce, NYC, NY" />
  13. <meta property="og:site_name" content="Radical Networks"/>
  14. <meta property="og:image" content="https://radicalnetworks.org/assets/themes/images/radnets_logo_larger.png"/>
  15. <!-- Bootstrap styles -->
  16. <link href="../../assets/themes/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  17. <!-- Optional theme -->
  18. <link href="../../assets/themes/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
  19. <!-- Sticky Footer -->
  20. <link href="../../assets/themes/bootstrap/css/bs-sticky-footer.css" rel="stylesheet">
  21. <!-- Custom styles and fonts -->
  22. <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
  23. <link href="../../assets/themes/css/style.css?body=1" rel="stylesheet" type="text/css" media="all">
  24. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  25. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  26. <!--[if lt IE 9]>
  27. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  28. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  29. <![endif]-->
  30. </head>
  31. <body>
  32. <div id="wrap">
  33. <div class="container">
  34. <nav class="row navbar" role="navigation">
  35. <!-- Brand and toggle get grouped for better mobile display -->
  36. <div class="navbar-header">
  37. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#jb-navbar-collapse">
  38. <span class="sr-only">Toggle navigation</span>
  39. <span class="icon-bar"></span>
  40. <span class="icon-spacer"></span>
  41. <span class="icon-bar"></span>
  42. <span class="icon-spacer"></span>
  43. <span class="icon-bar"></span>
  44. <span class="icon-spacer"></span>
  45. <br/>
  46. </button>
  47. </div>
  48. <!-- Collect the nav links, forms, and other content for toggling -->
  49. <div class="collapse navbar-collapse" id="jb-navbar-collapse">
  50. <ul class="nav navbar-nav">
  51. <li><a href="../../about/">About</a></li>
  52. <li><a href="../../participants/">Participants</a></li>
  53. <li><a href="../../location/">Location</a></li>
  54. <li><a href="../../program/">Program</a></li>
  55. <li><a href="../../gallery/">Gallery</a></li>
  56. <li><a href="../../sponsorship/">Sponsorship</a></li>
  57. <li><a href="../../team/">Team</a></li>
  58. <li><a href="../../policies/">Policies</a></li>
  59. <li><a href="../../shop/">Shop</a></li>
  60. <li><a href="../../archives/">Archives</a></li>
  61. </ul>
  62. </div><!-- /.navbar-collapse -->
  63. </nav>
  64. <header>
  65. <div class="row">
  66. <a href="../../">
  67. <img class="logo" src="../../assets/themes/images/radnets_logo.png" width="500" height="76" />
  68. </a>
  69. <h2>October 18-20, 2019<br/>Prime Produce, NYC</h2>
  70. <div class="social">
  71. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="../../assets/themes/images/twitter_logo.png" width="37" height="37" /></a>
  72. <a href="mailto:info@radicalnetworks.org"><img src="../../assets/themes/images/email.png" width="37" height="37" /></a>
  73. <a href="http://list.weise7.org/listinfo/radnets" target="_blank"><img src="../../assets/themes/images/mailing-list.png" alt="mailing list" width="37" height="37" /></a>
  74. <!-- <a class="press" href="../../assets/themes/pdf/radical_networks_2017_press_kit.pdf">2017 Press Kit</a> -->
  75. </div>
  76. </div>
  77. </header>
  78. <div class="row">
  79. <div class="col-md-8 content">
  80. <div class="row">
  81. <div class="col-xs-12">
  82. <h3>Melanie Hoff</h3>
  83. <p><img src="melanie.jpg" width="256px" /></p>
  84. <p><a href="https://melanie-hoff.com/" target="_blank">Website</a> | <a href="https://twitter.com/melanie_hoff/" target="_blank">Twitter</a></p>
  85. <p>Melanie Hoff is an artist and educator examining the role technology plays in social organization and reinforcing hegemonic structures. Their work plays with structural conventions of software, installation, and workshops. They are a founding member of the Cybernetics Library, an art and research collective offering resources for study and critique of technical and social systems and Soft Surplus, a collective art studio for learning together by making things near each other. They teach at the Rhode Island School of Design, the School for Poetic Computation, and have presented their work in the New Museum, the Queens Museum, The Internet Archive, and elsewhere.</p>
  86. <hr />
  87. <h2>Workshop</h2>
  88. <h3>Peer-to-Peer Folder Poetry</h3>
  89. <p><img src="rad-nets-1.6.jpg" width="100%" style="max-width: 600px" /></p>
  90. <p>What if we could transform our online networks from something we passively receive to something we actively create? Folder Poetry is the practice of using the structure of computer folder organization as a new kind of poetic form like the haiku or iambic pentameter. By naming and nesting folders and files, we can create unfolding narratives, rhythmic prose, and choose-your-own-adventure poetry. In this workshop we will collectively create peer-to-peer folder poetry using the command line and Dat. Through lecture, examples, and writing folder poetry as meditation, we will explore the narrative qualities of folder structures and DAT as a tool for building digital spaces with and for our networks.</p>
  91. <p>In this session we will get intimate with computers and write poetry with their logic. This workshop is an introduction to writing folder poetry, the P2P protocol Dat, and navigating the command line interface using Bash.</p>
  92. <p>Together, we will create living networked poetry through connecting folders on the peer-to-peer web for each other to inhabit and explore.</p>
  93. <p>This workshop assumes no coding experience and simultaneously takes the position that everyone who interacts with computers in some way is already a programmer.</p>
  94. <p>The workshop will run Saturday, October 19, 2019, from 10:00 am - 12:30 pm. Tickets are available <a href="https://www.eventbrite.com/e/radical-networks-tickets-72061121755">here</a>.</p>
  95. <p>Participants should bring their laptop to the workshop. Please contact Melanie beforehand if you are planning to use a Windows machine.</p>
  96. <p>Additional information</p>
  97. <ul>
  98. <li><a href="https://github.com/melaniehoff/" target="_blank">Github</a></li>
  99. </ul>
  100. </div>
  101. </div>
  102. </div>
  103. <div class="col-md-4 sidebar">
  104. <div>
  105. <!-- Download our <a href="../../pdf/radical_networks_2019_press_kit.pdf">2019 Press Kit</a>
  106. </div> -->
  107. <div>
  108. <span class="tickets"><a href="https://www.eventbrite.com/e/72061121755/" target="_blank">Tickets Available!</a></span>
  109. </div>
  110. <div>Hosted by<br/>
  111. <a class="host" href="https://www.primeproduce.coop/" target="_blank">
  112. <img src="../../assets/themes/images/Prime-Produce-Apprentice-Cooperative-Ltd-Logo-White.png" width="200" />
  113. </a>
  114. </div>
  115. <div>Live stream provided by<br/>
  116. <img src="../../assets/themes/images/isoclogo.png" width="200" />
  117. <!--<br/><a href="https://livestream.com/internetsociety/radnets17" target="_blank">Main Stage Archive</a>
  118. <br/>
  119. <a href="https://livestream.com/accounts/9197973/radnets17" target="_blank">Workshops Archive</a>-->
  120. </div>
  121. <div>
  122. <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
  123. <input type="hidden" name="cmd" value="_s-xclick" />
  124. <input type="hidden" name="hosted_button_id" value="WTFLU9JCLBU5S" />
  125. <input type="image" src="https://radicalnetworks.org/assets/themes/images/donate_button.png" border="0" width="200px" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
  126. <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
  127. </form>
  128. </div>
  129. <div class="sponsors">
  130. <h2>2019 Sponsors</h2>
  131. <h3>Partner Level</h3>
  132. <div>
  133. <!-- Ford Foundation -->
  134. <a href="http://www.fordfoundation.org/" target="_blank">
  135. <img src="../../assets/themes/images/fordfoundation-white_sm.png" width="200" />
  136. </a>
  137. </div>
  138. <h3>Sponsor Level</h3>
  139. <div>
  140. <!-- Fake Love -->
  141. <a href="http://fakelove.tv/" target="_blank">
  142. <img src="../../assets/themes/images/fl-white.png" width="150" />
  143. </a>
  144. </div>
  145. <div class="cmi">
  146. <!-- Custom Monoclonals International -->
  147. Custom Monoclonals Intl
  148. </div>
  149. <h3>Ally Level</h3>
  150. <div>
  151. <!-- Chemistry -->
  152. <a href="http://chemcreative.com/" target="_blank">
  153. <img src="../../assets/themes/images/chemistry-new.png" width="150" />
  154. </a>
  155. </div>
  156. <h3>Scholarship Sponsor</h3>
  157. <div>
  158. <!-- Protocol Labs -->
  159. <a href="https://protocol.ai/" target="_blank">
  160. <img src="../../assets/themes/images/protocol-labs-logo.svg" width="150" />
  161. </a>
  162. </div>
  163. <h3>Media Partnership</h3>
  164. <div>
  165. <!-- Women Who Code -->
  166. <a href="https://www.womenwhocode.com/" target="_blank">
  167. <img src="../../assets/themes/images/wwc_sm.png" width="150" />
  168. </a>
  169. </div>
  170. </div>
  171. <div class="social">Contact<br/>
  172. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="../../assets/themes/images/twitter_logo.png" width="37" height="37" alt="twitter" /></a>
  173. <a href="mailto:info@radicalnetworks.org"><img src="../../assets/themes/images/email.png" width="37" height="37" alt="email" /></a>
  174. <a href="http://list.weise7.org/listinfo/radnets" target="_blank"><img src="../../assets/themes/images/mailing-list.png" alt="mailing list" width="37" height="37" /></a>
  175. </div>
  176. <div>Psssst...<br/>
  177. We're on the <a href="https://gateway.pinata.cloud/ipfs/Qmc2jiw2WNGu73pPuzPKC4eFRrSmhJJyQbfddkBD91uDmU/">ipfs</a> and <a href="dat://c0965105755be00cafd7d176c6ccdce467b896c7284b4915733a83e6f2f78231/" target="_blank">dat</a> networks, too.
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. <div id="footer">
  184. <div class="container">
  185. <p>&nbsp;</p>
  186. <p>
  187. &copy; 2019 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  188. </p>
  189. </div>
  190. </div>
  191. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  192. <!-- Placed at the end of the document so the pages load faster -->
  193. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  194. <script src="../../assets/themes/bootstrap/js/bootstrap.min.js"></script>
  195. <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>
  196. </body>
  197. </html>