index.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419
  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>Char Stiles</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>Char Stiles</h3>
  83. <p><img src="cstiles_256.jpg" width="256px" /></p>
  84. <p><a href="http://www.charstiles.com" target="_blank">Website</a> | <a href="https://twitter.com/charstiles/" target="_blank">Twitter</a></p>
  85. <p>Char Stiles is a multidisciplinary digital artist. She works using emerging technologies as tools for expression. Using computational systems and algorithms she is producing pieces that spans disciplines such as video, dance, interactive installation, performance and online works. She also live codes glsl visuals. Her portfolio is <a href="http://www.charstiles.com" target="_blank">Charstiles.com</a>.</p>
  86. <hr />
  87. <h2>Meetup</h2>
  88. <h3>EMAIL</h3>
  89. <p>In this lunchtime meetup we are going to talk about EMAIL! Yes, email! Not to complain about email, but the good parts about email like the cool stuff that we can do with it: maintain a git repo, display html, run your own email server, use a CLI inbox, and make art. Email is an extremely popular method of communication that only relies on a protocol from the 70s and it's not going anywhere. For me, and many others, it is the most used form of digital communication that doesn't necessarily need to rely on big tech companies. I will guide the conversation to be about the future of email, and how it can liberate people. I will start the meetup by giving a survey of unconventional/unexpected uses of email (did you know that git is maintained through an email list?) including art projects that utilize email. This conversation will be very loosely guided, I will have a lot of content on deck (like explaining email protocol), but I would like to let the conversation progress naturally, even if that includes some venting about email etiquette.</p>
  90. <p>Email is a social tool, and being around other artists, activists, hackers and any Radical-Network-goer to thoughtfully engage in challenging email's role in our lives sounds like a great and fun way to meet new people. Since email is so familiar to all of us it will be a great way to chill out between all the new learning that is going to happen at Radical Networks. Hopefully at the end of this lunchtime meetup everyone can appreciate email a little more, and perhaps some will agree with me that email is totally metal.</p>
  91. <p>Additional information
  92. <ul>
  93. <li><a href="http://charstiles.com/email/" target="_blank">Project Page</a></li>
  94. </ul>
  95. </p>
  96. </div>
  97. </div>
  98. </div>
  99. <div class="col-md-4 sidebar">
  100. <div>
  101. <!-- Download our <a href="../../pdf/radical_networks_2019_press_kit.pdf">2019 Press Kit</a>
  102. </div> -->
  103. <div>
  104. <span class="tickets"><a href="https://www.eventbrite.com/e/72061121755/" target="_blank">Tickets Available!</a></span>
  105. </div>
  106. <div>Hosted by<br/>
  107. <a class="host" href="https://www.primeproduce.coop/" target="_blank">
  108. <img src="../../assets/themes/images/Prime-Produce-Apprentice-Cooperative-Ltd-Logo-White.png" width="200" />
  109. </a>
  110. </div>
  111. <div>Live stream provided by<br/>
  112. <img src="../../assets/themes/images/isoclogo.png" width="200" />
  113. <!--<br/><a href="https://livestream.com/internetsociety/radnets17" target="_blank">Main Stage Archive</a>
  114. <br/>
  115. <a href="https://livestream.com/accounts/9197973/radnets17" target="_blank">Workshops Archive</a>-->
  116. </div>
  117. <div>
  118. <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
  119. <input type="hidden" name="cmd" value="_s-xclick" />
  120. <input type="hidden" name="hosted_button_id" value="WTFLU9JCLBU5S" />
  121. <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" />
  122. <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
  123. </form>
  124. </div>
  125. <div class="sponsors">
  126. <h2>2019 Sponsors</h2>
  127. <h3>Partner Level</h3>
  128. <div>
  129. <!-- Ford Foundation -->
  130. <a href="http://www.fordfoundation.org/" target="_blank">
  131. <img src="../../assets/themes/images/fordfoundation-white_sm.png" width="200" />
  132. </a>
  133. </div>
  134. <h3>Sponsor Level</h3>
  135. <div>
  136. <!-- Fake Love -->
  137. <a href="http://fakelove.tv/" target="_blank">
  138. <img src="../../assets/themes/images/fl-white.png" width="150" />
  139. </a>
  140. </div>
  141. <div class="cmi">
  142. <!-- Custom Monoclonals International -->
  143. Custom Monoclonals Intl
  144. </div>
  145. <h3>Ally Level</h3>
  146. <div>
  147. <!-- Chemistry -->
  148. <a href="http://chemcreative.com/" target="_blank">
  149. <img src="../../assets/themes/images/chemistry-new.png" width="150" />
  150. </a>
  151. </div>
  152. <h3>Scholarship Sponsor</h3>
  153. <div>
  154. <!-- Protocol Labs -->
  155. <a href="https://protocol.ai/" target="_blank">
  156. <img src="../../assets/themes/images/protocol-labs-logo.svg" width="150" />
  157. </a>
  158. </div>
  159. <h3>Media Partnership</h3>
  160. <div>
  161. <!-- Women Who Code -->
  162. <a href="https://www.womenwhocode.com/" target="_blank">
  163. <img src="../../assets/themes/images/wwc_sm.png" width="150" />
  164. </a>
  165. </div>
  166. </div>
  167. <div class="social">Contact<br/>
  168. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="../../assets/themes/images/twitter_logo.png" width="37" height="37" alt="twitter" /></a>
  169. <a href="mailto:info@radicalnetworks.org"><img src="../../assets/themes/images/email.png" width="37" height="37" alt="email" /></a>
  170. <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>
  171. </div>
  172. <div>Psssst...<br/>
  173. 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.
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. <div id="footer">
  180. <div class="container">
  181. <p>&nbsp;</p>
  182. <p>
  183. &copy; 2019 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  184. </p>
  185. </div>
  186. </div>
  187. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  188. <!-- Placed at the end of the document so the pages load faster -->
  189. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  190. <script src="../../assets/themes/bootstrap/js/bootstrap.min.js"></script>
  191. <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>
  192. </body>
  193. </html>