<!--
 		(you &#67; &#79; &#68; &#69; me)

		? /// (yes@youcode.me)
	      2009 www.youcode.me


MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMF""MM""MY"7"WF"4M""MMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMM.4F.MF.MMM 4FJMM MMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMM..MMN.""".Mb."" "MMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMM"D.WMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMF"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""MMMM
MMMMF                                               .               MMMM
MMMMF    &  ..  ;.j.  .c  . !J.j..   .F. . .!J.$.   b$... .! %$.    MMMM
MMMMF   .j.!j,!J.1^.  J?;.PCJ  .'j   ,7;.f!?i5Jx.  .?=`?j!?.`.5,    MMMM
MMMMF                            !              !                   MMMM
MMMMh...............................................................MMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMM"""M"WMM#""MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMFJF.M M T"5 MMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMFJFJM M.UMM"MMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNNNNMNMMNNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
-->


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

	<script src="js/prototype.js" type="text/javascript"></script>
	<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
	<script src="js/lightbox.js" type="text/javascript"></script>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=600,left = 390,top = 112');");
}
// End -->
</script>
<link rel="shortcut icon" href="http://www.youcode.me/images/icon.ico" />
<LINK REL="SHORTCUT ICON" HREF="http://www.youcode.me/images/icon.ico" />
<meta name="keywords" content="youcodeme, you code me, code poetry, coding, web art, you, me" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>you &#67; &#79; &#68; &#69; me</title>
<script language="JavaScript">
<!--
self.moveTo(0,0);
self.resizeTo(screen.availWidth,screen.availHeight);
//-->
</script>
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
<!--
.home {
	position: fixed;
	left: 100px;
	top: 100px;
	right: 100px;
	bottom: 100px;
}
body {
	background-color: #FFFFFF;
	margin-top: 40px;
}
#main-image {
	margin-top: 25px;
  opacity: 0.1;
}

.container {
  position: relative;
  text-align: center;
  color: black;
}

/* Centered text */
.centered {
	font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#random {
margin-top: 50px;
}

twtr-search-widget {
	height: 25 px;
}


-->
</style>
<script type="text/javascript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<body>
<div align="center" id= "menu">
<a href="images/L1.jpg" rel="lightbox[roadtrip]"><img src="images/MAb1.jpg" width="58" height="24" border="0" /></a>
<a href="images/L2.jpg" rel="lightbox[roadtrip]"><img src="images/ll2.jpg" width="2" height="24" border="0" /></a>
<a href="images/L4.jpg" rel="lightbox[roadtrip]"><img src="images/ll2.jpg" width="2" height="24" border="0" /></a>
<a href="images/L5.jpg" rel="lightbox[roadtrip]"><img src="images/ll2.jpg" width="2" height="24" border="0" /></a>
<a href="images/L6.jpg" rel="lightbox[roadtrip]"><img src="images/ll2.jpg" width="2" height="24" border="0" /></a>
<a href="images/L7.jpg" rel="lightbox[roadtrip]"><img src="images/ll2.jpg" width="2" height="24" border="0" /></a>
<a href="images/L8.jpg" rel="lightbox[roadtrip]"><img src="images/ll2.jpg" width="2" height="24" border="0" /></a>
<a href="images/L9.jpg" rel="lightbox[roadtrip]"><img src="images/ll2.jpg" width="2" height="24" border="0" /></a>
<a href="images/L10.jpg" rel="lightbox[roadtrip]"><img src="images/ll2.jpg" width="2" height="24" border="0" /></a>
<a href="images/L11.jpg" rel="lightbox[roadtrip]"><img src="images/ll2.jpg" width="2" height="24" border="0" /></a>
<a href="images/L12.jpg" rel="lightbox[roadtrip]"><img src="images/ll2.jpg" width="2" height="24" border="0" /></a>
<a href="images/L13.jpg" rel="lightbox[roadtrip]"><img src="images/ll2.jpg" width="2" height="24" border="0" /></a>
<a href="images/L14.jpg" rel="lightbox[roadtrip]"><img src="images/ll2.jpg" width="2" height="24" border="0" /></a>
<a href="images/L15.jpg" rel="lightbox[roadtrip]"><img src="images/ll2.jpg" width="2" height="24" border="0" /></a>
<a href="images/L16.jpg" rel="lightbox[roadtrip]"><img src="images/ll2.jpg" width="2" height="24" border="0" /></a>
<a href="images/L17.jpg" rel="lightbox[roadtrip]"><img src="images/ll2.jpg" width="2" height="24" border="0" /></a>
<a href="images/L18.jpg" rel="lightbox[roadtrip]"><img src="images/ll2.jpg" width="2" height="24" border="0" /></a>
<a href="images/L19.jpg" rel="lightbox[roadtrip]"><img src="images/ll2.jpg" width="2" height="24" border="0" /></a>
<a href="images/L20.jpg" rel="lightbox[roadtrip]"><img src="images/ll2.jpg" width="2" height="24" border="0" /></a>
<A HREF="javascript:popUp('bookE.html')"><img src="images/MAb2.jpg" alt="about you" width="177" height="24" border="0" /></a>
<a href="index-legacy.html" target="_self"><img src="images/MAb3.jpg" alt="and me" width="214" height="24" border="0" /></a>
<a href="abook/youCODEme.pdf.zip" target="_blank"><img src="images/MAb4.jpg" alt="print" width="206" height="24" border="0" /></a>
<a href="mailto:look@youcode.me" target="_blank"><img src="images/MAb5.jpg" alt="and infect" width="94" height="24" border="0" /></a></div>
<div class="container" align="center">
	<div class="centered">[ <strong>youcode.me</strong> ] randomness was a poetic net art piece that fetched tweets in real time from Twitter's global timeline during the years 2009 to 2013. All users writing the keywords 'you' and 'me' were anonymised and included on this website in intervals of 3 seconds using a script that connected to Twitter's API. The results were a unique real time display of people referring to each other, depending on the day, hour, and trending topics at the time.
	</div>
	<div id="main-image">
	<img src="images/Screenshot1.jpg" alt="Screenshot of net art piece" width="1026" height="800">
</div>
</div>
<!-- Twitter widget
<div align="center" id="twtr-search-widget"></div>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'you me',
  interval: 6000,
  title: 'you me',
  subject: 'you me',
  width: 1000,
  height: 150,
  theme: {
    shell: {
      background: '#ffffff',
      color: '#ffffff'
    },
    tweets: {
      background: '#000000',
      color: '#ffffff',
      links: '#000000'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    hashtags: true,
	fullscreen: true,
    timestamp: true,
    avatars: false,
    behavior: 'default'
  }
}).render().start();
</script>
--->
</body>
</html>