194 lines
11 KiB
HTML
194 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
|
||
<meta name="keywords" content="Flyovers, Mumbai, Construction, Traffic, overpass, skywalk" />
|
||
<meta name="title" content="Vertical Urbanism" />
|
||
<meta name="description" content="This site maps the landscapes of elevated road highways – flyovers – and elevated pedestrian walkways – skywalks – across the Mumbai Metropolitan Region in Western India." />
|
||
<link rel="stylesheet" type="text/css" href="/static/css/vurbanism.css" />
|
||
<title>Vertical Urbanism: Flyovers and Skywalks in Mumbai</title>
|
||
<link rel="stylesheet" type="text/css" href="/static/css/colorbox.css" />
|
||
<script type="text/javascript" src="/static/js/jquery.js"></script>
|
||
<script type="text/javascript" src="/static/js/jquery.colorbox-min.js"></script>
|
||
<script type="text/javascript" src="/static/js/openlayers/OpenLayers.js"></script>
|
||
<script src='http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAsn1j-ZGGtRgZ9aMJPCZbRxTEwe8r4EmncxniwLCEI2F-aeUoNRTBAUi3uvVAsZpLkcO78Ryd18Hfaw'></script>
|
||
|
||
<script type="text/javascript" src="/static/js/vurbanism.js"></script>
|
||
|
||
|
||
</head>
|
||
<body>
|
||
<script type="text/html" id="tmpl_images">
|
||
<div class="imagesWrapper">
|
||
<% for (var i=0; i<images.length;i++) { var img = images[i]; %>
|
||
<div class="imageWrapper">
|
||
<a href="<%= img.sizes[3].source %>" class="flyoverImage" title="<%= img.caption %>" data-id="<%= img.flyover.id %>">
|
||
<img src="<%= img.sizes[0].source %>" alt="<%= img.caption %>" />
|
||
</a>
|
||
</div>
|
||
<% } %>
|
||
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/html" id="tmpl_videos">
|
||
<div class="videosWrapper">
|
||
<% for (var i=0; i<videos.length;i++) { var vid = videos[i]; %>
|
||
<div class="videoWrapper">
|
||
<a href="#" class="flyoverVideo flyoverImage" title="<%= vid.info.description %>" data-id="<%= vid.flyover.id %>" rel="group_<%= vid.id %>">
|
||
<img src="<%= vid.info.thumbnail %>" alt="<%= vid.info.description %>" />
|
||
</a>
|
||
</div>
|
||
<% } %>
|
||
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/html" id="tmpl_texts">
|
||
<div class="textsWrapper">
|
||
<% for (var i=0; i<texts.length;i++) { var txt = texts[i]; %>
|
||
<p class="textWrapper flyoverImage" data-id="<%= txt.flyover.id %>">
|
||
<%= txt.text %>
|
||
</p>
|
||
<% } %>
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/html" id="tmpl_audios">
|
||
<div class="audiosWrapper">
|
||
<% for (var i=0; i<audios.length;i++) { var audio = audios[i]; %>
|
||
<div class="audioWrapper" data-id="<%= audio.flyover.id %>">
|
||
<audio src="<%= audio.info.url %>" controls="controls">
|
||
<a href="<%= audio.info.url %>" target="_blank" title="<%= audio.info.title %>" class="audioFail">Right-click and Save-As to download</a>
|
||
</audio>
|
||
<div class="audioTotle">
|
||
<%= audio.info.title %>
|
||
</div>
|
||
<div>
|
||
<% } %>
|
||
|
||
</div>
|
||
|
||
</script>
|
||
|
||
<script type="text/html" id="tmpl_about">
|
||
<div class="navContent" id="about">
|
||
<div class="contentWrapper about">
|
||
|
||
<p class="trans" data-lang_hi="यह साईट भारत के पश्चिमी महानगर मुंबई के उन्नत राजमार्ग, हवाई पुल, स्क्य्वाल्क्स, उन्नत पैदल रास्तों और प्रकृति छवि का एक नक्षा है. हवाई पुल और स्क्य्वाल्क्स मुंबई के तेजी से बढते हुए शहरीकरण की प्रत्यक्ष विशेषता बन गए हैं.">This site maps the landscapes of elevated road highways – flyovers – and
|
||
elevated pedestrian walkways – skywalks – across the Mumbai Metropolitan
|
||
Region in Western India.</p>
|
||
|
||
<p class="trans" data-lang_hi="हवाई पुलों की संख्या १९९७ में १३ से २००९ में ६० तक बढ़ गयी है, उस अवधि में यहाँ के पहले स्क्य्वाल्क्स २००८ में बनें. इसके अलावा अनेक योजनायें अविरत और प्रस्तावित भी हैं. यह साईट फोटोग्राफों, विडियो, और श्रव्य क्लिप को कोडांतरण और वर्गीकृत करके आप तक एक नये और विभिन्न प्रकार का नगरीय जगत पेश करता है. सभी जानकारी अप्रैल २००९ से जनवरी २०१० के बीच में अनद्रू हरिस द्वारा और सावित्री मेधातुल के सहयोग से एकत्र की गयी है.">Both flyovers and skywalks have become a highly visible feature of Mumbai’s
|
||
recent rapid urbanisation. The number of flyovers increased from 13 in 1997
|
||
to over 60 by 2009, while the first skywalks were constructed in 2008. Many
|
||
more projects are ongoing and proposed.</p>
|
||
|
||
|
||
<p class="trans" data-lang_hi="यह वेबसाइट अनद्रू हरिस का यत्न और संजय भांगर का निर्माण है.">By assembling and categorising photographs, videos, audio-clips and text,
|
||
this site allows users to explore some of the new and diverse urban worlds
|
||
created through flyover and skywalk construction.</p>
|
||
|
||
<p class="trans" data-lang_hi="अनुसंधान का मूलधन यूके की इकोनोमिक एंड सोशल रिसर्च कौंसिल तथा अर्बन लाबरातोरी ऑफ यूनिवर्सिटी कॉलेज, लन्दन ने प्रस्तुत किया है.">All material was collected between April 2009 and January 2010 by Andrew
|
||
Harris with the assistance of Savitri Medhatul. The website was devised by
|
||
Andrew Harris and created by Sanjay Bhangar.The research was funded by
|
||
the UK’s Economic and Social Research Council and the Urban Laboratory of
|
||
University College London.</p>
|
||
<a href="http://www.ucl.ac.uk/urbanlab" title="Urban Lab">
|
||
<img src="/static/images/urbanlablogo.jpg" width="200" alt="Urban Lab Logo" title="Urban Lab" />
|
||
</a>
|
||
<a href="http://www.esrc.ac.uk/" title="Economic and Social Research Council">
|
||
<img src="/static/images/esrclogo.jpg" alt="ESRC Logo" width="200" title="Economic and Social Research Council" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/html" id="tmpl_questions">
|
||
<div class="navContent" id="questions">
|
||
<div class="contentWrapper questions">
|
||
{% for key, value in questions.items %}
|
||
<div class="questionWrapper">
|
||
<div class="question trans" data-lang_hi="{{ value.hi }}">
|
||
{{ value.en }}
|
||
</div>
|
||
<div class="answer">
|
||
<textarea id="{{ key }}"></textarea>
|
||
</div>
|
||
</div>
|
||
{% endfor %}
|
||
|
||
<div class="questionWrapper">
|
||
<span class="trans" data-lang_hi="नाम (वैकल्पिक):">Name (optional):</span> <input type="text" id="name" /><br />
|
||
<span class="trans" data-lang_hi="इ - मेल (वैकल्पिक):"> E-Mail (optional):</span> <input type="text" id="email" /><br />
|
||
</div>
|
||
<div class="questionWrapper">
|
||
<button id="submitQuestions" class="trans" data-lang_hi="भेजें">Submit</button>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
<div id="wrapper">
|
||
<div id="categories">
|
||
<table class="translatable">
|
||
<tr>
|
||
<td class="imageCategory" data-type="image" data-id="11" data-lang_hi="हवाई पुल">Flyover sweeps</td>
|
||
<td class="imageCategory" data-type="image" data-id="1" data-lang_hi="केंद्रीय दर्शन">Central underview</td>
|
||
<td class="imageCategory" data-type="image" data-id="9" data-lang_hi="प्रतिरूप">Models</td>
|
||
<td class="imageCategory" data-type="image" data-id="16" data-lang_hi="स्क्य्वाल्क स्वीप्स ">Skywalk sweeps</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="imageCategory" data-type="image" data-id="6" data-lang_hi="चिन्ह">Signs</td>
|
||
<td class="imageCategory" data-type="image" data-id="7" data-lang_hi="बांध">Piers</td>
|
||
<td class="imageCategory" data-type="image" data-id="15" data-lang_hi="स्क्य्वाल्क पत्रभाग">Skywalk Columns</td>
|
||
<td class="imageCategory" data-type="image" data-id="13" data-lang_hi="अन्तिम सतह">End surfaces</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="imageCategory" data-type="image" data-id="4" data-lang_hi="असमाप्त">Unfinished</td>
|
||
<td class="imageCategory" data-type="image" data-id="12" data-lang_hi="निर्माण">Construction</td>
|
||
<td class="videoCategory" data-type="video" data-id="2" data-lang_hi="निर्माण">Construction</td>
|
||
<td class="textCategory" data-type="text" data-id="6" data-lang_hi="संचार माध्यम">Media</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="imageCategory" data-type="image" data-id="2" data-lang_hi="व्यवस्थापन">Regulation</td>
|
||
<td class="imageCategory" data-type="image" data-id="10" data-lang_hi="घेराबंदी">Fencing</td>
|
||
<td class="videoCategory" data-type="video" data-id="4" data-lang_hi="रास्ते में">In The Way</td>
|
||
<td class="textCategory" data-type="text" data-id="5" data-lang_hi="तकनीकी">Technical</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="imageCategory" data-type="image" data-id="14" data-lang_hi="ग्रीनस्पेस">Greenspace</td>
|
||
<td class="imageCategory" data-type="image" data-id="8" data-lang_hi="इश्तिहार">Posters</td>
|
||
<td class="videoCategory" data-type="video" data-id="1" data-lang_hi="मार्ग">Routes</td>
|
||
<td class="textCategory" data-type="text" data-id="4" data-lang_hi="कथन">Stories</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="imageCategory" data-type="image" data-id="5" data-lang_hi="कार्यकाल तले">Life underneath</td>
|
||
<td class="imageCategory" data-type="image" data-id="3" data-lang_hi="संचय/विक्रय">Storing / Selling</td>
|
||
<td class="videoCategory" data-type="video" data-id="3" data-lang_hi="भभका तले">Stills underneath</td>
|
||
<td class="audioCategory" data-type="audio" data-id="1" data-lang_hi="भूमि ध्वनि">Ground Sounds</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div id="map">
|
||
|
||
</div>
|
||
<div id="buttons">
|
||
<span class="navButtons">
|
||
<a class="navButton trans" href="Javascript:$.noop()" data-target="about" data-lang_hi="विषय" id="aboutBtn">About</a>
|
||
<a class="navButton trans" href="Javascript:$.noop()" data-target="questions" data-lang_hi="अनुभवें" id="questionsBtn">Experiences</a>
|
||
</span>
|
||
|
||
</div>
|
||
<div id="media">
|
||
|
||
</div>
|
||
</div>
|
||
<div class="langButtons">
|
||
<a class="langButton" href="Javascript:$.noop()" data-language="hi">हिंदी</a>
|
||
<a class="langButton langSelected" href="Javascript:$.noop()" data-language="en">English</a>
|
||
</div>
|
||
|
||
</body>
|
||
|
||
</html>
|