index.html 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  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>Garry Ing</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="http://radicalnetworks.org" />
  11. <meta property="og:title" content="Radical Networks 2018" />
  12. <meta property="og:description" content="October 19-21, 2018 in Berlin, Germany" />
  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="/archives/2018/about/">About</a></li>
  52. <li><a href="/archives/2018/participants/">Participants</a></li>
  53. <li><a href="/archives/2018/program/">Program</a></li>
  54. <li><a href="/archives/2018/gallery/">Gallery</a></li>
  55. <li><a href="/archives/2018/sponsors/">Sponsors</a></li>
  56. <li><a href="/archives/2018/location/">Location</a></li>
  57. <li><a href="/archives/2018/team/">Team</a></li>
  58. <li><a href="/archives/2018/policies/">Policies</a></li>
  59. </ul>
  60. </div><!-- /.navbar-collapse -->
  61. </nav>
  62. <header>
  63. <div class="row">
  64. <a href="/archives/2018/">
  65. <img class="logo" src="/assets/themes/images/radnets_logo.png" width="500" height="76" />
  66. </a>
  67. <h2>October 19-21, 2018<br/>Berlin, Germany</h2>
  68. <div class="social">
  69. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/assets/themes//images/twitter_logo.png" width="37" height="37" /></a>
  70. <a href="mailto:info@radicalnetworks.org"><img src="/assets/themes//images/email.png" width="37" height="37" /></a>
  71. <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>
  72. <!-- <a class="press" href="/assets/themes//pdf/radical_networks_2017_press_kit.pdf">2017 Press Kit</a> -->
  73. </div>
  74. </div>
  75. </header>
  76. <div class="row">
  77. <div class="col-md-8 content">
  78. <div class="row">
  79. <div class="col-xs-12">
  80. <h3>Garry Ing</h3>
  81. <p><img src="garry.png" width="256px" /></p>
  82. <p><a href="https://garrying.com" target="_blank">Website</a> | <a href="https://twitter.com/garrying" target="_blank">Twitter</a></p>
  83. <p>Garry Ing is a designer and researcher currently residing in Toronto. He is a contributor at Toronto Mesh and sessional faculty at OCAD University teaching interactive media. Previous work and collaborations has been with the Strategic Innovation Lab (sLab) at OCAD University, the Technologies for Aging Gracefully Lab at the University of Toronto, Normative, and Format.</p>
  84. <hr />
  85. <h2>Exhibiting</h2>
  86. <h3>Network from Memory</h3>
  87. <p><em>Network from Memory</em> is a reflective visual survey of attempts to represent the internet, and networks, through the context of fragmented patent applications, artist projects, and other significant, widely referenced, diagrams. This piece reflects on a particular genre of image making and its varying short-handed in visualizing networks through the form of ambiguous shapes, and cloud-like masses, with underlying question of: How do we draw a network? Further, <em>Network from Memory</em> is an attempt to frame Paul Baran’s often cited diagram, from <em>On Distributed Communications</em> (1964), in juxtaposition to these images as a form of narrative towards abstraction.</p>
  88. <p>The piece will cycle through various compositions made of collected imagery over the past two years using a small application running on a single board computer connected to a display. The application will compose new compositions at regular, and irregular, intervals for the duration of it’s exhibition.</p>
  89. </div>
  90. </div>
  91. </div>
  92. <div class="col-md-4 sidebar">
  93. <div>
  94. <!-- Download our <a href="/assets/themes//pdf/radical_networks_2018_press_kit.pdf">2018 Press Kit</a>
  95. </div> -->
  96. <div>
  97. <span class="tickets">Tickets SOLD OUT!</span>
  98. </div>
  99. <div>Hosted by<br/>
  100. <a class="host" href="https://spektrumberlin.de/" target="_blank">
  101. <img src="https://spektrumberlin.de/typo3conf/ext/wb_spektrum/Resources/Public/assets/cube-spektrum-100px.png" width="50" /><span class="spektrum">SPEKTRUM</span>
  102. </a>
  103. <p style="padding-top: 8px">Bürknerstraße 12<br/>12047 Berlin Germany</p>
  104. </div>
  105. <!-- <div class="bigger">Live stream provided by<br/>
  106. <img src="/assets/themes//images/isoclogo.png" width="300" />
  107. <br/><a href="https://livestream.com/internetsociety/radnets17" target="_blank">Main Stage Archive</a>
  108. <br/>
  109. <a href="https://livestream.com/accounts/9197973/radnets17" target="_blank">Workshops Archive</a>
  110. </div> -->
  111. <div class="social">Contact<br/>
  112. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/assets/themes//images/twitter_logo.png" width="37" height="37" alt="twitter" /></a>
  113. <a href="mailto:info@radicalnetworks.org"><img src="/assets/themes//images/email.png" width="37" height="37" alt="email" /></a>
  114. <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>
  115. </div>
  116. <div>
  117. <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
  118. <input type="hidden" name="cmd" value="_s-xclick">
  119. <input type="hidden" name="hosted_button_id" value="5AA3EA93WNFP2">
  120. <input type="image" src="https://radicalnetworks.org/assets/themes/images/donate_button.png" width="150px" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
  121. <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
  122. </form>
  123. </div>
  124. <div>Psssst...<br/>
  125. We're on the <a href="dat://c0965105755be00cafd7d176c6ccdce467b896c7284b4915733a83e6f2f78231/" target="_blank">dat network</a>, too.
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. <div id="footer">
  132. <div class="container">
  133. <p>
  134. &copy; 2018 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  135. </p>
  136. </div>
  137. </div>
  138. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  139. <!-- Placed at the end of the document so the pages load faster -->
  140. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  141. <script src="/assets/themes//bootstrap/js/bootstrap.min.js"></script>
  142. <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>
  143. </body>
  144. </html>