index.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359
  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>I am an artist working with computational systems and algorithms. Currently, I am a creative-in-residence at the Frank-Ratchye STUDIO for Creative Inquiry researching the implications and the potential of live coding GLSL as a tool for activism and collaboration in live performance and dance, where I founded the live code Pittsburgh meetup. During October I will be at the Recurse Center researching email. I am an abled-bodied, cis, queer, white woman. I work to leverage my privilege and help democratize low-level systems in my work.</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="/assets/themes//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 class="bigger">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 class="social">Contact<br/>
  118. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/assets/themes//images/twitter_logo.png" width="37" height="37" alt="twitter" /></a>
  119. <a href="mailto:info@radicalnetworks.org"><img src="/assets/themes//images/email.png" width="37" height="37" alt="email" /></a>
  120. <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>
  121. </div>
  122. <div>
  123. <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
  124. <input type="hidden" name="cmd" value="_s-xclick" />
  125. <input type="hidden" name="hosted_button_id" value="WTFLU9JCLBU5S" />
  126. <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" />
  127. <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
  128. </form>
  129. </div>
  130. <div>Psssst...<br/>
  131. We're on the <a href="dat://c0965105755be00cafd7d176c6ccdce467b896c7284b4915733a83e6f2f78231/" target="_blank">dat network</a>, too.
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. <div id="footer">
  138. <div class="container">
  139. <p>
  140. &copy; 2019 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  141. </p>
  142. </div>
  143. </div>
  144. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  145. <!-- Placed at the end of the document so the pages load faster -->
  146. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  147. <script src="/assets/themes//bootstrap/js/bootstrap.min.js"></script>
  148. <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>
  149. </body>
  150. </html>