index.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422
  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>Esther Bouquet</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>Esther Bouquet</h3>
  83. <p><img src="esther.png" width="256px" /></p>
  84. <p><a href="https://estherbouquet.com/" target="_blank">Website</a> | <a href="https://www.instagram.com/estherbouquet/" target="_blank">Instagram</a></p>
  85. <p>Esther Bouquet is a graphic designer who has recently graduated an interactive media master's degree at ESADSE, France. She is currently working on digital tracks, metadata and their related political issues, aiming to defend the right of a private life while questioning the impacts and stakes of technology on the web. In 2017 she developed graphic tools with the National Commission of Computing and Liberties in France to help people better understand the importance of caring about the tracks they leave. In 2019 she co-created an interactive experience to re-discover the printed press exhibited during the BID Saint-Étienne 2019.</p>
  86. <hr />
  87. <h2>Exhibiting</h2>
  88. <h3>(no)control</h3>
  89. <p><img src="nocontrol.jpg" width="100%" style="max-width: 600px" /></p>
  90. <p>Considering the web as a free space where our private life can still be preserved often implies forgetting the strong implications and conflicts linked to the data we generate while we browse and which build our digital identity. As those tracks are collected, indexed, stored, copied, combined and agregated with each other, they raise control and surveillance questions on the network. This hidden and insidious design of control is developed by and for companies. It thus shapes a society focused towards an extreme rationalisation, that advocates for transparency while maintaining opacity regarding its infrastructures.</p>
  91. <p><em>(no)control</em> tries to unveil the mechanisms of control and their asymmetry on the web by physically embodying them. The kinect captures the face of person A standing/walking in front of the mirror structure. The person can only go back and forth or slightly move in front of it and see their face reflecting in the mirror. They cannot help but notice the camera, however interacting directly with the displayed result is impossible as the mirror structure is behind the wall where the kinect feed is projected. They embody the web users. It is person B, emboying a corporation, who can see, interact and thus control what the kinect captures. A potentiometer enables this person to have control over the portrait of person A. By turning the knob, they can manipulate as they wish the representation of the web user. They can display from a very detailed to a more geometrical face.</p>
  92. <p>This installation tries to illustrate how data based companies process, control and manipulate our data without our consent, awareness or involvement. The web user can never see what the corporation decides to render while the corporation has a complete takeover.</p>
  93. <p>Additional information
  94. <ul>
  95. <li><a href="https://github.com/estherbouquet/no-control/tree/master/kinect_microsoft_potentiometer" target="_blank">Github</a></li>
  96. </ul>
  97. </p>
  98. </div>
  99. </div>
  100. </div>
  101. <div class="col-md-4 sidebar">
  102. <div>
  103. <!-- Download our <a href="../../pdf/radical_networks_2019_press_kit.pdf">2019 Press Kit</a>
  104. </div> -->
  105. <div>
  106. <span class="tickets"><a href="https://www.eventbrite.com/e/72061121755/" target="_blank">Tickets Available!</a></span>
  107. </div>
  108. <div>Hosted by<br/>
  109. <a class="host" href="https://www.primeproduce.coop/" target="_blank">
  110. <img src="../../assets/themes/images/Prime-Produce-Apprentice-Cooperative-Ltd-Logo-White.png" width="200" />
  111. </a>
  112. </div>
  113. <div>Live stream provided by<br/>
  114. <img src="../../assets/themes/images/isoclogo.png" width="200" />
  115. <!--<br/><a href="https://livestream.com/internetsociety/radnets17" target="_blank">Main Stage Archive</a>
  116. <br/>
  117. <a href="https://livestream.com/accounts/9197973/radnets17" target="_blank">Workshops Archive</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>