cambridge.html

<!DOCTYPE html>
<html>
  <head>
	  <meta charset="UTF-8">
	  
	<title>Menus in Cambridge</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="static/javascripts/fisheye.js"></script>
	<script src="static/javascripts/underscore.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_style2.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>
	
	<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">
				Cambridge
			</div>
		  	<div id = "subtitle">
			  This map visualizes approximately 58255 menus items from 505 restaurants in Cambridge
			  <a id="showMore" href="#"> ... more</a>
			</div>
		</div>
	</div>
	
	<div id = "left-column">
		Click on:
		<br/>
		<a href="javascript:UpdateAll(fresh);">fresh</a>
		<br/>
		<a href="javascript:UpdateAll(fried);">fried</a>
		<br/>
		<a href="javascript:UpdateAll(chicken);">chicken</a>
		<br/>
		<a href="javascript:UpdateAll(special);">special</a>
		<br/>
		<a href="javascript:UpdateAll(vegetarian);">vegetarian</a>
	</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 = "cambridge_keyword_menu_res.csv"	
	</script>    
		<div id="essayBox">
			<div id='essayBox-close' class="glyphicon glyphicon-remove"></div>
			<div id='essayContent'>
				<p>
					This map visualizes the 58225 food items served in 505 restaurants in Cambridge, MA.
				</p>
				<p>
					Sometimes when recalling a neighborhood, a single restaurant comes to mind. 
					However as a group, the restaurants of a city offer one version of its collective identity.
					What are the different ways chicken is made? 
					What is described as "fresh" or "special"? 
					What do we "roast", "fry", or "bake"?
					How many different "vegetarian" food items can you find in Cambridge?
				</p>
				<p>
					Click on any of the keywords on the left or search for a term yourself
				</p>
			</div>
		</div>
  <script src="test_collapse_nozoom.js"></script>
	<script src="static/javascripts/essay.js"></script>

    </body>
</html>
    