index.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416
  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>Joana Chicau</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. </ul>
  61. </div><!-- /.navbar-collapse -->
  62. </nav>
  63. <header>
  64. <div class="row">
  65. <a href="/">
  66. <img class="logo" src="../../assets/themes/images/radnets_logo.png" width="500" height="76" />
  67. </a>
  68. <h2>October 18-20, 2019<br/>Prime Produce, NYC</h2>
  69. <div class="social">
  70. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="../../assets/themes/images/twitter_logo.png" width="37" height="37" /></a>
  71. <a href="mailto:info@radicalnetworks.org"><img src="../../assets/themes/images/email.png" width="37" height="37" /></a>
  72. <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>
  73. <!-- <a class="press" href="../../assets/themes/pdf/radical_networks_2017_press_kit.pdf">2017 Press Kit</a> -->
  74. </div>
  75. </div>
  76. </header>
  77. <div class="row">
  78. <div class="col-md-8 content">
  79. <div class="row">
  80. <div class="col-xs-12">
  81. <h3>Joana Chicau</h3>
  82. <p><img src="joanachicau.png" width="256px" /></p>
  83. <p><a href="http://www.joanachicau.com/" target="_blank">Website</a> | <a href="https://twitter.com/BChicau/" target="_blank">Twitter</a></p>
  84. <p>Joana Chicau [PT/NL] is a graphic designer, coder, researcher — with a background in dance. In her practice she researches the intersection of the body with the constructed, designed, programmed environment, aiming at widening the ways in which digital sciences is presented and made accessible to the public. She has been actively participating and organizing events with performances involving multi-location collaborative coding, algorithmic improvisation, open discussions on gender equality and activism.</p>
  85. <hr />
  86. <h2>Performing</h2>
  87. <h3>&lt; A WebPage in Three Acts &gt;</h3>
  88. <p>The web can be seen as a choreographic agglomerate which defines ways of moving collectively and individually, through fluid and complex landscapes of information displays, networked, multimedia environments.</p>
  89. <p>&lt; A WebPage in Three Acts &gt; is an assemblage of live coded visual experiments performed in the web browser. The computer screen is divided in two stages: the ‘frontstage’, the interface a user normally accesses and the ‘backstage’ or the web console in which programming languages can be run. In the web console Joana Chicau calls, juxtaposes and manipulates different web programming actions which are named after choreographic concepts. The page originally filled with information, will be deconstructed, with elements being set in motion, displaying a varied composition of graphic elements in the screen. The performance structure is divided in three acts, and comprehends physical movement.</p>
  90. <p>Online environments - with all of its properties, designed intentions and ideologies - become an experimental stage for bringing into shared consciousness the physicality of code &amp; the corporeality of the machine.</p>
  91. <p>This performance in part of an on going research on how design and web based computational systems can be used to construct new scenarios, imaginaries and hypothesis guided by choreographic concepts. Privileging open source tools and investigation through feminist lens, Joana Chicau combines real-time algorithmic composition &amp; movement studies to rethink the vocabularies, protocols, modes of participation and different conditions for affective interfacing of bodies and technologies.</p>
  92. <p>Additional information
  93. <ul>
  94. <li><a href="https://jobcb.github.io/" target="_blank">Project Site</a></li>
  95. <li><a href="https://github.com/JoBCB" target="_blank">Github</a></li>
  96. <li><a href="http://joanachicau.com/joana_chicau_cv.pdf" target="_blank">CV</a></li>
  97. </ul>
  98. </p>
  99. </div>
  100. </div>
  101. </div>
  102. <div class="col-md-4 sidebar">
  103. <div>
  104. <!-- Download our <a href="../../pdf/radical_networks_2019_press_kit.pdf">2019 Press Kit</a>
  105. </div> -->
  106. <div>
  107. <span class="tickets"><a href="https://www.eventbrite.com/e/72061121755/" target="_blank">Tickets Available!</a></span>
  108. </div>
  109. <div>Hosted by<br/>
  110. <a class="host" href="https://www.primeproduce.coop/" target="_blank">
  111. <img src="../../assets/themes/images/Prime-Produce-Apprentice-Cooperative-Ltd-Logo-White.png" width="200" />
  112. </a>
  113. </div>
  114. <div>Live stream provided by<br/>
  115. <img src="../../assets/themes/images/isoclogo.png" width="200" />
  116. <br/><a href="https://livestream.com/internetsociety/radnets19" target="_blank">Watch Here!</a>
  117. <br/><a href="https://bit.ly/radtext" target="_blank">Live Captioning Available</a>
  118. </div>
  119. <div>
  120. <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
  121. <input type="hidden" name="cmd" value="_s-xclick" />
  122. <input type="hidden" name="hosted_button_id" value="WTFLU9JCLBU5S" />
  123. <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" />
  124. <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
  125. </form>
  126. </div>
  127. <div class="sponsors">
  128. <h2>2019 Sponsors</h2>
  129. <h3>Partner Level</h3>
  130. <div>
  131. <!-- Ford Foundation -->
  132. <a href="http://www.fordfoundation.org/" target="_blank">
  133. <img src="../../assets/themes/images/fordfoundation-white_sm.png" width="200" />
  134. </a>
  135. </div>
  136. <h3>Sponsor Level</h3>
  137. <div>
  138. <!-- Fake Love -->
  139. <a href="http://fakelove.tv/" target="_blank">
  140. <img src="../../assets/themes/images/fl-white.png" width="150" />
  141. </a>
  142. </div>
  143. <div class="cmi">
  144. <!-- Custom Monoclonals International -->
  145. Custom Monoclonals Intl
  146. </div>
  147. <h3>Ally Level</h3>
  148. <div>
  149. <!-- Chemistry -->
  150. <a href="http://chemcreative.com/" target="_blank">
  151. <img src="../../assets/themes/images/chemistry-new.png" width="150" />
  152. </a>
  153. </div>
  154. <h3>Scholarship Sponsor</h3>
  155. <div>
  156. <!-- Protocol Labs -->
  157. <a href="https://protocol.ai/" target="_blank">
  158. <img src="../../assets/themes/images/protocol-labs-logo.svg" width="150" />
  159. </a>
  160. </div>
  161. <h3>Media Partnership</h3>
  162. <div>
  163. <!-- Women Who Code -->
  164. <a href="https://www.womenwhocode.com/" target="_blank">
  165. <img src="../../assets/themes/images/wwc_sm.png" width="150" />
  166. </a>
  167. </div>
  168. </div>
  169. <div class="social">Contact<br/>
  170. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="../../assets/themes/images/twitter_logo.png" width="37" height="37" alt="twitter" /></a>
  171. <a href="mailto:info@radicalnetworks.org"><img src="../../assets/themes/images/email.png" width="37" height="37" alt="email" /></a>
  172. <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>
  173. </div>
  174. <div>Psssst...<br/>
  175. 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.
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. <div id="footer">
  182. <div class="container">
  183. <p>&nbsp;</p>
  184. <p>
  185. &copy; 2019 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  186. </p>
  187. </div>
  188. </div>
  189. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  190. <!-- Placed at the end of the document so the pages load faster -->
  191. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  192. <script src="../../assets/themes/bootstrap/js/bootstrap.min.js"></script>
  193. <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>
  194. </body>
  195. </html>