javascript.js

// stop animation once all page is loaded
$(window).on('load', function() {
    items = ["#wavediv","#loadBack",".titleImg","#resumes","#projects","#abouts", "#contacts", "#fa-github", "#fa-linkedin", "#fa-youtube" ]
    for (var i = 0; i < items.length; i++) {
        $(items[i]).css("animation-play-state", "running");
    }
    console.log("loaded");
});

var page = "home";

var backgrounds = ["projectsback", "resumesback", "aboutsback", "contactsback"];

// Reset to home page
var sethome = function() {
    $("#homeul").animate({
        paddingTop: "-=35vh",
    }, 600);
    $("body").animate({
        color: "white",
    }, 600);
    $("#center").fadeOut();
}

// animate page apearing
var showPage = function(newPage) {
  $("."+newPage).delay(700).fadeIn();
  count = 0;
  $("." + newPage.substr(0,newPage.length - 1)).each(function() {
    console.log(this);
      $(this).delay(800 + $(this).attr("num") * 50).fadeIn();
      count++;
  });
  $("footer").delay(800 + count * 50 + 100).fadeIn();

}

// Put a page to hidden position
var clearPage = function(page) {
  if(page != "home") {
    $("#"+page+"back").css("z-index", "-2");
    $("."+page).animate({
        marginLeft: "-=100vw",
    }, 400)
    $("."+page).fadeOut(0);
  }
}

// If there is a hash, load that page.
var doHashCheck = function() {
    var hash = location.hash;

    if(hash != "") {
      hash = hash.substr(1,);
      $("#center").hide();
      setTimeout(function() {loadPage(hash)},5000)

    }
}

// Switches page to a given page
var loadPage = function(newPage) {
  $("#"+newPage+"back").css("marginLeft", "100vw");
  for (i in backgrounds) {
    if (backgrounds[i] != newPage+"back") {
      $("#"+backgrounds[i]).css("z-index", "-3");
    }
  }
  $("#"+newPage+"back").css("z-index", "-1");
  $("footer").hide();
  if (page == "home") {
      sethome();
  } else {
      $("." + newPage).css("display", "none");
      $("." + newPage.substr(0,newPage.length - 1)).css("display", "none");
      $("." + newPage).css("marginLeft", "20vw");
  }
  clearPage(page);

  $("#"+newPage+"back").animate({
      marginLeft: "-=100vw",
  }, 500);
  showPage(newPage);
  page = newPage;

}

var isMobile = false; //initiate as false
// device detection

$(function() {
    if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) ||
        /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0, 4)))  isMobile = true;

    if (isMobile) {
        $(".projects").css({
            marginLeft: 0,
            marginRight: 0,
            padding: "2.5vw",
        });
        $(".title").css({
            width: "95vw"
        });

        $(".project").css({
            width: "90vw",
            marginLeft: 0,
        });
    }

    $("#img").hide();
    $(".fadeinb").hide();
    $(".projects").hide();
    $(".project").hide();
    $(".mores").hide();
    $(".more").hide();
    $(".abouts").hide();
    $(".about").hide();
    $("footer").hide();
    $(".fadeinb").fadeIn(1000);
    window.setTimeout(doHashCheck, 10)

    $(".homeli").click(function(event) {
      console.log($(this).attr("id"));
      if($(this).attr("id") != "resumes") {


        event.preventDefault();
        window.location.hash = $(this).attr("id");
        if (page != $(this).attr("id")) {
          console.log($(this).attr("id"));
          loadPage($(this).attr("id"));
        }
      }
    });
});