updated venue page

6 files changed, 182 insertions, 5 deletions

diff --git a/static/data/iitb_map.pdf b/static/data/iitb_map.pdf
new file mode 100644
index 0000000..e3d9a4e
--- /dev/null
+++ b/static/data/iitb_map.pdf
diff --git a/static/website/css/main.css b/static/website/css/main.css
index 7bfcebc..18c9087 100644
--- a/static/website/css/main.css
+++ b/static/website/css/main.css
@@ -257,3 +257,54 @@ body {
 #proposal-form textarea {
     height: 100px;
 }
+
+/* venue css */
+#reach-iitb{
+  height: 400px;
+  margin-bottom: 25px;
+}
+#reach-iitb .side-nav{
+  height: 455px;
+  overflow: hidden;
+  background: #ffffff;
+}
+#reach-iitb .nav-pills>li>a {
+    -webkit-border-radius: 0;
+       -moz-border-radius: 0;
+         -o-border-radius: 0;
+            border-radius: 0;
+} 
+#reach-iitb #fare{
+  overflow-x: hidden;
+  overflow-y: scroll;
+  padding:5px;
+  height: 150px;
+  margin-top: 15px;
+  font-size: .8em;
+  background: #f5f5f5;
+  text-align: justify;
+  -webkit-border-radius: 5px;
+     -moz-border-radius: 5px;
+       -o-border-radius: 5px;
+          border-radius: 5px;
+}
+#reach-iitb #map{
+  height: 455px;
+  padding: 0;
+  background: #ffffff;
+  border: 1px solid #f5f5f5;
+}
+#map-loader{
+    display: block;
+    margin: 220px auto 0;
+}
+#map {
+    position: relative;
+}
+#mappy{
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+}
diff --git a/static/website/images/map-loader.gif b/static/website/images/map-loader.gif
new file mode 100644
index 0000000..b13cbd1
--- /dev/null
+++ b/static/website/images/map-loader.gif
diff --git a/static/website/js/venue.js b/static/website/js/venue.js
new file mode 100644
index 0000000..742727c
--- /dev/null
+++ b/static/website/js/venue.js
@@ -0,0 +1,73 @@
+$(document).ready(function(){
+
+var airport = '<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.co.in/maps?f=d&amp;source=s_d&amp;saddr=Chhatrapati+Shivaji+International+Airport,+Andheri+East,+Mumbai,+Maharashtra&amp;daddr=IIT+Main+Gate&amp;hl=en&amp;geocode=FQFLIwEdg-NXBCGuqHTEYBrMHilHKb2ZUMjnOzGuqHTEYBrMHg%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&amp;aq=4&amp;oq=IIT&amp;sll=19.099667,72.883154&amp;sspn=0.094407,0.154324&amp;mra=pd&amp;ie=UTF8&amp;t=m&amp;ll=19.110379,72.895527&amp;spn=0.029763,0.042183&amp;output=embed"></iframe>';
+var airport_description = 'Convenient way to reach IITB from airport is to BEST buses running on route no. 382 or 409. Alternatively you may take an auto directly to IIT which would cost you around 90 rs.(depending on traffic) or a taxi which would cost around 100 Rs.';
+
+var dadar = '<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.co.in/maps?f=d&amp;source=s_d&amp;saddr=dadar+station&amp;daddr=IIT+Main+Gate&amp;hl=en&amp;geocode=FZMqIgEdYXRXBCkdh7S_3M7nOzHZNplA5uMmIw%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&amp;aq=&amp;sll=19.037454,72.908363&amp;sspn=0.188885,0.308647&amp;mra=ls&amp;ie=UTF8&amp;ll=19.037454,72.908363&amp;spn=0.112729,0.100371&amp;t=m&amp;output=embed"></iframe>';
+var dadar_description = 'Go to Dadar central line (typically on platform 6 of central line). Buy a ticket to Kanjurmarg at the ticket counter located on a level above the platform. Board a ‘slow’ local train (typically from platforms 3-5) which goes atleast upto Thane. Get down at Kanjurmarg Station (exit from platform No.1 to Kanjurmarg west). Take an auto rickshaw to IITB (Fare ~ Rs. 30).';
+
+var thane = '<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.co.in/maps?f=d&amp;source=s_d&amp;saddr=Thane+Railway+Station,+Station+Road+Kopri,+Thane,+Maharashtra&amp;daddr=IIT+Main+Gate&amp;hl=en&amp;geocode=FY7CJAEd_4BZBCkjQ1Rf37jnOzF9iI2abfvySQ%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&amp;aq=4&amp;oq=IIT&amp;sll=19.155222,72.944412&amp;sspn=0.094375,0.154324&amp;mra=pd&amp;ie=UTF8&amp;ll=19.155222,72.944412&amp;spn=0.06341,0.058068&amp;t=m&amp;output=embed"></iframe>';
+var thane_description = 'Buy a ticket to Kanjurmarg (central line) at the local train ticket counter. Come to platform 1, 3 or 4. Board a ‘slow’ local train which goes atleast upto Dadar/CST. Get down at Kanjurmarg Station (exit from platform No.1 to Kanjurmarg west). Take an auto rickshaw to IITB (Fare ~ Rs. 30).';
+
+var bandra = '<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.co.in/maps?f=d&amp;source=s_d&amp;saddr=Bandra+Terminus,+Naupada,+Bandra+East,+Mumbai,+Maharashtra&amp;daddr=IIT+Main+Gate&amp;hl=en&amp;geocode=FWLeIgEdQHdXBCm3sivHGcnnOzF9Gr08r3UTdQ%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&amp;aq=0&amp;oq=Bandra+ter&amp;sll=19.155709,72.945614&amp;sspn=0.094375,0.154324&amp;mra=ls&amp;ie=UTF8&amp;ll=19.155709,72.945614&amp;spn=0.079966,0.075124&amp;t=m&amp;output=embed"></iframe>';
+var bandra_description = 'Go to the Bandra terminus (BDTS), take an auto rickshaw to the Kurla Station (Fare ~ Rs. 40). Buy a ticket to Kanjurmarg (central line) at the local train ticket counter. Board a ‘slow’ local train (typically from platform No.1) which goes atleast upto Thane. Get down at Kanjurmarg Station (exit from platform No.1 to Kanjurmarg west). Take an auto rickshaw to IITB (Fare ~ Rs. 30).';
+
+var tilak = '<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.co.in/maps?f=d&amp;source=s_d&amp;saddr=Lokmanya+Tilak+Terminus,+Pipeline+Road,+Kurla,+Mumbai,+Maharashtra&amp;daddr=IIT+Main+Gate&amp;hl=en&amp;geocode=FSb7IgEdST5YBCGh8y-GNk5pZinbn-jom8jnOzGh8y-GNk5pZg%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&amp;aq=0&amp;oq=Lokmany&amp;sll=19.101053,72.879009&amp;sspn=0.094406,0.154324&amp;mra=ls&amp;ie=UTF8&amp;ll=19.101053,72.879009&amp;spn=0.063015,0.045739&amp;t=m&amp;output=embed"></iframe>';
+var tilak_description = 'The most convenient way to reach IITB is to take an auto rickshaw (Fare ~ Rs. 80).';
+
+var central = '<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.co.in/maps?f=d&amp;source=s_d&amp;saddr=Mumbai+Central+station,+Mumbai,+Maharashtra&amp;daddr=IIT+Main+Gate&amp;hl=en&amp;geocode=FVt4IQEd3SJXBCFssj0JqjsoWSmzxd6Nbs7nOzFssj0JqjsoWQ%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&amp;aq=&amp;sll=19.0472,72.879606&amp;sspn=0.188874,0.308647&amp;mra=ls&amp;ie=UTF8&amp;t=m&amp;ll=19.0472,72.879606&amp;spn=0.163085,0.117661&amp;output=embed"></iframe>';
+var central_description = 'Go to the Bombay Central Terminus (BCT) and walk to the Bombay Central local train. Buy a ticket to Kanjurmarg (central line) at the local train ticket counter. Board a ‘slow’ local train that halts at all stations on the line to Andheri/Borivali. Get down at Dadar (western line). Walk over to Dadar (central line) using an over-bridge. Further, kindly follow the instructions given earlier for Dadar (central line) to IITB.';
+
+var shivaji = '<iframe width="100%" height="100% "src="https://www.google.com/maps/embed?pb=!1m21!1m12!1m3!1d26081603.294420466!2d-95.677068!3d37.06250000000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m6!1i0!3e6!4m1!2sCST%2C+Dadabhai+Naoroji+Road%2C+Chhatrapati+Shivaji+Terminus+Area%2C+Mumbai%2C+Maharashtra%2C+India!4m1!2sIIT+Main+Gate%2C+IIT+Area%2C+Mumbai%2C+Maharashtra%2C+India!5e0!3m2!1sen!2s!4v1395233704932" frameborder="0" style="border:0"></iframe>';
+var shivaji_description = 'Buy a ticket to Kanjurmarg (central line) at the local train ticket counter. Come to the local train terminus (platforms 1-8, right of the long distance terminal). Board a ‘slow’ local train (typically from platforms 3-5) which goes atleast upto Thane. Get down at Kanjurmarg Station (exit from platform No.1 to Kanjurmarg west). Take an auto rickshaw to IITB (Fare ~ Rs. 30).';
+
+  /* Load map on link click */
+  $(".side-nav li a").click(function(e){
+    
+    var clicked = $(this).attr("id");
+    var from = '';
+    switch(clicked){
+    	case "airport": 
+            clicked = airport; 
+            from = 'From Airport';
+            description = airport_description;
+            break;
+    	case "dadar": 
+            clicked = dadar;
+            from = 'From Dadar Station';
+            description = dadar_description;
+            break;
+    	case "thane": 
+            clicked = thane;
+            from = 'From Thane Station';
+            description = thane_description;
+            break;
+    	case "bandra": 
+            clicked = bandra;
+            from = 'From Bandra Terminus';
+            description = bandra_description;
+            break;
+    	case "tilak": 
+            clicked = tilak;
+            from = 'From Lokmanya Tilak Terminus';
+            description = tilak_description;
+            break;
+    	case "central": 
+            clicked = central;
+            from = 'From Mumbai Central';
+            description = central_description;
+            break;
+    	case "shivaji": 
+            clicked = shivaji;
+            from = 'From Chhatrapati Shivaji Terminus';
+            description = shivaji_description;
+            break;
+    }
+    $(".side-nav li").removeClass("active");
+    $(this).closest('li').addClass("active");
+    $("#from").html(from);
+    $("#description").html(description);
+    $("#mappy").html(clicked);
+    e.preventDefault();
+  });
+});
diff --git a/static/website/templates/base.html b/static/website/templates/base.html
index 64febfd..2faf94f 100755
--- a/static/website/templates/base.html
+++ b/static/website/templates/base.html
@@ -106,6 +106,8 @@
 <script src="{% static 'dajax/jquery.dajax.core.js' %}"></script>
 {% compress js %}
 <script src="{% static 'website/js/main.js' %}"></script>
+{% block javascript %}
+{% endblock %}
 {% endcompress %}
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/static/website/templates/venue.html b/static/website/templates/venue.html
index 1adff73..75b4fb9 100644
--- a/static/website/templates/venue.html
+++ b/static/website/templates/venue.html
@@ -1,4 +1,5 @@
 {% extends 'website/templates/base.html' %}
+{% load static %}
 
 {% block sidebar %}
 {% endblock %}
@@ -8,9 +9,59 @@ Venue
 {% endblock %}
 
 {% block content %}
-<h3>Venue - IIT Bombay</h3>
-<hr>
-<div>
-<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d942.3681463328357!2d72.916895!3d19.130779999999998!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c7f4215f57bf%3A0xcf0c03ea45a113e1!2sLecture+Hall+Complex+(LHC)!5e0!3m2!1sen!2sin!4v1410350543516" width="930" height="450" frameborder="0" style="border:0"></iframe>
-</div>
+<div class="row">
+    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+        <h3 class="garmond"><em>Venue</em>: IIT Bombay, Powai, India.</h3>
+        <p>
+            <em> Links: </em>
+            <a href="http://www.iitb.ac.in" target="_blank"><span class="label label-primary">IITB Website</span></a>
+            <a href="{% static 'data/iitb_map.pdf' %}" target="_blank"><span class="label label-success">IITB Map</span></a>
+        </p>
+        <hr>
+        <h3 class="garmond">A quick guide on reaching IITB campus.</h3>
+        <p>
+            <ul>
+                <li>Powai is an eastern suburb in North-Eastern part of Mumbai. </li>
+                <li>Here is how you can reach IIT Bombay from various important stations.</li>
+            </ul>
+        </p> <br>
+    </div> <!-- /.col -->
+</div> <!-- /.row -->
+<div id="reach-iitb"> 
+    <div class="row">
+        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
+            <ul class="nav nav-pills nav-stacked text-left side-nav">
+                <li class="active"><a id="airport" href="#"><small>From Airport</small></a></li>
+                <li><a id="dadar" href="#"><small>From Dadar Station</small></a></li>
+                <li><a id="thane" href="#"><small>From Thane Station</small></a></li>
+                <li><a id="bandra" href="#"><small>From Bandra Terminus</small></a></li>
+                <li><a id="tilak" href="#"><small>From Lokmanya Tilak Terminus</small></a></li>
+                <li><a id="central" href="#"><small>From Mumbai Central</small></a></li>
+                <li><a id="shivaji" href="#"><small>From Chatrapati Shivaji Terminus</small></a></li>
+                <li id="fare">
+                <h6>Transit Details: <span id="from">From Airport</span></h6>
+                <p id="description">
+                Convenient way to reach IITB from airport is to BEST buses running on route no. 382 or 409.
+                Alternatively you may take an auto directly to IIT which would cost you around 90 rs.
+                (depending on traffic) or a taxi which would cost around 100 Rs.
+                </p>
+                </li>
+            </ul>
+        </div> <!-- /.col -->
+        
+        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
+            <div id="map">
+                <img id="map-loader" src="{% static 'website/images/map-loader.gif' %}">
+                <div id="mappy">
+                    <iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.co.in/maps?f=d&amp;source=s_d&amp;saddr=Chhatrapati+Shivaji+International+Airport,+Andheri+East,+Mumbai,+Maharashtra&amp;daddr=IIT+Main+Gate&amp;hl=en&amp;geocode=FQFLIwEdg-NXBCGuqHTEYBrMHilHKb2ZUMjnOzGuqHTEYBrMHg%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&amp;aq=4&amp;oq=IIT&amp;sll=19.099667,72.883154&amp;sspn=0.094407,0.154324&amp;mra=pd&amp;ie=UTF8&amp;t=m&amp;ll=19.110379,72.895527&amp;spn=0.029763,0.042183&amp;output=embed">
+                    </iframe>
+                </div>
+            </div> <!-- /map -->
+        </div> <!-- /.col -->
+    </div> <!-- /.row -->
+</div> <!--/#reach-iitb -->
+{% endblock %}
+
+{% block javascript %}
+<script src="{% static 'website/js/venue.js'%}"></script>
 {% endblock %}