index.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  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>Caroline Sinders</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>Caroline Sinders</h3>
  80. <p>Caroline Sinders is an interaction designer for IBM Watson, artist, researcher and video game designer. She was born in New Orleans and is currently based in Brooklyn. She received her masters from New York University’s Interactive Telecommunications Program where she focused on HCI, prototyping, and interactive storytelling. She holds a bachelor of fine arts from New York University’s Tisch School of the Arts in Photography and Imaging, where she studied digital culture and large format portraiture. Caroline is a member of the Code Liberation Foundation’s board, as well as a teacher for the foundation. Her current personal work explores UX and UI to stymy harassment and 'designing consent' into system designs and communication design for social networking sites. Her work has been featured in the Contemporary Art Museum of Houston, Style.com, Bust Magazine, Animal NY, Narratively, The Verge, Washington Post, New York Magazine, and other places.</p>
  81. <hr />
  82. <h2>Presenting with <a href="../david-huerta/">David Huerta</a> and <a href="../stephanie-hyland/">Stephanie Hyland</a> </h2>
  83. <h3>I Will Follow You Into the Dark[net]</h3>
  84. <p>Hosting your own blog is an excellent first step in declaring independence from Google/Twitter/etc but still leaves some dangers in the lack of anonymity inherent to IP addresses and DNS names. Using Tor onion services, you can say stuff on the internet without randos creeping on your personal info and join the Tor ~DARKNET~. Stop by to learn how!</p>
  85. </div>
  86. </div>
  87. </div>
  88. <div class="col-md-4 sidebar">
  89. <div>
  90. <a href="http://www.eventbrite.com/e/radical-networks-conference-tickets-18786973343" target="_blank">SOLD OUT!</a>
  91. </div>
  92. <div class="social">
  93. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/twitter.png"></a>
  94. <a href="mailto:info@radicalnetworks.org"><img src="/archives/2015/assets/themes/bootstrap-3/images/email.png"></a>
  95. </div>
  96. <div>In Partnership with<br/>
  97. <a href="http://eyebeam.org/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/eyebeam_logo_150.png" /></a>
  98. </div>
  99. <div>Hosted by<br/>
  100. <a href="http://engineering.nyu.edu/" target="_blank">
  101. <span style="color:#fff;">Integrated Digital Media at</span><br/>
  102. <img src="/archives/2015/assets/themes/bootstrap-3/images/engineering_long_white_250.png" /></a>
  103. <p style="padding-top: 8px">8th Floor, MAGNET<br/>2 Metrotech Center<br/>Brooklyn, NY 11201</p>
  104. </div>
  105. <div>Catered by<br/>
  106. <a href="http://www.carminesnyc.com/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/carmines-logo-rgb-1.gif" /></a>
  107. </div>
  108. <div>Live stream provided by<br/>
  109. <a href="http://isoc-ny.org/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/Internet_Society_logo_and_wordmark.png" /></a>
  110. <a href="http://livestream.com/internetsociety/radicalnetworks" target="_blank">Live stream begins Saturday 10/24 at 10:00 AM EST</a>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. <div id="footer">
  117. <div class="container">
  118. <p>
  119. &copy; 2016 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  120. </p>
  121. </div>
  122. </div>
  123. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  124. <!-- Placed at the end of the document so the pages load faster -->
  125. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  126. <script src="/archives/2015/assets/themes/bootstrap-3/bootstrap/js/bootstrap.min.js"></script>
  127. <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>
  128. </body>
  129. </html>