diff options
Diffstat (limited to 'website/templates/reaching_venue.html')
| -rw-r--r-- | website/templates/reaching_venue.html | 77 |
1 files changed, 25 insertions, 52 deletions
diff --git a/website/templates/reaching_venue.html b/website/templates/reaching_venue.html index 26f2800..66c2cbb 100644 --- a/website/templates/reaching_venue.html +++ b/website/templates/reaching_venue.html @@ -1,4 +1,4 @@ -{% extends 'page.html'%} +{% extends 'page.html' %} {% load static %} {% block breadcrumbs %} <li><a href="{% url 'website:venue'%}">The Venue</a></li> @@ -9,57 +9,30 @@ div {visibility:hidden; </style> {% block content %} -<script type="text/javascript"> -function show(elem) -{ - ele = document.getElementById(elem) - if(ele.style.visibility == "hidden") - { - document.getElementById(elem).style.visibility = "visible"; - document.getElementById(elem).style.display = "block"; - } - else - { - document.getElementById(elem).style.visibility = "hidden"; - document.getElementById(elem).style.display = "none"; - } -} -</script> -<h3>Quick guide to reach IIT Bombay campus</h3> -<p>Powai is an eastern suburb in North-Eastern part of Mumbai -<p>Here is how you can reach IIT Bombay from <a onClick=show('airport')>Airport</a> -<p>Here is how you can reach IIT Bombay from various important stations -<ul> - <li><a onClick=show('dadar')>From Dadar</a></li> - <li><a onClick=show('thane')>From Thane</a></li> - <li><a onClick=show('bdts')>From Bandra Terminus</a></li> - <li><a onClick=show('ltt')>From Lokmanya Tilak Terminus</a></li> - <li><a onClick=show('bct')>From Mumbai Central</a></li> - <li><a onClick=show('cst')>From Chatrapati Shivaji Terminus</a></li> -</ul> +<h4>Quick guide to reach IIT Bombay campus</h4> +<p style="font-size: .9em;"> +- Powai is an eastern suburb in North-Eastern part of Mumbai. <br> +- Here is how you can reach IIT Bombay from various important stations. +</p> -<a href="{% static 'docs/iitb_map.pdf' %}" >This</a> will help you to find places inside campus. +<div id="reach-scipy" class="row"> + <ul class="side-nav large-4 columns"> + <li class="active"><a id="airport" href="#">From Airport</a></li> + <li><a id="dadar" href="#">From Dadar Station</a></li> + <li><a id="thane" href="#">From Thane Station</a></li> + <li><a id="bandra" href="#">From Bandra Terminus</a></li> + <li><a id="tilak" href="#">From Lokmanya Tilak Terminus</a></li> + <li><a id="central" href="#">From Mumbai Central</a></li> + <li><a id="shivaji" href="#">From Chatrapati Shivaji Terminus</a></li> + </ul> + + <div id="map" class="large-8 columns"> + <img id="map-loader" src="{% static 'img/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&source=s_d&saddr=Chhatrapati+Shivaji+International+Airport,+Andheri+East,+Mumbai,+Maharashtra&daddr=IIT+Main+Gate&hl=en&geocode=FQFLIwEdg-NXBCGuqHTEYBrMHilHKb2ZUMjnOzGuqHTEYBrMHg%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&aq=4&oq=IIT&sll=19.099667,72.883154&sspn=0.094407,0.154324&mra=pd&ie=UTF8&t=m&ll=19.110379,72.895527&spn=0.029763,0.042183&output=embed"> + </iframe> + </div> + </div> <!-- /map --> -<div id="dadar" style="visibility:hidden;display:none;"> -<iframe width="475" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.co.in/maps?f=d&source=s_d&saddr=dadar+station&daddr=IIT+Main+Gate&hl=en&geocode=FZMqIgEdYXRXBCkdh7S_3M7nOzHZNplA5uMmIw%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&aq=&sll=19.037454,72.908363&sspn=0.188885,0.308647&mra=ls&ie=UTF8&ll=19.037454,72.908363&spn=0.112729,0.100371&t=m&output=embed"></iframe><br /><small><a href="https://www.google.co.in/maps?f=d&source=embed&saddr=dadar+station&daddr=IIT+Main+Gate&hl=en&geocode=FZMqIgEdYXRXBCkdh7S_3M7nOzHZNplA5uMmIw%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&aq=&sll=19.037454,72.908363&sspn=0.188885,0.308647&mra=ls&ie=UTF8&ll=19.037454,72.908363&spn=0.112729,0.100371&t=m" style="color:#0000FF;text-align:left">View Larger Map</a></small> -</div> -<div id="thane" style="visibility:hidden;display:none;"> -<iframe width="475" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.co.in/maps?f=d&source=s_d&saddr=Thane+Railway+Station,+Station+Road+Kopri,+Thane,+Maharashtra&daddr=IIT+Main+Gate&hl=en&geocode=FY7CJAEd_4BZBCkjQ1Rf37jnOzF9iI2abfvySQ%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&aq=4&oq=IIT&sll=19.155222,72.944412&sspn=0.094375,0.154324&mra=pd&ie=UTF8&ll=19.155222,72.944412&spn=0.06341,0.058068&t=m&output=embed"></iframe><br /><small><a href="https://www.google.co.in/maps?f=d&source=embed&saddr=Thane+Railway+Station,+Station+Road+Kopri,+Thane,+Maharashtra&daddr=IIT+Main+Gate&hl=en&geocode=FY7CJAEd_4BZBCkjQ1Rf37jnOzF9iI2abfvySQ%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&aq=4&oq=IIT&sll=19.155222,72.944412&sspn=0.094375,0.154324&mra=pd&ie=UTF8&ll=19.155222,72.944412&spn=0.06341,0.058068&t=m" style="color:#0000FF;text-align:left">View Larger Map</a></small> -</div> -<div id="bdts" style="visibility:hidden;display:none;"> -<iframe width="475" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.co.in/maps?f=d&source=s_d&saddr=Bandra+Terminus,+Naupada,+Bandra+East,+Mumbai,+Maharashtra&daddr=IIT+Main+Gate&hl=en&geocode=FWLeIgEdQHdXBCm3sivHGcnnOzF9Gr08r3UTdQ%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&aq=0&oq=Bandra+ter&sll=19.155709,72.945614&sspn=0.094375,0.154324&mra=ls&ie=UTF8&ll=19.155709,72.945614&spn=0.079966,0.075124&t=m&output=embed"></iframe><br /><small><a href="https://www.google.co.in/maps?f=d&source=embed&saddr=Bandra+Terminus,+Naupada,+Bandra+East,+Mumbai,+Maharashtra&daddr=IIT+Main+Gate&hl=en&geocode=FWLeIgEdQHdXBCm3sivHGcnnOzF9Gr08r3UTdQ%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&aq=0&oq=Bandra+ter&sll=19.155709,72.945614&sspn=0.094375,0.154324&mra=ls&ie=UTF8&ll=19.155709,72.945614&spn=0.079966,0.075124&t=m" style="color:#0000FF;text-align:left">View Larger Map</a></small> -</div> -<div id="ltt" style="visibility:hidden;display:none;"> -<iframe width="475" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.co.in/maps?f=d&source=s_d&saddr=Lokmanya+Tilak+Terminus,+Pipeline+Road,+Kurla,+Mumbai,+Maharashtra&daddr=IIT+Main+Gate&hl=en&geocode=FSb7IgEdST5YBCGh8y-GNk5pZinbn-jom8jnOzGh8y-GNk5pZg%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&aq=0&oq=Lokmany&sll=19.101053,72.879009&sspn=0.094406,0.154324&mra=ls&ie=UTF8&ll=19.101053,72.879009&spn=0.063015,0.045739&t=m&output=embed"></iframe><br /><small><a href="https://www.google.co.in/maps?f=d&source=embed&saddr=Lokmanya+Tilak+Terminus,+Pipeline+Road,+Kurla,+Mumbai,+Maharashtra&daddr=IIT+Main+Gate&hl=en&geocode=FSb7IgEdST5YBCGh8y-GNk5pZinbn-jom8jnOzGh8y-GNk5pZg%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&aq=0&oq=Lokmany&sll=19.101053,72.879009&sspn=0.094406,0.154324&mra=ls&ie=UTF8&ll=19.101053,72.879009&spn=0.063015,0.045739&t=m" style="color:#0000FF;text-align:left">View Larger Map</a></small> -</div> -<div id="bct" style="visibility:hidden;display:none;"> -<iframe width="475" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.co.in/maps?f=d&source=s_d&saddr=Mumbai+Central+station,+Mumbai,+Maharashtra&daddr=IIT+Main+Gate&hl=en&geocode=FVt4IQEd3SJXBCFssj0JqjsoWSmzxd6Nbs7nOzFssj0JqjsoWQ%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&aq=&sll=19.0472,72.879606&sspn=0.188874,0.308647&mra=ls&ie=UTF8&t=m&ll=19.0472,72.879606&spn=0.163085,0.117661&output=embed"></iframe><br /><small><a href="https://www.google.co.in/maps?f=d&source=embed&saddr=Mumbai+Central+station,+Mumbai,+Maharashtra&daddr=IIT+Main+Gate&hl=en&geocode=FVt4IQEd3SJXBCFssj0JqjsoWSmzxd6Nbs7nOzFssj0JqjsoWQ%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&aq=&sll=19.0472,72.879606&sspn=0.188874,0.308647&mra=ls&ie=UTF8&t=m&ll=19.0472,72.879606&spn=0.163085,0.117661" style="color:#0000FF;text-align:left">View Larger Map</a></small> -</div> -<div id="cst" style="visibility:hidden;display:none;"> -<iframe width="475" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.co.in/maps?f=d&source=s_d&saddr=Chhatrapati+Shivaji+Terminus,+Dadabhai+Naoroji+Road,+Chhatrapati+Shivaji+Terminus+Area,+Fort,+Mumbai,+Maharashtra&daddr=IIT+Main+Gate&hl=en&geocode=FbcPIQEdx2NXBCEsqp-mtX2llCnxDFp4J87nOzEsqp-mtX2llA%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&aq=1&oq=Chatra&sll=19.0472,72.879606&sspn=0.188874,0.308647&mra=ls&ie=UTF8&ll=19.04719,72.879524&spn=0.189112,0.106723&t=m&output=embed"></iframe><br /><small><a href="https://www.google.co.in/maps?f=d&source=embed&saddr=Chhatrapati+Shivaji+Terminus,+Dadabhai+Naoroji+Road,+Chhatrapati+Shivaji+Terminus+Area,+Fort,+Mumbai,+Maharashtra&daddr=IIT+Main+Gate&hl=en&geocode=FbcPIQEdx2NXBCEsqp-mtX2llCnxDFp4J87nOzEsqp-mtX2llA%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&aq=1&oq=Chatra&sll=19.0472,72.879606&sspn=0.188874,0.308647&mra=ls&ie=UTF8&ll=19.04719,72.879524&spn=0.189112,0.106723&t=m" style="color:#0000FF;text-align:left">View Larger Map</a></small> -</div> - -<div id="airport" style="visibility:hidden;display:none;"> -<iframe width="475" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.co.in/maps?f=d&source=s_d&saddr=Chhatrapati+Shivaji+International+Airport,+Andheri+East,+Mumbai,+Maharashtra&daddr=IIT+Main+Gate&hl=en&geocode=FQFLIwEdg-NXBCGuqHTEYBrMHilHKb2ZUMjnOzGuqHTEYBrMHg%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&aq=4&oq=IIT&sll=19.099667,72.883154&sspn=0.094407,0.154324&mra=pd&ie=UTF8&t=m&ll=19.110379,72.895527&spn=0.029763,0.042183&output=embed"></iframe><br /><small><a href="https://www.google.co.in/maps?f=d&source=embed&saddr=Chhatrapati+Shivaji+International+Airport,+Andheri+East,+Mumbai,+Maharashtra&daddr=IIT+Main+Gate&hl=en&geocode=FQFLIwEdg-NXBCGuqHTEYBrMHilHKb2ZUMjnOzGuqHTEYBrMHg%3BFRrUIwEdep5YBCldyp4n8sfnOzFZy8ueURQugA&aq=4&oq=IIT&sll=19.099667,72.883154&sspn=0.094407,0.154324&mra=pd&ie=UTF8&t=m&ll=19.110379,72.895527&spn=0.029763,0.042183" style="color:#0000FF;text-align:left">View Larger Map</a></small> -</div> +</div> <!--/row --> {% endblock %} |