index.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361
  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>Kalli Retzepi</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. <li><a href="/archives/">Archives</a></li>
  61. </ul>
  62. </div><!-- /.navbar-collapse -->
  63. </nav>
  64. <header>
  65. <div class="row">
  66. <a href="/">
  67. <img class="logo" src="/assets/themes/images/radnets_logo.png" width="500" height="76" />
  68. </a>
  69. <h2>October 18-20, 2019<br/>Prime Produce, NYC</h2>
  70. <div class="social">
  71. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/assets/themes//images/twitter_logo.png" width="37" height="37" /></a>
  72. <a href="mailto:info@radicalnetworks.org"><img src="/assets/themes//images/email.png" width="37" height="37" /></a>
  73. <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>
  74. <!-- <a class="press" href="/assets/themes//pdf/radical_networks_2017_press_kit.pdf">2017 Press Kit</a> -->
  75. </div>
  76. </div>
  77. </header>
  78. <div class="row">
  79. <div class="col-md-8 content">
  80. <div class="row">
  81. <div class="col-xs-12">
  82. <h3>Kalli Retzepi</h3>
  83. <!-- <img src="sarahfriend.png" width="256px" /> -->
  84. <p><a href="https://kalli-retzepi.com/" target="_blank">Website</a> | <a href="https://twitter.com/kallirroi/" target="_blank">Twitter</a></p>
  85. <p>Kalli Retzepi (website) uses technology, design and images in order to explore the politics of digital interfaces, the narrative of the user and to imagine new metaphors for the Web. She has degrees in engineering, neuroscience and is a recent graduate of the MIT Media Lab. She has recently presented her work in conferences like Interface Politics (2018) and Interface Critique Journal (2019).
</p>
  86. <hr />
  87. <h2>Presenting</h2>
  88. <h3>Internet as an Object</h3>
  89. <p>During this talk I will present my graduate thesis work at the Media Lab at MIT. My thesis lies in the intersection of three avenues: physical non-screen interfaces, storytelling promoting community connectedness and hyper-locality afforded by decentralization. The central question addressed is whether the design and underlying technology of entry points to a network change the way people interact with it and the experience they have.</p>
  90. <p>To explore this, I designed and engineered a set of playful physical objects which function as nodes of a hyper-local network. Information (audio messages recorded by passers-by) bestowed upon this network remains within these nodes, cryptographically secure, and accessible only to local community members who are aware of the network’s existence and mode of operation. I successfully deployed this network in four locations across the MIT campus, where members of the MIT community could record and listen to audio messages using the physical objects.</p>
  91. <p>The motivation in the heart of this project was to create network-forming, physical objects that “perform” decentralization. How is the quality of decentralization communicated via the affordances of interaction, of material, or form? How can we approach the concept of decentralization and alternative networks using design? While I do not pretend to have the answers to these questions, I believe it is very important to ask them and encourage dialogue between both technical as well as non technical audiences.</p>
  92. <p>Additional information
  93. <ul>
  94. <li><a href="https://github.com/Kallirroi" target="_blank">Github</a></li>
  95. </ul>
  96. </p>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="col-md-4 sidebar">
  101. <div>
  102. <!-- Download our <a href="/assets/themes//pdf/radical_networks_2019_press_kit.pdf">2019 Press Kit</a>
  103. </div> -->
  104. <div>
  105. <span class="tickets"><a href="https://www.eventbrite.com/e/72061121755/" target="_blank">Tickets Available!</a></span>
  106. </div>
  107. <div>Hosted by<br/>
  108. <a class="host" href="https://www.primeproduce.coop/" target="_blank">
  109. <img src="/assets/themes//images/Prime-Produce-Apprentice-Cooperative-Ltd-Logo-White.png" width="200" />
  110. </a>
  111. </div>
  112. <div class="bigger">Live stream provided by<br/>
  113. <img src="/assets/themes//images/isoclogo.png" width="200" />
  114. <!--<br/><a href="https://livestream.com/internetsociety/radnets17" target="_blank">Main Stage Archive</a>
  115. <br/>
  116. <a href="https://livestream.com/accounts/9197973/radnets17" target="_blank">Workshops Archive</a>-->
  117. </div>
  118. <div class="social">Contact<br/>
  119. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/assets/themes//images/twitter_logo.png" width="37" height="37" alt="twitter" /></a>
  120. <a href="mailto:info@radicalnetworks.org"><img src="/assets/themes//images/email.png" width="37" height="37" alt="email" /></a>
  121. <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>
  122. </div>
  123. <div>
  124. <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
  125. <input type="hidden" name="cmd" value="_s-xclick" />
  126. <input type="hidden" name="hosted_button_id" value="WTFLU9JCLBU5S" />
  127. <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" />
  128. <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
  129. </form>
  130. </div>
  131. <div>Psssst...<br/>
  132. We're on the <a href="dat://c0965105755be00cafd7d176c6ccdce467b896c7284b4915733a83e6f2f78231/" target="_blank">dat network</a>, too.
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. <div id="footer">
  139. <div class="container">
  140. <p>
  141. &copy; 2019 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  142. </p>
  143. </div>
  144. </div>
  145. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  146. <!-- Placed at the end of the document so the pages load faster -->
  147. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  148. <script src="/assets/themes//bootstrap/js/bootstrap.min.js"></script>
  149. <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>
  150. </body>
  151. </html>