diff --git a/assets/logo-active.png b/assets/logo-active.png new file mode 100644 index 0000000000000000000000000000000000000000..e41171dd90386b903076921979a0812270cf5a10 Binary files /dev/null and b/assets/logo-active.png differ diff --git a/assets/logo.png b/assets/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..b79654804512f4de35acd6301908f90a0d8e2c82 Binary files /dev/null and b/assets/logo.png differ diff --git a/assets/logo.psd b/assets/logo.psd new file mode 100644 index 0000000000000000000000000000000000000000..927f923c6f89bd0bdcec2c072681ff67ae927dd2 Binary files /dev/null and b/assets/logo.psd differ diff --git a/css/main.css b/css/main.css index 32f502cbe059217ae0c3e6f9625859cc5f0672a9..2b0bad2207583391f983c45ad3b497a5928e043e 100644 --- a/css/main.css +++ b/css/main.css @@ -30,6 +30,12 @@ body { padding-right: 20px; } +#logo { + height:150%; + position:relative; + top:-7px; +} + .demo-row{ padding:30px; } diff --git a/js/menus/navbar.js b/js/menus/navbar.js index 6c830e4b20a7bcbb4cd2ffb52a0941c33dfbc7b1..1e333dd61cdbe9e7158286add3400fd43c3f16f7 100644 --- a/js/menus/navbar.js +++ b/js/menus/navbar.js @@ -61,4 +61,12 @@ function NavBar(menu){ return false; }); + var $logo = $("#logo"); + $logo.mouseover(function(){ + $logo.attr("src","assets/logo-active.png"); + }); + $logo.mouseout(function(){ + $logo.attr("src","assets/logo.png"); + }); + } \ No newline at end of file diff --git a/main.html b/main.html index cd7800037edfe1a489dc820df3d1b3510c67a2f9..7e3cfa55953b0711f863ba264f6fae0bf3199f2c 100644 --- a/main.html +++ b/main.html @@ -78,7 +78,7 @@ <!--<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-01">--> <!--<span class="sr-only">Toggle navigation</span>--> <!--</button>--> - <a id="mainNavLink" class="navbar-brand" href="http://cba.mit.edu">CBA.MIT.EDU</a> + <a id="mainNavLink" class="navbar-brand" href="http://cba.mit.edu"><img id="logo" src="assets/logo.png"></a> </div> <div class="collapse navbar-collapse" id="navbar-collapse-01"> <ul class="nav navbar-nav navbar-left">