chootka
/
radical-networks


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367
							
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>Gottfried Haider</title>
    
    <meta name="author" content="Radical Networks">

    <!-- Enable responsive viewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="og:url"                content="https://radicalnetworks.org" />
    <meta property="og:title"              content="Radical Networks 2019" />
    <meta property="og:description"        content="October 18-20, 2019 at Prime Produce, NYC, NY" />
    <meta property="og:site_name"          content="Radical Networks"/>
    <meta property="og:image"              content="https://radicalnetworks.org/assets/themes/images/radnets_logo_larger.png"/>

    <!-- Bootstrap styles -->
    <link href="/assets/themes/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- Optional theme -->
    <link href="/assets/themes/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
    <!-- Sticky Footer -->
    <link href="/assets/themes/bootstrap/css/bs-sticky-footer.css" rel="stylesheet">
    
    <!-- Custom styles and fonts -->
    <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
    <link href="/assets/themes/css/style.css?body=1" rel="stylesheet" type="text/css" media="all">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
    <div id="wrap">
      <div class="container">
        <nav class="row navbar" role="navigation">
  <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#jb-navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-spacer"></span>
            <span class="icon-bar"></span>
            <span class="icon-spacer"></span>
            <span class="icon-bar"></span>
            <span class="icon-spacer"></span>
            <br/>
        </button>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="jb-navbar-collapse">
      <ul class="nav navbar-nav">
      
      
              <li><a href="/about/">About</a></li>
            
          
              <li><a href="/participants/">Participants</a></li>
            
          
              <li><a href="/location/">Location</a></li>
            
          
              <li><a href="/program/">Program</a></li>
            
          
              <li><a href="/gallery/">Gallery</a></li>
            
          
              <li><a href="/sponsorship/">Sponsorship</a></li>
            
          
              <li><a href="/team/">Team</a></li>
            
          
              <li><a href="/policies/">Policies</a></li>
            
          
              <li><a href="/shop/">Shop</a></li>
            
          
              <li><a href="/archives/">Archives</a></li>
            
          
      </ul>
    </div><!-- /.navbar-collapse -->
</nav>
        <header>
  <div class="row">
    <a href="/">
      <img class="logo" src="/assets/themes/images/radnets_logo.png" width="500" height="76" />
    </a>
    <h2>October 18-20, 2019<br/>Prime Produce, NYC</h2>
  	<div class="social">
      <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/assets/themes//images/twitter_logo.png" width="37" height="37" /></a>
      <a href="mailto:info@radicalnetworks.org"><img src="/assets/themes//images/email.png" width="37" height="37" /></a>
      <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>
<!--       <a class="press" href="/assets/themes//pdf/radical_networks_2017_press_kit.pdf">2017 Press Kit</a> -->
  	</div>
  </div>
</header>

        <div class="row">
          <div class="col-md-8 content">
            
<div class="row">
  <div class="col-xs-12">
    <h3>Gottfried Haider</h3>
<p><img src="gottfried.jpg" width="256px" /></p>
<p><a href="https://gottfriedhaider.com/" target="_blank">Website</a> | <a href="https://twitter.com/mrgohai/" target="_blank">Twitter</a></p>
<p>Gottfried is an artist, educator and software tool-maker. He currently lives in Los Angeles.</p>

<hr />

<h2>Workshop</h2>
<h3>Hotglue on Dat Workshop For Youth</h3>
<p><img src="hotglue_hotdogs_bernie.png" width="100%" style="max-width: 600px" /></p>
<div style="font-size: 11px; color: #ccc; margin-top: -20px; margin-left: 25px;"><em>Website courtesy of Jared Bernstein</em></div>
<p>Building decentralized websites using Beaker and Dat is fun - and a great, hands-on way to learn about the otherwise hidden structures and exchanges that power the web. But to do so, one - more so than ever - needs proficiency in the language of the web (HTML, CSS and JavaScript) in order to participate.</p>

<p>In a workshop specifically for children and other "outsiders", a modified version of "Hotglue" is used to build decentralized sites together and interlink them.</p>

<p>Hotglue is a FOSS "What you see is what you get" editor for the web. Created by Danja Vasiliev &amp; Gottfried Haider together with the WORM Foundation in 2010, Hotglue is being used by a large number of people on the free hosting service hotglue.me. In a custom modified version, created for this workshop, participants will explore how this intuitive site-building tool can work together with decentralized-web technologies, such as the Dat protocol and the Beaker browser.</p>

<p>The workshop will run Sunday, October 20, 2019, from 10:00 am - 12:30 pm. Tickets are available <a href="https://www.eventbrite.com/e/radical-networks-tickets-72061121755">here</a>.</p>

<p>Participants should bring their laptop to the workshop.</p>

<p>Additional information
	<ul>
		<li><a href="https://github.com/gohai" target="_blank">Github</a></li>
	</ul>
</p>

  </div>
</div>


          </div>
          <div class="col-md-4 sidebar">
            <div>
<!-- 	Download our <a href="/assets/themes//pdf/radical_networks_2019_press_kit.pdf">2019 Press Kit</a>
</div> -->
<div>
	<span class="tickets"><a href="https://www.eventbrite.com/e/72061121755/" target="_blank">Tickets Available!</a></span>
</div>
<div>Hosted by<br/>
	<a class="host" href="https://www.primeproduce.coop/" target="_blank">
		<img src="/assets/themes//images/Prime-Produce-Apprentice-Cooperative-Ltd-Logo-White.png" width="200" />
	</a>
</div>
<div class="bigger">Live stream provided by<br/>
	<img src="/assets/themes//images/isoclogo.png" width="200" />
	<!--<br/><a href="https://livestream.com/internetsociety/radnets17" target="_blank">Main Stage Archive</a>
	<br/>
	<a href="https://livestream.com/accounts/9197973/radnets17" target="_blank">Workshops Archive</a>-->
</div>
<div class="social">Contact<br/>
	<a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/assets/themes//images/twitter_logo.png" width="37" height="37" alt="twitter" /></a>
	<a href="mailto:info@radicalnetworks.org"><img src="/assets/themes//images/email.png" width="37" height="37" alt="email" /></a>
	<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>
</div>
<div>
	<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
		<input type="hidden" name="cmd" value="_s-xclick" />
		<input type="hidden" name="hosted_button_id" value="WTFLU9JCLBU5S" />
		<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" />
		<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
	</form>
</div>
<div>Psssst...<br/>
	We're on the <a href="dat://c0965105755be00cafd7d176c6ccdce467b896c7284b4915733a83e6f2f78231/" target="_blank">dat network</a>, too.
</div>


          </div>
        </div>  
      </div>
    </div>

    <div id="footer">
      <div class="container">
        <p>
	&copy; 2019 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
</p>
      </div>
    </div>

    
    <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="/assets/themes//bootstrap/js/bootstrap.min.js"></script>
    <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>
  </body>
</html>