index.js

var main = function () {
    //setting up mobile menu
    //$("#myMenu").css("height", window.innerHeight);

    //$("#myMenu").css("width", window.innerWidth);
    
    
    //setting the jumbotron text logo
    if (window.innerWidth < 768){
        $('#jumbotronFull').css("background-image", "url(Img/Img\background.png)");
        $('#textLogo').css("width", window.innerWidth * 0.9);
        $('#textLogo').attr("src", "Img/textLogoVertical.png");
        
    } else {
            $('#textLogo').css("width", window.innerWidth * 0.5);
            $('#jumbotronFull').css("background-attachment", "fixed");
    }
    


    //making events square
    if (window.innerWidth <768){
        
        var bw = window.innerWidth;
        
         $('.squareDiv').css({'height': bw + 'px'});
        
    $('.square').css({ 'height': bw + 'px'});
    $('.longHorizontal').height($('.squareDiv').height());  
    $('.fullsizeImg').css({ 'width': bw + 'px'});
        
    } else {
    
    var cw = $('.squareDiv').width();
    $('.squareDiv').css({
        'height': cw + 'px'
    });

    var cw = $('.square').width();
    $('.square').css({
        'height': cw + 'px'
    });
         //setting longHorizontal height
    $('.longHorizontal').height($('.squareDiv').height());
    }

$('#fullsizeDiv1').height($('#row1').height());
    $('#fullsizeDiv2').height($('#row2').height());
     $('#fullsizeDiv3').height($('#row3').height());
$('#fullsizeDiv4').height($('#row4').height());
   
    


    //making rectDiv rectangular
    //var cw = $('.rectDiv').width()*2;
    //$('.rectDiv').css({
    //    'height': cw + 'px'
    //});

    //making rectDiv same height as window
    $('.rectDiv').css("height", window.innerHeight);

    //setting jumbotron height
    $("#jumbotronFull").css("height", window.innerHeight);


   

    //setting when background should change
    var changePoint = ($('#jumbotronFull').offset().top + $('#jumbotronFull').height() * 0.9);

    $(window).on('scroll', function () {
        //top of the screen
        var top = Math.round($(window).scrollTop());

        //if past changePoint, change the style
        if (top > changePoint) {
            $(".topnav").addClass('changeStyle');
  $(".whiteLogo").attr("src","Img/redlogo.svg");
        $('.hamburger').addClass('hChangeStyle');
            
            // document.getElementById('logo').src = 'img/logo-big2.svg'


        } else if (top < changePoint) {
            $('.topnav').removeClass('changeStyle');
            $(".whiteLogo").attr("src","Img/whitelogo.svg");
            $('.hamburger').removeClass('hChangeStyle');
            //document.getElementById('logo').src = 'img/logo-big.svg'
        }

        //setting up mobile menu
        $("#myMenu").css("height", window.innerHeight);

        $("#myMenu").css("width", window.innerWidth);

    });

    $(function () {
        $('a[href*="#"]:not([href="#"])').click(function () {
            if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
                var target = $(this.hash);
                target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
                if (target.length) {
                    $('html, body').animate({
                        scrollTop: target.offset().top
                    }, 1000);
                    return false;
                }
            }
        });
    });

}

$(document).ready(main);


//opening the mobile menu
function openNav() {
    document.getElementById("mySidenav").style.width = "250px";
}

function closeNav() {
    document.getElementById("mySidenav").style.width = "0";
}


function moreInfo(title, text, href) {
    $("#mTitle").text(title);
    $("#mText").text(text);
    document.getElementById("mySidebar").style.width = "300px";
    document.getElementById("sendRequest").setAttribute("href", href);
    // modal.style.display = "block";
}

function closeBar() {
    document.getElementById("mySidebar").style.width = "0";
}

function closeNav() {
    document.getElementById("mySidenav").style.width = "0";
}



// When the user clicks the button, open the modal 
function openModal(head, description, paragraph, pic) {
    $('#mhead').text(head);
    $('#mdescription').text(description);
    $('#mtext').text(paragraph);
    document.getElementById("mImg").style.backgroundImage = pic;

    var cw = $('.modal-content').width();
    $("#myModal").fadeToggle(500);
}

// When the user clicks on <span> (x), close the modal
function closeModal() {
    $("#myModal").fadeToggle(500);
}

//email script
function sendMail() {
    var link = "mailto:pethstrubotics@gmail.com" + "?subject=" + escape(document.getElementById('mySubject').value) + "&body=" + escape(document.getElementById('myText').value);

    window.location.href = link;

    document.getElementById("myText").value = "";
    document.getElementById("mySubject").value = "";
}