diff options
Diffstat (limited to 'website/static')
| -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 |
4 files changed, 63 insertions, 12 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 |
