index.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369
  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="/location/">Location</a></li>
  53. <li><a href="/participants/">Participants</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 warehouse for making things near each other. They teach at Rutgers University, 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 Poetry: Invisible Cities</h3>
  89. <p>What if we could create and inhabit a new kind of digital city that transforms our online networks from something we passively receive to something we actively create? In this workshop we will collectively create a peer-to-peer city using the structure of nested folders and DAT. Through lecture, examples, and hands on making, we will explore folder structures as a new kind of narrative poetic structure and DAT as a way to build digital spaces with and for our networks.</p>
  90. <p>In this session we will create a space where we are having a conversation with computers and writing poetry with their logic. We will work with computers and DAT as collaborators and develop a taste for creating emotive and community centered software.</p>
  91. <p>Together, we will create poetry through building a folder-based city on the peer-to-peer web for each other to inhabit during the duration of the workshop and beyond.</p>
  92. <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>
  93. <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>
  94. <p>Participants should bring their laptop to the workshop.</p>
  95. <p>Additional information
  96. <ul>
  97. <li><a href="https://github.com/melaniehoff/" target="_blank">Github</a></li>
  98. </ul>
  99. </p>
  100. </div>
  101. </div>
  102. </div>
  103. <div class="col-md-4 sidebar">
  104. <div>
  105. <!-- Download our <a href="/assets/themes//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 class="bigger">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 class="social">Contact<br/>
  122. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/assets/themes//images/twitter_logo.png" width="37" height="37" alt="twitter" /></a>
  123. <a href="mailto:info@radicalnetworks.org"><img src="/assets/themes//images/email.png" width="37" height="37" alt="email" /></a>
  124. <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>
  125. </div>
  126. <div>
  127. <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
  128. <input type="hidden" name="cmd" value="_s-xclick" />
  129. <input type="hidden" name="hosted_button_id" value="WTFLU9JCLBU5S" />
  130. <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" />
  131. <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
  132. </form>
  133. </div>
  134. <div>Psssst...<br/>
  135. We're on the <a href="dat://c0965105755be00cafd7d176c6ccdce467b896c7284b4915733a83e6f2f78231/" target="_blank">dat network</a>, too.
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. <div id="footer">
  142. <div class="container">
  143. <p>
  144. &copy; 2019 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  145. </p>
  146. </div>
  147. </div>
  148. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  149. <!-- Placed at the end of the document so the pages load faster -->
  150. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  151. <script src="/assets/themes//bootstrap/js/bootstrap.min.js"></script>
  152. <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>
  153. </body>
  154. </html>