Skip to content

Instantly share code, notes, and snippets.

@jgv
Created August 5, 2010 22:14
Show Gist options
  • Save jgv/510484 to your computer and use it in GitHub Desktop.
Save jgv/510484 to your computer and use it in GitHub Desktop.
Brion Gysin: Dream Machine
<!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&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;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