Brittneywick (Talk | contribs) |
Brittneywick (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
<head> | <head> | ||
− | |||
− | |||
<!-- External scripts --> | <!-- External scripts --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet"> |
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'> | ||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> | ||
− | |||
− | < | + | <!-- Functionallity and behaviour JS --> |
− | + | ||
− | + | ||
− | + | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | |
− | + | <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> | |
− | + | ||
− | < | + | |
− | + | ||
$(document).ready(function(){ | $(document).ready(function(){ |
Revision as of 03:27, 27 July 2017
$(document).ready(function(){ //Loading screen functionallity $('.loading').animate( {opacity:0}, 500, function(){ $('.loading').attr("style", "display:none"); } ); //Height responsiveness $(window).resize(function() { wheight = $(window).height(); $('.container').attr("style","height:"+(wheight)+"px;background-size:cover;"); $('.team-member-container').attr("style","height:"+wheight/2.7+"px;"); }); $(window).trigger('resize'); //Menu moveto container on item click functionallity $('.menu-item').on('click', function(){ $('.menu-item').removeClass('subselected'); $(this).addClass('subselected'); if($(this).attr("data")=="#top"){ $('html, body').animate({ scrollTop: 0 }, 1000); }else{ $('html, body').animate({ scrollTop: $($(this).attr("data")).offset().top-70 }, 1000); } }); //Hover of team members $('.team-member-container').on('mouseenter', function(){ $(this).children('.team-member-photo').attr("style", "background-image:url('"+$(this).attr("hover")+"');"); $(this).on('mouseleave', function(){ $(this).children('.team-member-photo').attr('style', "background-image:url('"+$(this).attr("data")+"');"); }); }); });