Created
August 5, 2010 22:14
-
-
Save jgv/510484 to your computer and use it in GitHub Desktop.
Brion Gysin: Dream Machine
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
<html xmlns="http://www.w3.org/1999/xhtml"> | |
<!-- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> --> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
<META NAME="KEYWORDS" CONTENT="brion gysin, brian gysin, gysin, dream machine, dreammachine, new museum, new museum nyc" /> | |
<META NAME="ROBOTS" CONTENT="NOINDEX,FOLLOW"> | |
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="private"> | |
<meta name="author" content="Jonathan Vingiano, New Museum" /> | |
<link rel="shortcut icon" href="/assets/images/general/favicon.ico" > | |
<link rel="stylesheet" type="text/css" href="styles/main.css"> | |
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | |
<script type="text/javascript" src="js/jquery.supersized.js"></script> | |
<script type="text/javascript">$(function(){ $('#supersize').supersized();});</script> | |
<script type="text/javascript" src="js/jquery.effects.core.js"></script> | |
<title>Brion Gysin: Dream Machine :: NewMuseum.org</title> | |
</head> | |
<body> | |
<script> | |
function randOrd(){ | |
return (Math.round(Math.random())-0.5); | |
} | |
function cutup() { | |
var words = document.sorter.sorter2.value.split(" "); | |
words.sort(randOrd); | |
clean = words.join(" "); | |
document.sorter.sorter2.value = clean; | |
var tweet = document.sorter.sorter2.value; | |
var twit = 'http://twitter.com/home?status='+encodeURIComponent('"' + tweet + '" - my Cut-Up from http://newmusuem.org/gysin'); | |
var link = document.getElementById("twitter"); | |
link.innerHTML = '<a class="twitterlink" href="'+twit+'" target="_blank"'+'><img src="twitter-bird.png" /> Tweet Your Cut-Up!<'+'/a>'; | |
$("p#twitter").fadeIn('slow'); | |
$("p#twitter").css({"display": "inline","font-size":"24px"}); | |
} | |
function populate(x) { | |
var poem = document.getElementById(x); | |
document.sorter.sorter2.value = poem.innerHTML; | |
cutup(); | |
} | |
$(document).ready(function() { | |
$("p.suggestions").hover(function(){ | |
var hue = 'rgb(' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ')'; | |
$(this).animate({fontSize:"20px", "color": hue}, 'fast'); | |
}, | |
function(){ | |
$(this).animate({color: 'black', fontSize:"17px"}, 100); | |
}); | |
}); | |
</script> | |
<div id="supersize"><img src="img/background.jpg" /></div> | |
<div id="wrapper"> | |
<div id="head"> | |
<a href="http://newmuseum.org/exhibitions/422" alt="Brion Gysin:Dream Machine"><img src="gysin_head.png" alt="Brion Gysin: Dream Machine" /></a> | |
</div> | |
<div id="main"> | |
<div id="perms"> | |
<form name="sorter" id="form"> | |
<input type="text" class="perms" name="sorter2" cols="100" wrap="virtual" style="width:98%" /><br /> | |
<input type="button" id="btn" class="bt bt-gradient" value="Cut Up" onClick="cutup()" /> | |
<input type="reset" id="btn" class="bt bt-gradient" value="Clear" /> | |
<p style="display:none;" name="twitter" id="twitter"></p> | |
</form> | |
<p style="margin-top:10px">Some suggestions:</p> | |
<ul style="height:200px"> | |
<li class="suggestions"><p class="suggestions" id="suggestion1" onClick="populate(id)">No Poet's Don't Own Words</p></li> | |
<li class="suggestions"><p class="suggestions" id="suggestion2" onClick="populate(id)">I Am That I Am</p></li> | |
<li class="suggestions"><p class="suggestions" id="suggestion3" onClick="populate(id)">Junk Is No Good Baby</p></li> | |
<li class="suggestions"><p class="suggestions" id="suggestion4" onClick="populate(id)">i Don't Work You Dig</p></li> | |
<li class="suggestions"><p class="suggestions" id="suggestion5" onClick="populate(id)">Kick That Habit Man</p></li> | |
<li class="suggestions"><p class="suggestions" id="suggestion6" onClick="populate(id)">Come To Free The Words</p></li> | |
<li class="suggestions"><p class="suggestions" id="suggestion7" onClick="populate(id)">Rub Out The Word</p></li> | |
<li class="suggestions"><p class="suggestions" id="suggestion8" onClick="populate(id)">Recalling All Active Agents</p></li> | |
</ul> | |
<div id="about"> | |
<p>The New Museum presents “<a href="http://www.newmuseum.org/exhibitions/422">Brion Gysin: Dream Machine</a>,” the first US retrospective of the work of the painter, performer, poet, and writer Brion Gysin (born 1916, Taplow, UK–died 1986, Paris). In 1959, Gysin created the Cut-Up Method, in which words and phrases were literally cut up into pieces and then rearranged to untether them from their received meanings and reveal new ones. His Cut-Up experiments, which he shared with his lifelong friend and collaborator William S. Burroughs, culminated in Burroughs and Gysin’s <em>The Third Mind</em>, a book-length collage manifesto on the Cut-Up Method and its uses. </p> | |
</div> | |
</div> | |
</div> <!-- end coda div --> | |
<div id="footer"> | |
<a href="http://www.newmuseum.org" border="0"><img border="0" class="logo" src="logo.png" /></a> | |
<iframe class="facebook" style="margin-left:50px" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fnewmuseum.org%2Fgysin&layout=standard&show_faces=true&width=450&action=like&font=arial&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe> | |
</div> | |
</div> <!-- end wrapper div --> | |
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script> | |
<script type="text/javascript"> | |
_uacct = "UA-350092-1"; | |
urchinTracker(); | |
</script> | |
</body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment