You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
1.7 KiB
JavaScript
59 lines
1.7 KiB
JavaScript
/*!
|
|
* Custom scripts for millironx.github.io
|
|
*/
|
|
|
|
// Resize the window image on first page load
|
|
$(".img-src").width($("#main-content").width());
|
|
if ($("#top-container").width() > 768) {
|
|
$("#nav-link-container").height($("#nav-link-list").height());
|
|
}
|
|
|
|
// Resize the window image if the screen size changes
|
|
$(window).resize(function () {
|
|
$(".img-src").width($("#main-content").width());
|
|
if ($("#top-container").width() > 768) {
|
|
$("#nav-link-container").height($("#nav-link-list").height());
|
|
}
|
|
else {
|
|
$("#nav-link-container").css('height', '');
|
|
}
|
|
});
|
|
|
|
// Squeeze the heading text into the proper box
|
|
$("#motto").fitText();
|
|
$("[rel='tooltip']").tooltip();
|
|
|
|
// Animate the transparency for the glossy scroll effect
|
|
var transparentDemo = true;
|
|
var fixedTop = false;
|
|
|
|
$(window).scroll(function(e) {
|
|
oVal = ($(window).scrollTop() / 170);
|
|
$(".blur").css("opacity", oVal);
|
|
if (oVal >= 3) {
|
|
$(".img-src").css("visibility", "hidden")
|
|
}
|
|
else {
|
|
$(".img-src").css("visibility", "")
|
|
}
|
|
|
|
});
|
|
|
|
// Add class to invalid elements
|
|
var invalidClassName = 'invalid'
|
|
var inputs = document.querySelectorAll('input, select, textarea')
|
|
inputs.forEach(function (input) {
|
|
// Add a css class on submit when the input is invalid.
|
|
input.addEventListener('invalid', function () {
|
|
input.classList.add(invalidClassName)
|
|
})
|
|
|
|
// Remove the class when the input becomes valid.
|
|
// 'input' will fire each time the user types
|
|
input.addEventListener('input', function () {
|
|
if (input.validity.valid) {
|
|
input.classList.remove(invalidClassName)
|
|
}
|
|
})
|
|
})
|