Created
April 10, 2017 02:10
-
-
Save anonymous/c83b93e1c014ceb65cf89ac626af88ad to your computer and use it in GitHub Desktop.
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
<html> | |
<head> | |
<title> The hacked poem </title> | |
<head> | |
<body><center> | |
<h1> The New Colossus (1883) </h1> | |
<h2>By Emma Lazarus</h2> | |
<p> | |
Not like the <div id = "brazen"> | |
<img | |
alt="brazen" title="brazen" | |
width="270" height="220" border="0" /></a> | |
</div> giant of Greek fame,<br> | |
With conquering <div id = "limbs"> | |
<img | |
alt="limbs" title="limbs" | |
width="270" height="220" border="0" /></a> | |
</div> astride from land to <div id = "land"> | |
<img | |
alt="land" title="land" | |
width="270" height="220" border="0" /></a> | |
</div>; | |
Here at our <div id = "sea"> | |
<img | |
alt="sea" title="sea" | |
width="270" height="220" border="0" /></a> | |
</div>-washed, <div id = "sunset"> | |
<img | |
alt="sunset" title="sunset" | |
width="270" height="220" border="0" /></a> | |
</div> gates shall stand <br> | |
A mighty <div id = "woman"> | |
<img | |
alt="woman" title="woman" | |
width="270" height="220" border="0" /></a> | |
</div> with a <div id = "torch"> | |
<img | |
alt="torch" title="torch" | |
width="270" height="220" border="0" /></a> | |
</div>, whose <div id = "flame"> | |
<img | |
alt="flame" title="flame" | |
width="270" height="180" border="0" /></a> | |
</div> | |
Is the imprisoned <div id = "imprisoned"> | |
<img | |
alt="imprisoned" title="imprisoned" | |
width="270" height="220" border="0" /></a> | |
</div>, and her name | |
Mother of <div id = "exile"> | |
<img | |
alt="exiles" title="exile" | |
width="270" height="220" border="0" /></a> | |
</div>. From her beacon-hand | |
Glows <div id = "world"> | |
<img | |
alt="world" title="world" | |
width="270" height="220" border="0" /></a> | |
</div>-wide welcome; her mild <div id = "eyes"> | |
<img | |
alt="eyes" title="eyes" | |
width="270" height="220" border="0" /></a> | |
</div> command <br> | |
The air-bridged <div id = "harbor"> | |
<img | |
alt="harbor" | |
width="270" height="220" border="0" /></a> | |
</div> that twin <div id = "cities"> | |
<img | |
alt="cities" title="cities" | |
width="270" height="220" border="0" /></a> | |
</div> frame. | |
“Keep, <div id = "ancient"> | |
<img | |
alt="ancient" title="ancient" | |
width="270" height="220" border="0" /></a> | |
</div> lands, your storied pomp!” cries she <br> | |
With <div id = "silent"> | |
<img | |
alt="silent" title="silent" | |
width="270" height="220" border="0" /></a> | |
</div> <div id = "lips"> | |
<img | |
alt="lips" title="lips" | |
width="270" height="220" border="0" /></a> | |
</div>. “Give me your <div id = "tired"> | |
<img | |
alt="tired" title="tired" | |
width="270" height="220" border="0" /></a> | |
</div>, your <div id = "poor"> | |
<img | |
alt="poor" title="poor" | |
width="270" height="220" border="0" /></a> | |
</div>, | |
Your huddled <div id = "masses"> | |
<img | |
alt="masses" title="masses" | |
width="270" height="220" border="0" /></a> | |
</div> yearning to <div id = "breathe"> | |
<img | |
alt="breathe" title="breathe" | |
width="270" height="220" border="0" /></a> | |
</div> free, <br> | |
The wretched refuse of your <div id = "teeming"> | |
<img | |
alt="teeming" title="teeming" | |
width="270" height="220" border="0" /></a> | |
</div> shore. <br> | |
Send these, the <div id = "homeless"> | |
<img | |
alt="homeless" title"homeless" | |
width="270" height="220" border="0" /></a> | |
</div>, tempest-tossed to me, | |
I lift my <div id = "lamp"> | |
<img | |
alt="lamp" title="lamp" | |
width="270" height="220" border="0" /></a> | |
</div> beside the <div id = "golden"> | |
<img | |
alt="golden" title="golden" | |
width="270" height="220" border="0" /></a> | |
</div> <div id = "door"> | |
<img | |
alt="door" title="door" | |
width="270" height="220" border="0" /></a> | |
</div>!”<br /> </center> | |
</p> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword1 = "brazen"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword1, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#brazen img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword2 = "limbs"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword2, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd2 = Math.floor(Math.random() * data.items.length); | |
var image_src2 = data.items[rnd2]['media']['m'].replace("_m", "_b"); | |
$('#limbs img').attr("src", image_src2); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}); | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword3 = "land"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword3, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd2 = Math.floor(Math.random() * data.items.length); | |
var image_src3 = data.items[rnd2]['media']['m'].replace("_m", "_b"); | |
$('#land img').attr("src", image_src3); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}); | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword4 = "sea"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword4, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#sea img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword5 = "sunset"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword5, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#sunset img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword6 = "woman"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword6, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#woman img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword7 = "torch"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword7, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#torch img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword8 = "flame"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword8, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#flame img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword9 = "imprisoned"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword9, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#imprisoned img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword10 = "exile"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword10, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#exile img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword11 = "world"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword11, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#world img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword12 = "eyes"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword12, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#eyes img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
</body> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword13 = "harbor"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword13, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#harbor img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword14 = "cities"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword14, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#cities img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword15 = "ancient"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword15, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#ancient img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword16 = "lips"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword16, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#lips img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword17 = "tired"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword17, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#tired img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword18 = "poor"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword18, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#poor img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword19 = "mass"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword19, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#masses img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword20 = "breathe"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword20, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#breathe img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword21 = "teeming"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword21, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#teeming img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword22 = "lamp"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword22, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#lamp img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword23= "golden"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword23, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#golden img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var keyword24 = "door"; | |
$(document).ready(function(){ | |
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", | |
{ | |
tags: keyword24, | |
tagmode: "any", | |
format: "json" | |
}, | |
function(data) { | |
var rnd = Math.floor(Math.random() * data.items.length); | |
var image_src = data.items[rnd]['media']['m'].replace("_m", "_b"); | |
$('#door img').attr("src", image_src); | |
//document.elementById("cat").src = "url('" + image_src + "')"; | |
//$('body').css('background', "url('" + image_src + "')"); | |
//Source: http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images | |
}) | |
}); | |
</script> | |
<!--<p> | |
<-iframe name="ngram_chart" src="https://books.google.com/ngrams/interactive_chart?content=brazen%2Climbs%2Cland%2Csea%2Csunset%2Cwoman%2Ctorch%2Cflame%2Cimprisoned%2Cexile%2Cworld%2Ceyes%2C+lips%2C+tired%2C+poor%2C+masses%2C+breathe%2C+teeming%2C+lamp%2C+golden%2C+door&year_start=1883&year_end=2008&corpus=15&smoothing=1&share=&direct_url=t1%3B%2Cbrazen%3B%2Cc0%3B.t1%3B%2Climbs%3B%2Cc0%3B.t1%3B%2Cland%3B%2Cc0%3B.t1%3B%2Csea%3B%2Cc0%3B.t1%3B%2Csunset%3B%2Cc0%3B.t1%3B%2Cwoman%3B%2Cc0%3B.t1%3B%2Ctorch%3B%2Cc0%3B.t1%3B%2Cflame%3B%2Cc0%3B.t1%3B%2Cimprisoned%3B%2Cc0%3B.t1%3B%2Cexile%3B%2Cc0%3B.t1%3B%2Cworld%3B%2Cc0%3B.t1%3B%2Ceyes%3B%2Cc0" width=900 height=500 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe> | |
<button class="button" id="imagebutton">Artist Statement</button> | |
</p>--> | |
</html> | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment