From 8be134ffe6b2b96a502f2ebe89cca77466c6fd1e Mon Sep 17 00:00:00 2001 From: Jayaram Pai Date: Tue, 15 Oct 2013 18:39:17 +0530 Subject: lots of changes. --- website/static/css/main.css | 29 ++++++++++++- website/static/css/override.css | 2 +- website/static/img/map-loader.gif | Bin 0 -> 847 bytes website/static/js/custom.js | 44 ++++++++++++++----- website/templates/page.html | 13 +----- website/templates/reaching_venue.html | 77 +++++++++++----------------------- 6 files changed, 90 insertions(+), 75 deletions(-) create mode 100644 website/static/img/map-loader.gif 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 new file mode 100644 index 0000000..b13cbd1 Binary files /dev/null and b/website/static/img/map-loader.gif differ 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 = '' + +var thane = '' + +var bandra = '' + +var tilak = '' + +var central = '' + +var shivaji = '' + +var airport = '' + + /* 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 @@ - - - - - - - - - - - + + -
Powai is an eastern suburb in North-Eastern part of Mumbai -
Here is how you can reach IIT Bombay from Airport -
Here is how you can reach IIT Bombay from various important stations -
+- Powai is an eastern suburb in North-Eastern part of Mumbai.
+- Here is how you can reach IIT Bombay from various important stations.
+