index.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  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>Dennis de Bel</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="/assets/themes/bootstrap-3/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  12. <!-- Optional theme -->
  13. <link href="/assets/themes/bootstrap-3/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
  14. <!-- Sticky Footer -->
  15. <link href="/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="/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="/assets/themes/bootstrap-3/images/favicon.ico">
  29. <link rel="apple-touch-icon" href="/assets/themes/bootstrap-3/images/apple-touch-icon.png">
  30. <link rel="apple-touch-icon" sizes="72x72" href="/assets/themes/bootstrap-3/images/apple-touch-icon-72x72.png">
  31. <link rel="apple-touch-icon" sizes="114x114" href="/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="/about/index.html">About</a></li>
  55. <li><a href="/speakers/index.html">Speakers</a></li>
  56. <li><a href="/policies/index.html">Policies</a></li>
  57. </ul>
  58. </div><!-- /.navbar-collapse -->
  59. </nav>
  60. <header>
  61. <div class="row">
  62. <a href="/">
  63. <h1>Radical<span class="light">/Networks</span></h1>
  64. </a>
  65. <h2>October 24-25, 2015<br/>NYU Poly, Brooklyn, NY</h2>
  66. <div class="social">
  67. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/assets/themes/bootstrap-3/images/twitter.png"></a>
  68. <a href="mailto:info@radicalnetworks.org"><img src="/assets/themes/bootstrap-3/images/email.png"></a>
  69. </div>
  70. </div>
  71. </header>
  72. <div class="row">
  73. <div class="col-md-8 content">
  74. <div class="row">
  75. <div class="col-xs-12">
  76. <h3>Dennis de Bel</h3>
  77. <img src="bio2.jpg" />
  78. <p>Dennis de Bel (1984, NL) graduated in June 2007 as an Interactive Media designer at the Willem de Kooning Academy, Rotterdam. In June 2009, he completed the Master Media Design and Communication at the Piet Zwart Institute, also in Rotterdam.</p>
  79. <p>De Bel's exploration of interactivity and utility has led him to make humorous design interventions, manifested word puns, useless software and more recently "no-ware". This term describes some of his latest works that are no longer hardware nor software but non-products, unique multiples and mass-produced one-offs that question functionality, inventiveness and innovation.</p>
  80. <p>Currently he is collaborating with <a href="../roel-roscam-abbing">Roel Roscam Abbing</a> on a practical research project on 'Post-Digital Communication in the last days of the web'.</p>
  81. </div>
  82. </div>
  83. </div>
  84. <div class="col-md-4 sidebar">
  85. <div>In Partnership with<br/>
  86. <a href="http://eyebeam.org/" target="_blank"><img src="/assets/themes/bootstrap-3/images/eyebeam_logo_150.png" /></a>
  87. </div>
  88. <div>Hosted by<br/>
  89. <a href="http://engineering.nyu.edu/" target="_blank"><img src="/assets/themes/bootstrap-3/images/engineering_long_white_250.png" /></a>
  90. <p style="padding-top: 8px">8th Floor, MAGNET<br/>2 Metrotech Center<br/>Brooklyn, NY 11201</p>
  91. </div>
  92. <div class="social">
  93. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/assets/themes/bootstrap-3/images/twitter.png"></a>
  94. <a href="mailto:info@radicalnetworks.org"><img src="/assets/themes/bootstrap-3/images/email.png"></a>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <div id="footer">
  101. <div class="container">
  102. <p>
  103. &copy; 2015 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  104. </p>
  105. </div>
  106. </div>
  107. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  108. <!-- Placed at the end of the document so the pages load faster -->
  109. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  110. <script src="/assets/themes/bootstrap-3/bootstrap/js/bootstrap.min.js"></script>
  111. <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>
  112. </body>
  113. </html>