index.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404
  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>Youth Justice Board</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="https://radicalnetworks.org" />
  11. <meta property="og:title" content="Radical Networks 2019" />
  12. <meta property="og:description" content="October 18-20, 2019 at Prime Produce, NYC, NY" />
  13. <meta property="og:site_name" content="Radical Networks"/>
  14. <meta property="og:image" content="https://radicalnetworks.org/assets/themes/images/radnets_logo_larger.png"/>
  15. <!-- Bootstrap styles -->
  16. <link href="../../assets/themes/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  17. <!-- Optional theme -->
  18. <link href="../../assets/themes/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
  19. <!-- Sticky Footer -->
  20. <link href="../../assets/themes/bootstrap/css/bs-sticky-footer.css" rel="stylesheet">
  21. <!-- Custom styles and fonts -->
  22. <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
  23. <link href="../../assets/themes/css/style.css?body=1" rel="stylesheet" type="text/css" media="all">
  24. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  25. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  26. <!--[if lt IE 9]>
  27. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  28. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  29. <![endif]-->
  30. </head>
  31. <body>
  32. <div id="wrap">
  33. <div class="container">
  34. <nav class="row navbar" role="navigation">
  35. <!-- Brand and toggle get grouped for better mobile display -->
  36. <div class="navbar-header">
  37. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#jb-navbar-collapse">
  38. <span class="sr-only">Toggle navigation</span>
  39. <span class="icon-bar"></span>
  40. <span class="icon-spacer"></span>
  41. <span class="icon-bar"></span>
  42. <span class="icon-spacer"></span>
  43. <span class="icon-bar"></span>
  44. <span class="icon-spacer"></span>
  45. <br/>
  46. </button>
  47. </div>
  48. <!-- Collect the nav links, forms, and other content for toggling -->
  49. <div class="collapse navbar-collapse" id="jb-navbar-collapse">
  50. <ul class="nav navbar-nav">
  51. <li><a href="../../about/">About</a></li>
  52. <li><a href="../../participants/">Participants</a></li>
  53. <li><a href="../../location/">Location</a></li>
  54. <li><a href="../../program/">Program</a></li>
  55. <li><a href="../../gallery/">Gallery</a></li>
  56. <li><a href="../../sponsorship/">Sponsorship</a></li>
  57. <li><a href="../../team/">Team</a></li>
  58. <li><a href="../../policies/">Policies</a></li>
  59. <li><a href="../../shop/">Shop</a></li>
  60. </ul>
  61. </div><!-- /.navbar-collapse -->
  62. </nav>
  63. <header>
  64. <div class="row">
  65. <a href="/">
  66. <img class="logo" src="../../assets/themes/images/radnets_logo.png" width="500" height="76" />
  67. </a>
  68. <h2>October 18-20, 2019<br/>Prime Produce, NYC</h2>
  69. <div class="social">
  70. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="../../assets/themes/images/twitter_logo.png" width="37" height="37" /></a>
  71. <a href="mailto:info@radicalnetworks.org"><img src="../../assets/themes/images/email.png" width="37" height="37" /></a>
  72. <a href="http://list.weise7.org/listinfo/radnets" target="_blank"><img src="../../assets/themes/images/mailing-list.png" alt="mailing list" width="37" height="37" /></a>
  73. <!-- <a class="press" href="../../assets/themes/pdf/radical_networks_2017_press_kit.pdf">2017 Press Kit</a> -->
  74. </div>
  75. </div>
  76. </header>
  77. <div class="row">
  78. <div class="col-md-8 content">
  79. <div class="row">
  80. <div class="col-xs-12">
  81. <h3>Youth Justice Board</h3>
  82. <p><img src="yjb.jpg" width="256px" /></p>
  83. <p><a href="https://www.courtinnovation.org/yjb" target="_blank">Website</a> | <a href="https://twitter.com/courtinnovation/" target="_blank">Twitter</a></p>
  84. <p>The Youth Justice Board, a program of the Center for Court Innovation, is an after-school leadership development program that gives young people a voice in public policies that affect their lives. Each program cycle, a cohort of up to 20 New York City youth investigates a current justice or public safety issue, formulates policy recommendations, and works to implement those recommendations. The Youth Justice Board has two primary goals: first, to help members develop skills that will benefit their communities, their families, and their futures; and second, to contribute young people’s perspectives to public policy discussions. The Board aims to foster ongoing dialogue between policymakers and informed youth leaders.</p>
  85. <p>In the first year of the program’s two-year cycle, members conduct extensive research on an issue, develop and publish policy recommendations, and present them to policymakers and key stakeholders. During the second year, members work to implement those recommendations by developing new initiatives in partnership with key stakeholders that demonstrate the feasibility and advantages of select recommendations.</p>
  86. <hr />
  87. <h2>Meetup</h2>
  88. <h3>All Eyes On Us: Youth Gathering</h3>
  89. <p>Young people live much of their lives online. But what happens when their digital activities result in real-life consequences with law enforcement, the justice system, or school? Last year, the Youth Justice Board, a program of the Center for Court Innovation, researched that question; they interviewed dozens of experts and held focus groups with young people to learn the answer. Join the teen members of the Board to discuss what they learned about digital surveillance of young New Yorkers and ways that we can all work together to protect the privacy rights of youth.</p>
  90. </div>
  91. </div>
  92. </div>
  93. <div class="col-md-4 sidebar">
  94. <div>
  95. <!-- Download our <a href="../../pdf/radical_networks_2019_press_kit.pdf">2019 Press Kit</a>
  96. </div> -->
  97. <div>
  98. <span class="tickets"><a href="https://www.eventbrite.com/e/72061121755/" target="_blank">Tickets Available!</a></span>
  99. </div>
  100. <div>Hosted by<br/>
  101. <a class="host" href="https://www.primeproduce.coop/" target="_blank">
  102. <img src="../../assets/themes/images/Prime-Produce-Apprentice-Cooperative-Ltd-Logo-White.png" width="200" />
  103. </a>
  104. </div>
  105. <div>Live stream provided by<br/>
  106. <img src="../../assets/themes/images/isoclogo.png" width="200" />
  107. <br/><a href="https://livestream.com/internetsociety/radnets19" target="_blank">Watch Here!</a>
  108. <br/><a href="https://bit.ly/radtext" target="_blank">Live Captioning Available</a>
  109. </div>
  110. <div>
  111. <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
  112. <input type="hidden" name="cmd" value="_s-xclick" />
  113. <input type="hidden" name="hosted_button_id" value="WTFLU9JCLBU5S" />
  114. <input type="image" src="https://radicalnetworks.org/assets/themes/images/donate_button.png" border="0" width="200px" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
  115. <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
  116. </form>
  117. </div>
  118. <div class="sponsors">
  119. <h2>2019 Sponsors</h2>
  120. <h3>Partner Level</h3>
  121. <div>
  122. <!-- Ford Foundation -->
  123. <a href="http://www.fordfoundation.org/" target="_blank">
  124. <img src="../../assets/themes/images/fordfoundation-white_sm.png" width="200" />
  125. </a>
  126. </div>
  127. <h3>Sponsor Level</h3>
  128. <div>
  129. <!-- Fake Love -->
  130. <a href="http://fakelove.tv/" target="_blank">
  131. <img src="../../assets/themes/images/fl-white.png" width="150" />
  132. </a>
  133. </div>
  134. <div class="cmi">
  135. <!-- Custom Monoclonals International -->
  136. Custom Monoclonals Intl
  137. </div>
  138. <h3>Ally Level</h3>
  139. <div>
  140. <!-- Chemistry -->
  141. <a href="http://chemcreative.com/" target="_blank">
  142. <img src="../../assets/themes/images/chemistry-new.png" width="150" />
  143. </a>
  144. </div>
  145. <h3>Scholarship Sponsor</h3>
  146. <div>
  147. <!-- Protocol Labs -->
  148. <a href="https://protocol.ai/" target="_blank">
  149. <img src="../../assets/themes/images/protocol-labs-logo.svg" width="150" />
  150. </a>
  151. </div>
  152. <h3>Media Partnership</h3>
  153. <div>
  154. <!-- Women Who Code -->
  155. <a href="https://www.womenwhocode.com/" target="_blank">
  156. <img src="../../assets/themes/images/wwc_sm.png" width="150" />
  157. </a>
  158. </div>
  159. </div>
  160. <div class="social">Contact<br/>
  161. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="../../assets/themes/images/twitter_logo.png" width="37" height="37" alt="twitter" /></a>
  162. <a href="mailto:info@radicalnetworks.org"><img src="../../assets/themes/images/email.png" width="37" height="37" alt="email" /></a>
  163. <a href="http://list.weise7.org/listinfo/radnets" target="_blank"><img src="../../assets/themes/images/mailing-list.png" alt="mailing list" width="37" height="37" /></a>
  164. </div>
  165. <div>Psssst...<br/>
  166. We're on the <a href="https://gateway.pinata.cloud/ipfs/Qmc2jiw2WNGu73pPuzPKC4eFRrSmhJJyQbfddkBD91uDmU/">ipfs</a> and <a href="dat://c0965105755be00cafd7d176c6ccdce467b896c7284b4915733a83e6f2f78231/" target="_blank">dat</a> networks, too.
  167. </div>
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. <div id="footer">
  173. <div class="container">
  174. <p>&nbsp;</p>
  175. <p>
  176. &copy; 2019 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  177. </p>
  178. </div>
  179. </div>
  180. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  181. <!-- Placed at the end of the document so the pages load faster -->
  182. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  183. <script src="../../assets/themes/bootstrap/js/bootstrap.min.js"></script>
  184. <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>
  185. </body>
  186. </html>