

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<html lang="en-US" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>

<script type="text/javascript">archive_analytics.values.service='wb';archive_analytics.values.server_name='wwwb-app42.us.archive.org';archive_analytics.values.server_ms=527;</script><script type="text/javascript" src="/static/js/wbhack_v_1500596387.0.js" charset="utf-8"></script>

<script type="text/javascript">
__wbhack.init('/web');
</script>





    <!-- Basic Page Needs
  ================================================== -->
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
			<title> Phototrails &mdash;  Bangkok-Montage</title>		
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	  
	<meta property="og:site_name" content="Phototrails"/>  
	<meta property="og:description" content=""/>  
	<meta property="og:type" content="article"/>  
	<meta property="og:image" content="http://phototrails.net:80/bangkok-montage/"/> 
		<link rel="alternate" type="application/rss+xml" title="Phototrails » Feed" href="/feed/index.html"/>

<link rel="alternate" type="application/rss+xml" title="Phototrails » Bangkok-Montage Comments Feed" href="/bangkok-montage/feed/index.css"/>

<link rel="stylesheet" id="mailchimpSF_main_css-css" href="http://phototrails.net/?mcsf_action=main_css&amp;ver=3.8.16" type="text/css" media="all"/>
<!--[if IE]>
<link rel='stylesheet' id='mailchimpSF_ie_css-css'  href='http://phototrails.net/wp-content/plugins/mailchimp/css/ie.css?ver=3.8.16' type='text/css' media='all' />
<![endif]-->
<link rel="stylesheet" id="Raleway:100,300,n,i,b,bi,-css" href="http://fonts.googleapis.com/css?family=Raleway%3A100%2C300%2Cn%2Ci%2Cb%2Cbi%2C&amp;ver=3.8.16" type="text/css" media="all"/>
<link rel="stylesheet" id="&quot;Helvetica+Neue&quot;,+Helvetica,+Arial,+Sans-serif:100,300,n,i,b,bi,-css" href="http://fonts.googleapis.com/css?family=%22Helvetica+Neue%22%2C+Helvetica%2C+Arial%2C+Sans-serif%3A100%2C300%2Cn%2Ci%2Cb%2Cbi%2C&amp;ver=3.8.16" type="text/css" media="all"/>
<link rel="stylesheet" id="prettyphoto-css" href="/wp-content/themes/timewarp/css/prettyPhoto_ver_3.8.16.css" type="text/css" media="all"/>
<link rel="stylesheet" id="flexslider-css" href="/wp-content/themes/timewarp/css/flexslider_ver_3.8.16.css" type="text/css" media="all"/>
<link rel="stylesheet" id="fonts-css" href="/wp-content/themes/timewarp/css/fonts_ver_3.8.16.css" type="text/css" media="all"/>
<link rel="stylesheet" id="grid-css" href="/wp-content/themes/timewarp/css/grid_ver_3.8.16.css" type="text/css" media="all"/>
<link rel="stylesheet" id="menu-css" href="/wp-content/themes/timewarp/css/responsivemenu_ver_3.8.16.css" type="text/css" media="all"/>
<link rel="stylesheet" id="reset-css" href="/wp-content/themes/timewarp/css/reset_ver_3.8.16.css" type="text/css" media="all"/>
<link rel="stylesheet" id="shortcodes-css" href="/wp-content/themes/timewarp/css/shortcodes_ver_3.8.16.css" type="text/css" media="all"/>
<link rel="stylesheet" id="style-css" href="/wp-content/themes/timewarp/style_ver_3.8.16.css" type="text/css" media="all"/>
<link rel="stylesheet" id="custom-css" href="/wp-content/themes/timewarp/css/custom_ver_3.8.16.html" type="text/css" media="all"/>
<link rel="stylesheet" id="tweet_stream_style-css" href="/wp-content/plugins/tweet-stream/tweet_stream_ver_3.8.16.css" type="text/css" media="all"/>
<script type="text/javascript" src="/wp-includes/js/jquery/jquery_ver_1.10.2.js"></script>
<script type="text/javascript" src="/wp-includes/js/jquery/jquery-migrate.min_ver_1.2.1.js"></script>
<script type="text/javascript" src="/wp-content/plugins/mailchimp/js/scrollTo_ver_1.2.14.js"></script>
<script type="text/javascript" src="/wp-includes/js/jquery/jquery.form.min_ver_3.37.0.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var mailchimpSF = {"ajax_url":"http:\/\/web.archive.org\/web\/20161030120731\/http:\/\/phototrails.net\/"};
/* ]]> */
</script>
<script type="text/javascript" src="/wp-content/plugins/mailchimp/js/mailchimp_ver_1.2.14.js"></script>
<script type="text/javascript" src="/wp-includes/js/jquery/ui/jquery.ui.core.min_ver_1.10.3.js"></script>

<script type="text/javascript" src="/wp-content/themes/timewarp/js/vendor/modernizr_ver_1.0.js"></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="/xmlrpc_rsd_.html"/>
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="/wp-includes/wlwmanifest.xml"/> 
<link rel="prev" title="Tokyo-Montage-Time" href="/tokyo-montage-3/index.css"/>
<link rel="next" title="Berlin-Montage" href="/berlin-montage-2/index.css"/>
<meta name="generator" content="WordPress 3.8.16"/>
<link rel="canonical" href="/bangkok-montage/index.css"/>
<link rel="shortlink" href="/index_p_1286.html"/>
	<script type="text/javascript">
		jQuery(function($) {
			$('.date-pick').datepicker({
				autoFocusNextInput: true,
				constrainInput: false,
				changeMonth: true,
				changeYear: true,
				beforeShow: function(input, inst) { $('#ui-datepicker-div').addClass('show'); },
				dateFormat: 'yy/mm/dd',
			});

			d = new Date();
			$('.birthdate-pick').datepicker({
				autoFocusNextInput: true,
				constrainInput: false,
				changeMonth: true,
				changeYear: false,
				minDate: new Date(d.getFullYear(), 1-1, 1),
				maxDate: new Date(d.getFullYear(), 12-1, 31),
				beforeShow: function(input, inst) { $('#ui-datepicker-div').removeClass('show'); },
				dateFormat: 'mm/dd',
			});


		});
	</script>
	<script type="text/javascript" src="/wp-content/plugins/twitget/js/strftime.js"></script><script type="text/javascript" src="/wp-content/plugins/twitget/js/moment.js"></script>	<style type="text/css">.post-like {display:none;}
.projects p, .projects ul {color:#474545;}
.projects header h3 {display:none;}
 article.projects {padding-bottom:40px;}
 article.projects.type-page {padding-bottom:0px;}
.entry-meta, .entry-format {display:none;}
.post article.three h2.entry-title a span {font-size:18px;}
.widget-toptoolbar {float:right;width:100%;}
.widget-toptoolbar div {float:right;}
.widget-toptoolbar h3{display:none;}
.widget-toptoolbar li span {font-size:16px;}
.copyright { text-align: left;width:50%; float:left;}
.copyleft {text-align: right;margin:0px; float:left;width:50%;}
.copyright p {font-size:11px;}
.site-slogan {display:none;}
#header nav ul {text-transform:uppercase;}
#header {-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow:none;}
.projects, .content, footer {-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow:none;}
#header nav ul li a {color:#000;}
.projects header {padding-top:25px; }
.post article.format-image h2.entry-title {background:none;}
.post article.format-image h2.entry-title a {background:#fff;}

 p.flex-caption {
  background:rgba(0, 0, 0, 0.498039);
  border-bottom-left-radius:1px;
  border-bottom-right-radius:1px;
  border-top-left-radius:1px;
  border-top-right-radius:1px;
  top:15px;
  color:#FFFFFF;
  font-size:10px;
  margin:0 auto;
  padding:5px;
  line-height: 100%;
  position:absolute !important;
  right:10px;
  text-transform:uppercase;
}
.imagepost {width:50%;float:left;}
 .imagepostgal {width:50%;float:left;}
.imageposttext {padding:0px 0px 50px 50px;text-align:left;}

.flex-control-paging li a {background:rgba(255,255,255,0.5);width: 5px;
height: 5px;}


.inner h1 {display:none;}
.inner a {text-decoration:underline;}
.post article .entry-content p {color:#cccccc; font-size:13px;}
.post article .inner { padding-bottom:0px;}
 

footer {background:#f7f7f7;}
.widget-area h3 {font-size:14px; color:#777777;}
.widget-area {font-size:12px; color:#777777; }
footer .widget-area a {text-decoration:underline;}
.textwidget {margin-right:40px;}

.hr {border-bottom:none; padding-top:15px; padding-bottom:15px;}

.inner h4 {color:#555555;font-size:1.15em; line-height:1.5em;}

 .projects-index .hover {-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;}
.projects-index .hover .angle { background:none;}
.blackbg {background:#000; color:#fff;}

ul#gallery li span.caption {font-size:12px}

.projects header p.lead {text-align:justify;}
.scale-with-grid {}
ul#gallery.two li img {width: auto;
    }
.caption {font-size:11px; padding-top:5px;}

.widget-area ul li {text-indent: 0px;}

.widget-footer ul.social li a {color:#777777;}
#homewhite p {background:#fff;width:auto;}
#hpboxes h2 {font-size:22px;}
#hpboxes p {font-size:13px; line-height:20px;}

.homepage .flex-caption,.homepage .flex-direction-nav {display:none;}
 

header h1 {font-size: 1.9em;}
#header nav ul li {
 
line-height: 90px;
}
.pp_gallery li {display:none;}
.site-title img {padding-left:2px;}
#cities h2 {display:block;font-size: 2.5em;}

.fourth h3 a {text-decoration:none;}
.widget-area ul li {border-bottom:none;}

.flex-control-paging li a {display:none;}
.post-1187 {padding-top:60px;}

.widget-area ul li a {display: inline;}</style>


</head>
<body class="page page-id-1286 page-template page-template-page-project-php">

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'Phototrails', status: true, cookie: true,
		xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      'http://connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->

<a href="#" class="scrollup"><i class="icon-angle-up"></i></a>

<!-- .header -->
<header id="header">
	
	<section class="container">	

		<div class="three columns">

			<!-- site title -->
			<a class="site-title" href="/index.html" title="Phototrails"><img style="margin-top:60px;" src="/wp-content/uploads/2013/03/logo4.png" < img></a> <div class="site-slogan">Tracing Cultural Patterns<br/> in User-Generated Photos</div>				

		</div>

		<div class="nine columns"><aside class="widget-area widget-toptoolbar"><div><h3></h3><ul class="social clearfix"><li><a target="_blank" href="https://twitter.com/phototrails"><span class="icon-twitter"></span></a></li><li><a target="_blank" href="https://www.facebook.com/Phototrails"><span class="icon-facebook"></span></a></li><li><a target="_blank" href="https://plus.google.com/107836127961870987525"><span class="icon-google-plus"></span></a></li><li><a target="_blank" href="http://pinterest.com/phototrails/instagram-cities/"><span class="icon-pinterest"></span></a></li></ul></div></aside>	

			<!-- widget area -->
			<div class="widget-header push-right">

				<nav id="primary" role="navigation">
				<ul id="menu-topmenu" class="menu"><li id="menu-item-385" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-385"><a href="/about/index.html">About</a></li>
<li id="menu-item-1643" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1643"><a href="/instagram-cities/index.html">Instagram Cities</a></li>
<li id="menu-item-987" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-987"><a href="/visualizations/index.html">Techniques</a></li>
<li id="menu-item-384" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-384"><a href="/research/index.html">Publications</a></li>
<li id="menu-item-2773" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2773"><a href="/exhibition/index.html">Exhibition</a></li>
<li id="menu-item-815" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-815"><a href="/team/index.html">Team</a></li>
<li id="menu-item-2655" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2655"><a href="/press/index.html">Press</a></li>
<li id="menu-item-386" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-386"><a href="/contact/index.html">Contact</a></li>
</ul>				</nav>

			</div>

		</div>
		
	</section>   

</header>
<!--// .header -->

<section class="container">

	<div class="twelve columns mobileNav"></div>

</section>
 
 
<section class="container" role="main">
	

	<section class="twelve columns">

		<article class="post-1286 page type-page status-publish hentry projects has_thumb">
	 
		 
			
			 
				 
 
				<p class="lead">
<div class="two-thirds">
<p>Sample of 4,000 random Instagram photos from Bangkok between February 27-April 20th, 2012. Photos are sorted by average hue (left to right, top to bottom)</p>

</div>
<div class="third end" style="font-size:10px; line-height:14px; text-transform:uppercase; text-align:left;padding-top:3px;">
 

</div>
</p>

<div class="two-thirds" style="font-size:10px; line-height:14px; text-transform:uppercase; text-align:left;padding-top:3px;">
 YOU CAN USE ZOOM AND PAN BUTTONS TO EXPLORE THE PHOTOS. THE IMAGE MAY TAKE A FEW MOMENTS TO LOAD.


</div>			 			 
			
<div class="third end" style=" text-align:right;  padding-bottom:5px;">
<div style="padding-right:10px;"><span style="font-size:11px;">
Share this via </span>&nbsp;&nbsp;<a style="cursor:pointer;" class="sn" id="fbbutton" onclick="fbwindows('http://www.facebook.com/sharer.php?u=http://phototrails.net/bangkok-montage/'); return false;"><span class="icon-facebook"></span></a> &nbsp;&nbsp;<a style="cursor:pointer;" class="sn" id="twbutton" onclick="twwindows('http://twitter.com/intent/tweet?text=Bangkok-Montage&amp;url=http://phototrails.net/bangkok-montage/'); return false;"><span class="icon-twitter"></span></a> &nbsp;&nbsp;<a style="cursor:pointer;" class="sn" id="pinbutton" onclick="pinwindows('http://pinterest.com/pin/create/button/?url=http://phototrails.net/bangkok-montage/&amp;media=');"><span class="icon-pinterest"></span></a> 
</div>
</div>
	 
 
  

 <style>
	.smooth_zoom_preloader {
		background-image: url(/wp-content/themes/timewarp/zoom_assets/preloader.gif);
	}	
	.smooth_zoom_icons {
		background-image: url(/wp-content/themes/timewarp/zoom_assets/icons.png);
	}

 
#zoom_container img {max-width:none;} 
</style>
<script src="/wp-content/themes/timewarp/zoom_assets/jquery.smoothZoom.min.js"></script>
<script>
	jQuery(function($){
		$('#zoom_container').smoothZoom({ 
			
image_url: 'http://farm9.staticflickr.com/8124/8784522599_3be24a6ceb_k.jpg',
button_ALIGN: 'top left',
 width: '1170',
button_SIZE: 14,
button_SIZE_TOUCH_DEVICE: 18,
button_BG_TRANSPARENCY: 25,
height: '490',
zoom_MAX:150,
button_AUTO_HIDE: true,
button_AUTO_HIDE_DELAY: 1,
button_ROUND_CORNERS: false,
responsive: true

		});
	});
</script>

 <div id="zoom_container"></div>
 
 

								
 
	
	</article>
</section>
		<div class="three columns">

		<section class="sidebar">
									
		</section>

	</div>
	

</section>
<!-- // .container -->  
<!-- .footer -->
<footer id="colophon" role="contentinfo">

	<div class="container">
		
		<div class="four columns">

			<aside class="widget-area widget-footer"><h3>Social Links &amp; Newsletter</h3><ul class="social clearfix"><li><a target="_blank" href="https://twitter.com/phototrails"><span class="icon-twitter"></span></a></li><li><a target="_blank" href="https://www.facebook.com/Phototrails"><span class="icon-facebook"></span></a></li><li><a target="_blank" href="https://plus.google.com/107836127961870987525"><span class="icon-google-plus"></span></a></li><li><a target="_blank" href="http://pinterest.com/phototrails/instagram-cities/"><span class="icon-pinterest"></span></a></li></ul></aside><aside class="widget-area widget-footer">	
<div id="mc_signup">
	<form method="post" action="#mc_signup" id="mc_signup_form">
		<input type="hidden" id="mc_submit_type" name="mc_submit_type" value="html"/>
		<input type="hidden" name="mcsf_action" value="mc_submit_signup_form"/>
		<input type="hidden" id="_mc_submit_signup_form_nonce" name="_mc_submit_signup_form_nonce" value="33fb6addf6"/>		
			<div id="mc_subheader" style="padding-top:15px;padding-bottom:5px;width:80%;">
			Find out more about Phototrails and get news updates by subscribing to our mailing list.		</div><!-- /mc_subheader -->
			
	<div class="mc_form_inside">
		
		<div class="updated" id="mc_message">
					</div><!-- /mc_message -->

		
<div class="mc_merge_var" style="margin-bottom:5px;">
		<label for="mc_mv_EMAIL" class="mc_var_label" style="width:28%;float:left;  ">Email Address<span class="mc_required">*</span></label>
	<input type="text" size="18" value="" name="mc_mv_EMAIL" id="mc_mv_EMAIL" class="mc_input"/>
</div><!-- /mc_merge_var -->
<div class="mc_merge_var" style="margin-bottom:5px;">
		<label for="mc_mv_NAME" class="mc_var_label" style="width:28%;float:left;  ">Name</label>
	<input type="text" size="18" value="" name="mc_mv_NAME" id="mc_mv_NAME" class="mc_input"/>
</div><!-- /mc_merge_var -->			<div id="mc-indicates-required">
				* = required field			</div><!-- /mc-indicates-required -->
			
		<div class="mc_signup_submit">
			<input type="submit" name="mc_signup_submit" id="mc_signup_submit" value="Subscribe" class="btn btn-square"/>
		</div><!-- /mc_signup_submit -->
	
	
				
	</div><!-- /mc_form_inside -->
	</form><!-- /mc_signup_form -->
</div><!-- /mc_signup_container -->
	</aside>		

		</div>
		<div class="four columns">
	
			<aside class="widget-area widget-footer"><h3>Recent Tweets</h3><ul class="pages">
<li><strong>@phototrails: </strong><br/>
Titles of some of the 2015 exhibitions that include the word "data." What about 2016? Have you seen more "data +"... <a href="https://t.co/f4b2WrKdJH" target="_blank">https://t.co/f4b2WrKdJH</a></li><li><strong>@phototrails: </strong><br/>
New project from our lab analyzes 7,442,454 public Instagram images shared in Manhattan over five months -... <a href="https://t.co/Fb5n3YDYn5" target="_blank">https://t.co/Fb5n3YDYn5</a></li>
</ul></aside><aside class="widget-area widget-footer">			<div class="textwidget"><a href="https://twitter.com/phototrails" class="twitter-follow-button" data-show-count="false" data-dnt="true">Follow @phototrails</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+':http://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></div>
		</aside>		

		</div>				
		<div class="four columns">
				
			<aside class="widget-area widget-footer widget-footer-right"><h3>Affiliations</h3>			<div class="textwidget"><p>Phototrails is a joint project between the department of History of Art and Architecture at the University of Pittsburgh, the Software Studies Initiative at California Institute for Telecommunication and Information, and The Graduate Center, City University of New York. The project is supported by The Andrew W. Mellon Foundation.</p>
<p> <img src="/wp-content/uploads/2013/06/logos11.png"></p>
</div>
		</aside>	

		</div>

			 

		<div class="twelve columns">
			<div class="copyright">
				<p>&copy; 2013 Phototrails.&nbsp;&nbsp;&nbsp;&nbsp;<a href="/privacy/index.html">Privacy</a></p>
		</div>
			<div class="copyleft">
			
				
			
		</div>	
		</div>



		
	</div>

</footer>
<!-- /.footer -->
<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','http://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-41680954-1', 'phototrails.net');
  ga('send', 'pageview');

</script><script type="text/javascript" src="/wp-content/themes/timewarp/js/plugins_ver_1.0.js"></script>
<script type="text/javascript" src="/wp-content/themes/timewarp/inc/audiojs/audio.min_ver_1.0.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;ver=1.0"></script>
<script type="text/javascript" src="/wp-content/themes/timewarp/js/validation_ver_1.0.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var ajax_var = {"url":"http:\/\/web.archive.org\/web\/20161030120731\/http:\/\/phototrails.net\/wp-admin\/admin-ajax.php","nonce":"b309855c4d"};
/* ]]> */
</script>
<script type="text/javascript" src="/wp-content/themes/timewarp/js/post-like_ver_1.0.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var swfJSvars = {"audiojs_url":"http:\/\/web.archive.org\/web\/20161030120731\/http:\/\/phototrails.net\/wp-content\/themes\/timewarp\/inc\/audiojs\/audiojs.swf"};
/* ]]> */
</script>
<script type="text/javascript" src="/wp-content/themes/timewarp/js/main_ver_1.0.js"></script>
</body>
</html>  
		   