index.html 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  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>Brannon Dorsey</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="http://radicalnetworks.org" />
  11. <meta property="og:title" content="Radical Networks 2016" />
  12. <meta property="og:description" content="November 4-6, 2016 at Chemistry Creative, 315 Ten Eyck Street, Brooklyn NY" />
  13. <meta property="og:image" content="http://radicalnetworks.org/archives/2016/assets/themes/images/banner_fb2.jpg" />
  14. <!-- Bootstrap styles -->
  15. <link href="/archives/2016/assets/themes/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  16. <!-- Optional theme -->
  17. <link href="/archives/2016/assets/themes/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
  18. <!-- Sticky Footer -->
  19. <link href="/archives/2016/assets/themes/bootstrap/css/bs-sticky-footer.css" rel="stylesheet">
  20. <!-- Custom styles and fonts -->
  21. <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
  22. <link href="/archives/2016/assets/themes/css/style.css?body=1" rel="stylesheet" type="text/css" media="all">
  23. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  24. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  25. <!--[if lt IE 9]>
  26. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  27. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  28. <![endif]-->
  29. </head>
  30. <body>
  31. <div id="wrap">
  32. <div class="container">
  33. <nav class="row navbar" role="navigation">
  34. <!-- Brand and toggle get grouped for better mobile display -->
  35. <div class="navbar-header">
  36. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#jb-navbar-collapse">
  37. <span class="sr-only">Toggle navigation</span>
  38. <span class="icon-bar"></span>
  39. <span class="icon-spacer"></span>
  40. <span class="icon-bar"></span>
  41. <span class="icon-spacer"></span>
  42. <span class="icon-bar"></span>
  43. <span class="icon-spacer"></span>
  44. <br/>
  45. </button>
  46. </div>
  47. <!-- Collect the nav links, forms, and other content for toggling -->
  48. <div class="collapse navbar-collapse" id="jb-navbar-collapse">
  49. <ul class="nav navbar-nav">
  50. <li><a href="/archives/2016/about/">About</a></li>
  51. <li><a href="/archives/2016/participants/">Participants</a></li>
  52. <li><a href="/archives/2016/program/">Program</a></li>
  53. <li><a href="/archives/2016/sponsorship/">Sponsorship</a></li>
  54. <li><a href="/archives/2016/location/">Location</a></li>
  55. <li><a href="/archives/2016/team/">Team</a></li>
  56. <li><a href="/archives/2016/policies/">Policies</a></li>
  57. </ul>
  58. </div><!-- /.navbar-collapse -->
  59. </nav>
  60. <header>
  61. <div class="row">
  62. <a href="/archives/2016/">
  63. <img class="logo" src="/archives/2016/assets/themes/images/radnets_logo.png" width="500" height="76" />
  64. </a>
  65. <h2>November 4-6, 2016<br/>Chemistry Creative, 315 Ten Eyck Street, Brooklyn NY</h2>
  66. <div class="social">
  67. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/archives/2016/assets/themes//images/twitter_logo.png" width="37" height="37" /></a>
  68. <a href="mailto:info@radicalnetworks.org"><img src="/archives/2016/assets/themes//images/email.png" width="37" height="37" /></a>
  69. <a class="press" href="/archives/2016/assets/themes//pdf/radical_networks_2016_press_kit.pdf">2016 Press Kit</a>
  70. </div>
  71. </div>
  72. </header>
  73. <div class="row">
  74. <div class="col-md-8 content">
  75. <div class="row">
  76. <div class="col-xs-12">
  77. <div class="profile">
  78. <h3>Brannon Dorsey</h3>
  79. <img src="brannon.jpeg" />
  80. <p><a href="http://brannondorsey.com/" target="_blank">Website</a> | <a href="https://twitter.com/branger_briz" target="_blank">Twitter</a></p>
  81. <p>Brannon Dorsey uses computational technology and reproducible electronic media to explicitly challenge digital consumption. He employs open software tools to design experiences that excite and empower individuals and collaborative communities rather than promoting the closed corporate agendas of over-powerful companies. As a young Art and Technologist, Brannon is intentional in his active participation in defining a new digital literacy that celebrates the truly profound technological era that we now live in while remaining skeptical of the ways that this technology is being used on and against us.</p>
  82. <h3>Branger_Briz</h3>
  83. <p>We are a full-service digital agency+lab made up of artists, strategists, educators && programmers bent on articulating contemporary culture. We produce award winning work for brands, educators, and cultural institutions around the world, often aimed at providing context + perspective on the misunderstood aspects of our digital ecosystem.</p>
  84. </div>
  85. <hr />
  86. <h2>Presenting with <a href="../nick-briz/">Nick Briz</a> (Collaborating as <a href="http://www.brangerbriz.com/" target="_blank">Branger_Briz</a>)</h2>
  87. <h3>WebRoutes</h3>
  88. <p><i>WebRoutes</i> provides a viewer with a window into the internet infrastructure and geopolitical network topology that is inherently invisible to them as they browse the web. By visualizing an augmented traceroute process, WebRoutes identifies the Autonomous Networks (AS), ISPs, Internet Exchange Point (IXP) crossings, and Submarine Cables that work together to ping-pong TCP/IP packets back and forth from their web browsers to servers. By elongating a process that usually takes milliseconds, our installation allows the viewer to follow, analyze, and draw conclusions about the intricate, often counter-intuitive, paths their packets take on their journey through the Internet.</p>
  89. <p><img src="webroutes.gif" width="600px" /></p>
  90. </div>
  91. </div>
  92. </div>
  93. <div class="col-md-4 sidebar">
  94. <div>
  95. <a class="tickets" href="https://www.eventbrite.com/e/radical-networks-tickets-28325258611" target="_blank">Tickets Available!</a>
  96. </div>
  97. <div>In Partnership with<br/>
  98. <a href="http://eyebeam.org/" target="_blank"><img src="/archives/2016/assets/themes//images/eyebeam_logo.png" width="150" height="94" /></a>
  99. </div>
  100. <div>Hosted by<br/>
  101. <a href="http://chemcreative.com/" target="_blank">
  102. <img src="/archives/2016/assets/themes//images/chem.png" width="167" />
  103. </a>
  104. <p style="padding-top: 8px">315 Ten Eyck St<br/>Brooklyn, NY 11206</p>
  105. <!-- <a href="http://www.elsewherebrooklyn.com" target="_blank">
  106. <img src="/assets/themes//images/elsewhere.png" width="120" height="135" />
  107. </a> -->
  108. </div>
  109. <!-- <div>Catered by<br/>
  110. <a href="http://www.carminesnyc.com/" target="_blank"><img src="/assets/themes//images/carmines-logo-rgb-1.gif" /></a>
  111. </div> -->
  112. <div class="bigger">Live stream provided by<br/>
  113. <a href="http://isoc-ny.org/" target="_blank"><img src="/archives/2016/assets/themes//images/isoclogo.png" width="300" /></a><br/>
  114. <!--a href="http://livestream.com/internetsociety/radicalnetworks" target="_blank"-->Live stream begins Friday 11/4 at 10:00 AM EST<!--/a-->
  115. </div>
  116. <div class="social">Contact<br/>
  117. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/archives/2016/assets/themes//images/twitter_logo.png" width="37" height="37" /></a>
  118. <a href="mailto:info@radicalnetworks.org"><img src="/archives/2016/assets/themes//images/email.png" width="37" height="37" /></a><br/>
  119. Download our <a href="/archives/2016/assets/themes//pdf/radical_networks_2016_press_kit.pdf">2016 Press Kit</a>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. <div id="footer">
  126. <div class="container">
  127. <p>
  128. &copy; 2016 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  129. </p>
  130. </div>
  131. </div>
  132. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  133. <!-- Placed at the end of the document so the pages load faster -->
  134. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  135. <script src="/archives/2016/assets/themes//bootstrap/js/bootstrap.min.js"></script>
  136. <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>
  137. </body>
  138. </html>