index.html 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  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>Ansh Patel</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>Ansh Patel</h3>
  80. <img src="anshpatel.jpg" width="256" height="256" />
  81. <p>Ansh Patel is an interdisciplinary artist whose works range from experimental games to interactive digital media. His work usually marries practice with the conceptual, exploring the processes linking an idea to its implementation. His body of work in games generally comprises of short-form games that serve as critical deconstructions of a conventional aspect of the medium and culture. His digital media projects focuses on embodiment, digital performance, surveillance and how technology mediates our interaction.</p>
  82. <p>He is also a critic whose work has appeared in Paste, Unwinnable and Arcade Review. He occasionally writes academic papers on post-modernist meaning-making processes and post-colonial critiques of first-person shooter games.</p>
  83. <hr />
  84. <h2>Presenting</h2>
  85. <h3>The Pervasive Rhizome: Data Tracking Edition</h3>
  86. <p>Philosophers Gilles Deleuze and Felix Guattari envisioned the "rhizome" as an ideological and semiotic structure which ended up serving in many ways as an underlying inspiration for the Internet.</p>
  87. <p>"The Pervasive Rhizome: Data Tracking Edition" is an interactive application which visualizes the complex interconnectivity of the Internet as well as the myriad ways data gets requested, tracked and siphoned while navigating it. Beginning with a participant choosing a URL as a "starting node", the application automates through different pages recursively scraping links and moving to the first, unique link briefly displaying the page before moving onto the next.</p>
  88. <p>In parallel, on a separate screen, all of these links are being visualized in a large connected network building the wide, interconnected mesh of nodes and links. Each node/web page will have a small visualized graph on its side, showing the number of content requests on it. Over time and through multiple "instantiations" by new participants, this visualized mesh will start building the rhizome of the Internet but also a dense display of how underlying mechanisms of data tracking are pervasive and enormous beneath the innocuous veil of the browser.</p>
  89. <hr />
  90. <h3>Playful Mesh: Site-Specific Game to Visualize Networks</h3>
  91. <p>Wireless network and its architecture, to most people, is a pervasive but densely opaque and abstract entity that would be impossible to comprehend on their own.</p>
  92. <p>Play has always been human culture's aspect of simplifying and abstracting aspects about our real world into a temporary engaged experience out of which players emerge with a new-found look at the world around them.</p>
  93. <p>Using similar ideas about play and its potential to bring an awareness about our immediate environment, "Playful Mesh" is a site-specific game that will be installed at MAGNET, the location of the event, that visualizes the free-forming connections of the mesh nodes being formed by the spatial movement of its players.</p>
  94. <p>The game played by upto four players will be controlled directly by the number of active nodes in the mesh, their spatial location allowing them to form bonds with their nearest neighbor to allow them a greater power of expressiveness on the game's abstract painting that's projected onto the screen. As a result of which, players can start forming a direct connection on how their spatial relationship is being reflected in the mesh network, allowing them to understand basic aspects of connectivity albeit in a fun and playful way.</p>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="col-md-4 sidebar">
  99. <div>
  100. <a href="http://www.eventbrite.com/e/radical-networks-conference-tickets-18786973343" target="_blank">SOLD OUT!</a>
  101. </div>
  102. <div class="social">
  103. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/twitter.png"></a>
  104. <a href="mailto:info@radicalnetworks.org"><img src="/archives/2015/assets/themes/bootstrap-3/images/email.png"></a>
  105. </div>
  106. <div>In Partnership with<br/>
  107. <a href="http://eyebeam.org/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/eyebeam_logo_150.png" /></a>
  108. </div>
  109. <div>Hosted by<br/>
  110. <a href="http://engineering.nyu.edu/" target="_blank">
  111. <span style="color:#fff;">Integrated Digital Media at</span><br/>
  112. <img src="/archives/2015/assets/themes/bootstrap-3/images/engineering_long_white_250.png" /></a>
  113. <p style="padding-top: 8px">8th Floor, MAGNET<br/>2 Metrotech Center<br/>Brooklyn, NY 11201</p>
  114. </div>
  115. <div>Catered by<br/>
  116. <a href="http://www.carminesnyc.com/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/carmines-logo-rgb-1.gif" /></a>
  117. </div>
  118. <div>Live stream provided by<br/>
  119. <a href="http://isoc-ny.org/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/Internet_Society_logo_and_wordmark.png" /></a>
  120. <a href="http://livestream.com/internetsociety/radicalnetworks" target="_blank">Live stream begins Saturday 10/24 at 10:00 AM EST</a>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. <div id="footer">
  127. <div class="container">
  128. <p>
  129. &copy; 2016 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  130. </p>
  131. </div>
  132. </div>
  133. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  134. <!-- Placed at the end of the document so the pages load faster -->
  135. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  136. <script src="/archives/2015/assets/themes/bootstrap-3/bootstrap/js/bootstrap.min.js"></script>
  137. <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>
  138. </body>
  139. </html>