index.html 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  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>Andre Castor</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>Andre Castro</h3>
  80. <img src="687474703a2f2f77696b692e70696e6b6e6f692e736f2f696d616765732f6d652f416e64726543617374726f5f73657431332e6a7067.jpg" width="256" />
  81. <p>My name is Andre Castro. I am a media designer, with a background in sound art and experimental music, and a current practice focused on hybrid publishing, underground digital libraries ( Bibliotecha ) and the intersection between technology and design processes. I am a user and advocate of Free/Open Source software.</p>
  82. <p>I work as a tutor at the Master of Media Design and Communication at the Piet Zwart Institute and at Willem de Kooning's Publication Station. In 2013 I completed the Master's program of Media Design and Communication at the Piet Zwart Institute, and graduated in 2007 from the Sonic Arts BA program at Middlesex University.</p>
  83. <hr />
  84. <h2>Presenting with <a href="../lucia-dossin/">Lucia Dossin</a></h2>
  85. <h3>Workshop: Bibliotecha</h3>
  86. <img src="bibliotecha_closed.png" width="300px" />
  87. <br/>
  88. <img src="bibliotecha_opened.png" width="300px" />
  89. <p>Bibliotecha is a local offline network for distribution of digital texts, which allows small communities to build and share their electronic text collections.
  90. Bibliotecha relies on a small computer (a RaspberryPi) running open-source software to serve the ebooks over a local WIFI hotspot. Using the browser to connect to it, one is given the option to retrieve or donate texts.</p>
  91. <p>Bibliotecha's workshop is centered on implementing from the ground up a series of Bibliotecha nodes.
  92. The workshop will introduce Bibliotecha's essential architecture, the open-source software it relies upon, such as Calibre, Lighttpd and hostapd, as well as Unix/Linux fundamental concepts such as the shell interface, time-sharing, SSH protocol, Linux software repositories, captive portals, etc.
  93. At the end of the workshop each (group of) participant(s) will take home a Bibliotecha node, ready to distribute electronic books.</p>
  94. <p>Participants with all levels of knowledge are welcomed. You just need to have a laptop and be at ease with it ;]</p>
  95. <h3>Materials</h3>
  96. <ul>
  97. <li>Raspberry Pi (model 1) or Raspberry Pi 2 (model 2)</li>
  98. <li>10$ for the SD-card pre-installed with all needed software.</li>
  99. <li>Power-supply for Raspberry Pi</li>
  100. <li>Ethernet cable</li>
  101. <li>USB-wifi adapter with generic 80211 driver (list in https://wikidevi.com/wiki/List_of_802.11ac_Hardware#Wireless_adapters )</li>
  102. <li>Laptop with Ethernet port (Linux or Mac; Windows will be tricky to help you with SSHing and interaction with Unix-like Pi operating system, but if you are comfortable doing it on your own all should be fine).</li>
  103. </ul>
  104. </div>
  105. </div>
  106. </div>
  107. <div class="col-md-4 sidebar">
  108. <div>
  109. <a href="http://www.eventbrite.com/e/radical-networks-conference-tickets-18786973343" target="_blank">SOLD OUT!</a>
  110. </div>
  111. <div class="social">
  112. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/twitter.png"></a>
  113. <a href="mailto:info@radicalnetworks.org"><img src="/archives/2015/assets/themes/bootstrap-3/images/email.png"></a>
  114. </div>
  115. <div>In Partnership with<br/>
  116. <a href="http://eyebeam.org/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/eyebeam_logo_150.png" /></a>
  117. </div>
  118. <div>Hosted by<br/>
  119. <a href="http://engineering.nyu.edu/" target="_blank">
  120. <span style="color:#fff;">Integrated Digital Media at</span><br/>
  121. <img src="/archives/2015/assets/themes/bootstrap-3/images/engineering_long_white_250.png" /></a>
  122. <p style="padding-top: 8px">8th Floor, MAGNET<br/>2 Metrotech Center<br/>Brooklyn, NY 11201</p>
  123. </div>
  124. <div>Catered by<br/>
  125. <a href="http://www.carminesnyc.com/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/carmines-logo-rgb-1.gif" /></a>
  126. </div>
  127. <div>Live stream provided by<br/>
  128. <a href="http://isoc-ny.org/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/Internet_Society_logo_and_wordmark.png" /></a>
  129. <a href="http://livestream.com/internetsociety/radicalnetworks" target="_blank">Live stream begins Saturday 10/24 at 10:00 AM EST</a>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. <div id="footer">
  136. <div class="container">
  137. <p>
  138. &copy; 2016 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  139. </p>
  140. </div>
  141. </div>
  142. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  143. <!-- Placed at the end of the document so the pages load faster -->
  144. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  145. <script src="/archives/2015/assets/themes/bootstrap-3/bootstrap/js/bootstrap.min.js"></script>
  146. <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>
  147. </body>
  148. </html>