menu_test.html

<!DOCTYPE html>
<html>
  <head>
	  <meta charset="UTF-8">
	  
	<title>Menu Test</title>
	<script src="static/javascripts/d3.v3.min.js"></script>
	<script src="static/javascripts/topojson.v1.min.js"></script>
	<script src="static/javascripts/jquery.min.js"></script>
	<script src="static/javascripts/d3.tip.v0.6.3.js"></script>
	<script src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
    <script src="http://d3js.org/queue.v1.min.js"></script>
	<script src="static/javascripts/jquery-ui.min.js"></script>
	<link rel="stylesheet" href="static/stylesheets/jquery-ui.css" />
	<link rel="stylesheet" href="static/bootstrap-3.1.1-dist/css/bootstrap.min.css">
	<script src="static/javascripts/jquery-ui.min.js"></script>
	<link href="static/bootstrap-3.1.1-dist/css/bootstrap-glyphicons.css" rel="stylesheet">
	<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
	<link href='http://fonts.googleapis.com/css?family=EB+Garamond' rel='stylesheet' type='text/css'>

	<link rel="stylesheet" type="text/css" href="static/stylesheets/menu_style.css"> </style>
	
      <!-- Google Analytics
      <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
        ga('create', 'UA-47759411-2', 'youarehere.cc');
        ga('send', 'pageview');
      </script> -->
</head>

<body>
	
	<div id="containers">
		<div id = "input">
			<form id="frm1" >
				Search for: <input type="text" name="searchTerm"> 
				<input type="button" onclick="searchFor()" value="Submit" name="submit" id="submit">
			</form>
			<br/>
		</div>
		<div id = "tree1"></div>
		<div id = "tree2"></div>
	</div>
	
	<div id = "header">
		<div id = "logo">
			<a id="logo" href="http://youarehere.cc"><img src="static/images/logo.jpg" style="width: 60px"></a>
		</div>
		<div id = "title-text">
			<div id = "title">Test for Menus</div>
	  <div id = "subtitle">
		  subtitle
		  <br/> 
		  <a id="showMore" href="#"> ... essay placeholder</a></div>
		</div>
	</div>
	
	

	
	<div id = "footer">
		<div id ="credit">This work is part of the <a href="http://youarehere.cc">You Are Here</a> project +
	        <a href="http://socialcomputing.media.mit.edu"> The Social Computing Group </a>+
	        <a href="http://media.mit.edu"target = "blank"> MIT Media Lab </a> + <a href="http://mit.edu" target = "blank"> MIT</a>
		</div>
		<div id = "feedback">
			<a href="http://youarehere.cc/#/report" target = "blank">Feedback</a> | <a href="http://youarehere.cc/#/faq" target = "blank">FAQ</a>
		</div>
		<div class="spacer"></div>
	</div>
	<script type="text/javascript" charset="utf-8">
	var csv = "harvard-square_menus_test2.csv"	
	var csv = "cambridge_menus_test.csv"	
	
	</script>    
		<div id="essayBox">
			<div id='essayBox-close' class="glyphicon glyphicon-remove"></div>
			<div id='essayContent'>
				text placeholder
			</div>
		</div>
  <script src="test.js"></script>
    </body>
</html>
    