index.html 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  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>Pedro Oliveria</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>Pedro Oliveria</h3>
  80. <img src="pedro.png" />
  81. <p>Pedro G. C. Oliveira is a Brazilian Art Director and Interactive Designer based in New York City, currently a research resident at the Interactive Telecommunications Program in NYU. His work history combines experiences in visual-effects, graphic design and motion graphics, interfaces and applications, interactive installations and code-generated art pieces.</p>
  82. <p>It is his strong belief, that creative solutions should be merged with technological resources and information not only in the name of innovation, but also to stimulate human potential and to improve human relations.</p>
  83. <hr />
  84. <h2>Presenting</h2>
  85. <h3>Appropriating Technologies for Protests of the Future</h3>
  86. <p>The number of technologies used by authorities during protests are growing year after year.</p>
  87. <p>Mass surveillance has become ubiquitous, personal devices are being used as weapons against their owners, the hyper-militarization of law enforcement is widespread and the use of long range acoustic devices, active denial systems and stingrays have become commonplace as governments attempt to suppress dissent and monitor their citizens.</p>
  88. <p>How can the global community retain the right to free speech and public assembly in a safe and effective manner? How can we level the technological playing field for activists and the general population?</p>
  89. <p>Backslash is a series of functional devices designed for protests and riots of the future. Created through the lens of critical design, Backslash aims to retain the right to connect in protest sites through disruptive innovation and the creative appropriation of existing technologies. The range of devices include a smart bandana for embedding hidden messages and public keys, independently networked wearable devices, personal blackbox devices to register abuse of law enforcement and fast deployment routers for off grid communication.</p>
  90. <p>Political, social and technological conditions vary immensely from country to country. Not every protest is like Hong Kong where the average protester has 3 personal devices connected to the internet. A one size fits all solution to these dynamic situations is impractical. This really highlights the significance of community driven design and the importance of inciting this discourse with the global tech community. We recognize that creative and transdisciplinary approach at local hackerspaces and fab labs are uniquely capable of engineering innovative solutions that best fit the needs of their immediate community.</p>
  91. <p>–In protests of the future, how will the underground fight back?</p>
  92. </div>
  93. </div>
  94. </div>
  95. <div class="col-md-4 sidebar">
  96. <div>
  97. <a href="http://www.eventbrite.com/e/radical-networks-conference-tickets-18786973343" target="_blank">SOLD OUT!</a>
  98. </div>
  99. <div class="social">
  100. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/twitter.png"></a>
  101. <a href="mailto:info@radicalnetworks.org"><img src="/archives/2015/assets/themes/bootstrap-3/images/email.png"></a>
  102. </div>
  103. <div>In Partnership with<br/>
  104. <a href="http://eyebeam.org/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/eyebeam_logo_150.png" /></a>
  105. </div>
  106. <div>Hosted by<br/>
  107. <a href="http://engineering.nyu.edu/" target="_blank">
  108. <span style="color:#fff;">Integrated Digital Media at</span><br/>
  109. <img src="/archives/2015/assets/themes/bootstrap-3/images/engineering_long_white_250.png" /></a>
  110. <p style="padding-top: 8px">8th Floor, MAGNET<br/>2 Metrotech Center<br/>Brooklyn, NY 11201</p>
  111. </div>
  112. <div>Catered by<br/>
  113. <a href="http://www.carminesnyc.com/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/carmines-logo-rgb-1.gif" /></a>
  114. </div>
  115. <div>Live stream provided by<br/>
  116. <a href="http://isoc-ny.org/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/Internet_Society_logo_and_wordmark.png" /></a>
  117. <a href="http://livestream.com/internetsociety/radicalnetworks" target="_blank">Live stream begins Saturday 10/24 at 10:00 AM EST</a>
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. <div id="footer">
  124. <div class="container">
  125. <p>
  126. &copy; 2016 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  127. </p>
  128. </div>
  129. </div>
  130. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  131. <!-- Placed at the end of the document so the pages load faster -->
  132. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  133. <script src="/archives/2015/assets/themes/bootstrap-3/bootstrap/js/bootstrap.min.js"></script>
  134. <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>
  135. </body>
  136. </html>