index.html

<!doctype html>
<html lang='en'>
<head>

    <meta charset='utf-8'>
    <title>Ayn Yorker</title>
    <link rel='stylesheet' href='ayn_yorker.css'>
    <link href='http://fonts.googleapis.com/css?family=Caudex' rel='stylesheet' type='text/css'>

</head>
<body>

<h1>THE NEW AYN RAND</h1>
<div id="welcome_div">
	<button type="button" id="getdata-button">Refresh</button>
	<div id="welcome_text">Randomized pairings of cartoons from the New Yorker and Ayn Rand quotes.</div>
</div>

<section class="result">
	<img id="cartoon" src="">
	<p id="caption"></p>
</section>

<div id="thanks">
    Inspired by <a href="http://www.nietzschefamilycircus.com/">Nietzsche Family Circus</a>
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="rand_quotes.js"></script>
<script src="ayn_yorker.js"></script>


</body>
</html>