102 lines
3.5 KiB
HTML
102 lines
3.5 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/rizk.css" />
|
||
<title>Placeholder for Title</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/rizk.js"></script>
|
||
|
||
|
||
</head>
|
||
<body>
|
||
|
||
|
||
<script type="text/html" id="tmpl_images">
|
||
<div class="imagesWrapper">
|
||
<% if (images.length > 0) { %> Images from FlickR: <% } %> <br />
|
||
<% for (var i=0; i<images.length;i++) { var img = images[i]; %>
|
||
<div class="imageWrapper">
|
||
<a href="<%= img.sizes[3].source %>" class="flickrImage mediaThumb" title="<%= img.photoInfo.title %>" data-id="<%= img.id %>" data-location="<%= img.location.id %>" data-event="<%= img.event.id %>" rel="group_<%= img.id %>">
|
||
<img src="<%= img.sizes[0].source %>" alt="<%= img.photoInfo.title %>" />
|
||
</a>
|
||
</div>
|
||
<% } %>
|
||
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/html" id="tmpl_youtubes">
|
||
<div class="videosWrapper">
|
||
<% if (videos.length > 0) { %> Videos from YouTube: <% } %> <br />
|
||
<% for (var i=0; i<videos.length;i++) { var vid = videos[i]; %>
|
||
<div class="videoWrapper">
|
||
<a href="vid.url" target="_blank" class="youtubeVideo mediaThumb" title="<%= vid.info.description %>" data-id="<%= vid.id %>" data-event="<%= vid.event.id %>" data-location="<%= vid.location.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_padmas">
|
||
|
||
</script>
|
||
<script type="text/html" id="tmpl_about">
|
||
<div class="navContent" id="about">
|
||
<div class="contentWrapper about">
|
||
|
||
<p>
|
||
Placeholder for about content
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
<div id="wrapper">
|
||
<div id="timeline">
|
||
{% for e in events %}
|
||
<div class="event" data-id="{{ e.id }}" id="event_{{ e.id }}">
|
||
{{ e.name }} <br />
|
||
{{ e.start_time }} - {{ e.end_time }}
|
||
<div class="eventDescription">
|
||
{{ e.description }}
|
||
</div>
|
||
</div>
|
||
{% endfor %}
|
||
</div>
|
||
<div id="map">
|
||
|
||
</div>
|
||
<div id="buttons">
|
||
<a class="navButton" href="Javascript:$.noop()" data-target="about" id="aboutBtn">About</a>
|
||
<a class="navButton" href="Javascript:$.noop()" data-target="questions" id="questionsBtn">Experiences</a>
|
||
</div>
|
||
<div id="media">
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</body>
|
||
|
||
</html>
|