diff options
Diffstat (limited to 'website')
| -rw-r--r-- | website/static/css/main.css | 29 | ||||
| -rw-r--r-- | website/static/css/override.css | 2 | ||||
| -rw-r--r-- | website/static/img/map-loader.gif | bin | 0 -> 847 bytes | |||
| -rw-r--r-- | website/static/js/custom.js | 44 | ||||
| -rw-r--r-- | website/templates/page.html | 13 | ||||
| -rw-r--r-- | website/templates/reaching_venue.html | 77 |
6 files changed, 90 insertions, 75 deletions
diff --git a/website/static/css/main.css b/website/static/css/main.css index 7ac9d2b..9af9fb2 100644 --- a/website/static/css/main.css +++ b/website/static/css/main.css @@ -25,9 +25,9 @@ border-bottom: 3px solid #ffffff; } #first{ - padding: 25px 0 0 0; } #first h5, #sponsors h5, #last h5{ + padding: 25px 0 0 0; font-weight: lighter; padding: 10px 0 25px 0; font-family: gtrg; @@ -124,3 +124,30 @@ .sponsor p{ text-align: justify; } +#reach-scipy{ + height: 400px; + padding: 5px 0.9375em; + margin-bottom: 25px; +} +#reach-scipy .side-nav{ + height: 400px; + background: #f5f5f5; + padding: 25px; +} +#reach-scipy #map{ + height: 400px; + padding: 0; + background: #ffffff; + border: 1px solid #f5f5f5; +} +#map-loader{ + display: block; + margin: 25% auto 0; +} +#mappy{ + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; +}
\ No newline at end of file diff --git a/website/static/css/override.css b/website/static/css/override.css index 88ab4e2..137f926 100644 --- a/website/static/css/override.css +++ b/website/static/css/override.css @@ -27,4 +27,4 @@ } .breadcrumbs .current a{ color: #ffffff; -} +}
\ No newline at end of file diff --git a/website/static/img/map-loader.gif b/website/static/img/map-loader.gif Binary files differnew file mode 100644 index 0000000..b13cbd1 --- /dev/null +++ b/website/static/img/map-loader.gif diff --git a/website/static/js/custom.js b/website/static/js/custom.js index 61b214b..4fc7e08 100644 --- a/website/static/js/custom.js +++ b/website/static/js/custom.js @@ -1,13 +1,37 @@ $(document).ready(function(){ - $("#sponsors img").mouseover(function(){ - var source = $(this).attr("src"); - source = source.replace("-alt.png", "-logo.png"); - $(this).attr("src", source); - }); - - $("#sponsors img").mouseleave(function(){ - var source = $(this).attr("src"); - source = source.replace("-logo.png", "-alt.png"); - $(this).attr("src", source); + +var dadar = '<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=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>' + +var thane = '<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=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>' + +var bandra = '<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=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>' + +var tilak = '<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=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>' + +var central = '<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=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>' + +var shivaji = '<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>' + +var airport = '<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>' + + /* Load map on link click */ + $(".side-nav li a").click(function(){ + + var clicked = $(this).attr("id"); + switch(clicked){ + case "airport": clicked = airport; break; + case "dadar": clicked = dadar; break; + case "thane": clicked = thane; break; + case "bandra": clicked = bandra; break; + case "tilak": clicked = tilak; break; + case "central": clicked = central; break; + case "shivaji": clicked = shivaji; break; + } + $(".side-nav li").removeClass("active"); + $(this).closest('li').addClass("active"); + $("#mappy").html(clicked); + + /* Map loading display */ + }); });
\ No newline at end of file diff --git a/website/templates/page.html b/website/templates/page.html index b19c9ea..a27df88 100644 --- a/website/templates/page.html +++ b/website/templates/page.html @@ -132,23 +132,14 @@ </script> <script src="{% static 'js/foundation/foundation.js' %}"></script> <script src="{% static 'js/foundation/foundation.alerts.js' %}"></script> - <script src="{% static 'js/foundation/foundation.clearing.js' %}"></script> - <script src="{% static 'js/foundation/foundation.cookie.js' %}"></script> <script src="{% static 'js/foundation/foundation.dropdown.js' %}"></script> <script src="{% static 'js/foundation/foundation.forms.js' %}"></script> - <script src="{% static 'js/foundation/foundation.joyride.js' %}"></script> - <script src="{% static 'js/foundation/foundation.magellan.js' %}"></script> - <script src="{% static 'js/foundation/foundation.orbit.js' %}"></script> - <script src="{% static 'js/foundation/foundation.placeholder.js' %}"></script> - <script src="{% static 'js/foundation/foundation.reveal.js' %}"></script> - <script src="{% static 'js/foundation/foundation.section.js' %}"></script> - <script src="{% static 'js/foundation/foundation.tooltips.js' %}"></script> <script src="{% static 'js/foundation/foundation.topbar.js' %}"></script> - <script src="{% static 'js/foundation/foundation.interchange.js' %}"></script> <script> $(document).foundation(); </script> - + + <script src="{% static 'js/custom.js' %}"></script> <!-- Google Analytics --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 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 %} |
