index.html 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  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>Erica Kermani</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. <!-- Bootstrap styles -->
  11. <link href="/archives/2015/assets/themes/bootstrap-3/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  12. <!-- Optional theme -->
  13. <link href="/archives/2015/assets/themes/bootstrap-3/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
  14. <!-- Sticky Footer -->
  15. <link href="/archives/2015/assets/themes/bootstrap-3/bootstrap/css/bs-sticky-footer.css" rel="stylesheet">
  16. <!-- Custom styles and fonts -->
  17. <link href='http://fonts.googleapis.com/css?family=Roboto+Mono:400,100,300,500,700' rel='stylesheet' type='text/css'>
  18. <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  19. <link href="/archives/2015/assets/themes/bootstrap-3/css/style.css?body=1" rel="stylesheet" type="text/css" media="all">
  20. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  21. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  22. <!--[if lt IE 9]>
  23. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  24. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  25. <![endif]-->
  26. <!-- Fav and touch icons -->
  27. <!-- Update these with your own images
  28. <link rel="shortcut icon" href="/archives/2015/assets/themes/bootstrap-3/images/favicon.ico">
  29. <link rel="apple-touch-icon" href="/archives/2015/assets/themes/bootstrap-3/images/apple-touch-icon.png">
  30. <link rel="apple-touch-icon" sizes="72x72" href="/archives/2015/assets/themes/bootstrap-3/images/apple-touch-icon-72x72.png">
  31. <link rel="apple-touch-icon" sizes="114x114" href="/archives/2015/assets/themes/bootstrap-3/images/apple-touch-icon-114x114.png">
  32. -->
  33. </head>
  34. <body>
  35. <div id="wrap">
  36. <div class="container">
  37. <nav class="row navbar" role="navigation">
  38. <!-- Brand and toggle get grouped for better mobile display -->
  39. <div class="navbar-header">
  40. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#jb-navbar-collapse">
  41. <span class="sr-only">Toggle navigation</span>
  42. <span class="icon-bar"></span>
  43. <span class="icon-spacer"></span>
  44. <span class="icon-bar"></span>
  45. <span class="icon-spacer"></span>
  46. <span class="icon-bar"></span>
  47. <span class="icon-spacer"></span>
  48. <br/>
  49. </button>
  50. </div>
  51. <!-- Collect the nav links, forms, and other content for toggling -->
  52. <div class="collapse navbar-collapse" id="jb-navbar-collapse">
  53. <ul class="nav navbar-nav">
  54. <li><a href="/archives/2015/about/index.html">About</a></li>
  55. <li><a href="/archives/2015/speakers/index.html">Speakers</a></li>
  56. <li><a href="/archives/2015/program/index.html">Program</a></li>
  57. <li><a href="/archives/2015/team/index.html">Team</a></li>
  58. <li><a href="/archives/2015/policies/index.html">Policies</a></li>
  59. <li><a href="/archives/2015/location/index.html">Location</a></li>
  60. </ul>
  61. </div><!-- /.navbar-collapse -->
  62. </nav>
  63. <header>
  64. <div class="row">
  65. <a href="/archives/2015">
  66. <h1>Radical<span class="light">/Networks</span></h1>
  67. </a>
  68. <h2>October 24-25, 2015<br/>Integrated Digital Media<br/>MAGNET NYU Poly, Brooklyn, NY</h2>
  69. <div class="social">
  70. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/twitter.png"></a>
  71. <a href="mailto:info@radicalnetworks.org"><img src="/archives/2015/assets/themes/bootstrap-3/images/email.png"></a>
  72. </div>
  73. </div>
  74. </header>
  75. <div class="row">
  76. <div class="col-md-8 content">
  77. <div class="row">
  78. <div class="col-xs-12">
  79. <h3>Erica Kermani</h3>
  80. <img src="Erica_Kermani_256.jpg" />
  81. <p>Erica Kermani is an artist, educator, and community organizer based in Brooklyn, NYC. As Director of Community Engagement at Eyebeam, Erica develops and produces project-based public programming around social justice, arts, and technology. Her role as an organizer, educator and arts administrator has been informed by over fifteen years of experience at organizations including BRIC Arts Media, Arts High Foundation, Media Arts Center San Diego, Center on Policy Initiatives, and Q-Team. Erica's arts practice involves traditional textile fabrication and new media installation informed by queer identity, subversion, feminism, and Iranian culture. Erica received a Bachelor’s of the Arts in both Visual Arts (Media-Computing) and Political Science at the University of California, San Diego.</p>
  82. <hr />
  83. <h2>Presenting with <a href="../miki-foster">Miki Foster</a></h2>
  84. <h3>The Queer Red Phone: Designing Interfaces and Community Accountability Networks Through Mesh</h3>
  85. <p>The idea of a batphone - the red phone that Commissioner Gordon had a secure line with Batman - is that the user has a secure connection used in critical situations or emergencies. One of the interesting possibilities of a closed network coupled with a bit of cryptography and an alert system is that we can create a means for designing a user experience that is easy to access, can serve multiple critical functions within our communities and is built/maintained from the ground up by members of the community who are committed to the privacy and anonymity of all users.</p>
  86. <p>Let’s say that we wanted to distribute the responsibility of responding to a critical situation or emergency to not just one person or a bunch of people. We can send out the equivalent of a bat signal - we can encode a message that gives more specifics that allows respondents to prepare for the situation and engage with each other (if needed) in order to strategize. The question is can we build a network that uses grassroots organizing, trust and accountability structures to create a digital framework/community that addresses emergencies, critical situations, and distributes care and resources within our communities without (or at least minimizing) surveillance? What would this network enable us to do and how would we encourage others to use it without compromising its integrity?</p>
  87. <p>In this workshop we will imagine and design as a community of queers a network and community. Participants need not know anything about mesh networks in order to attend but rather come with a willingness/openness to think about both the social and technical limitations/possibilities of creating a community.</p>
  88. <p>Materials: paper, post-its, markers, pens (no tech materials)</p>
  89. </div>
  90. </div>
  91. </div>
  92. <div class="col-md-4 sidebar">
  93. <div>
  94. <a href="http://www.eventbrite.com/e/radical-networks-conference-tickets-18786973343" target="_blank">SOLD OUT!</a>
  95. </div>
  96. <div class="social">
  97. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/twitter.png"></a>
  98. <a href="mailto:info@radicalnetworks.org"><img src="/archives/2015/assets/themes/bootstrap-3/images/email.png"></a>
  99. </div>
  100. <div>In Partnership with<br/>
  101. <a href="http://eyebeam.org/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/eyebeam_logo_150.png" /></a>
  102. </div>
  103. <div>Hosted by<br/>
  104. <a href="http://engineering.nyu.edu/" target="_blank">
  105. <span style="color:#fff;">Integrated Digital Media at</span><br/>
  106. <img src="/archives/2015/assets/themes/bootstrap-3/images/engineering_long_white_250.png" /></a>
  107. <p style="padding-top: 8px">8th Floor, MAGNET<br/>2 Metrotech Center<br/>Brooklyn, NY 11201</p>
  108. </div>
  109. <div>Catered by<br/>
  110. <a href="http://www.carminesnyc.com/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/carmines-logo-rgb-1.gif" /></a>
  111. </div>
  112. <div>Live stream provided by<br/>
  113. <a href="http://isoc-ny.org/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/Internet_Society_logo_and_wordmark.png" /></a>
  114. <a href="http://livestream.com/internetsociety/radicalnetworks" target="_blank">Live stream begins Saturday 10/24 at 10:00 AM EST</a>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. <div id="footer">
  121. <div class="container">
  122. <p>
  123. &copy; 2016 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  124. </p>
  125. </div>
  126. </div>
  127. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  128. <!-- Placed at the end of the document so the pages load faster -->
  129. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  130. <script src="/archives/2015/assets/themes/bootstrap-3/bootstrap/js/bootstrap.min.js"></script>
  131. <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>
  132. </body>
  133. </html>