Skip to content

Commit

Permalink
Update main.js
Browse files Browse the repository at this point in the history
  • Loading branch information
@IMDANIELAUSTIN
IMDANIELAUSTIN authored Jul 23, 2024
1 parent 687ebf5 commit 80799be
Showing 1 changed file with 122 additions and 151 deletions.
273 changes: 122 additions & 151 deletions assets/js/main.js
View file
Original file line number Diff line number Diff line change
@@ -1,189 +1,160 @@
/*
Phantom by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

(function($) {

var $window = $(window),
$body = $('body');

// Breakpoints.
breakpoints({
xlarge: [ '1281px', '1680px' ],
large: [ '981px', '1280px' ],
medium: [ '737px', '980px' ],
small: [ '481px', '736px' ],
xsmall: [ '361px', '480px' ],
xxsmall: [ null, '360px' ]
});
breakpoints({
xlarge: [ '1281px', '1680px' ],
large: [ '981px', '1280px' ],
medium: [ '737px', '980px' ],
small: [ '481px', '736px' ],
xsmall: [ '361px', '480px' ],
xxsmall: [ null, '360px' ]
});

// Play initial animations on page load.
$window.on('load', function() {
window.setTimeout(function() {
$body.removeClass('is-preload');
}, 100);
});
$window.on('load', function() {
window.setTimeout(function() {
$body.removeClass('is-preload');
}, 100);
});

// Touch?
if (browser.mobile)
$body.addClass('is-touch');
if (browser.mobile)
$body.addClass('is-touch');

// Forms.
var $form = $('form');

// Auto-resizing textareas.
$form.find('textarea').each(function() {

var $this = $(this),
$wrapper = $('<div class="textarea-wrapper"></div>'),
$submits = $this.find('input[type="submit"]');
var $form = $('form');

$this
.wrap($wrapper)
.attr('rows', 1)
.css('overflow', 'hidden')
.css('resize', 'none')
.on('keydown', function(event) {
// Auto-resizing textareas.
$form.find('textarea').each(function() {

if (event.keyCode == 13
&& event.ctrlKey) {
var $this = $(this),
$wrapper = $('<div class="textarea-wrapper"></div>'),
$submits = $this.find('input[type="submit"]');

event.preventDefault();
event.stopPropagation();
$this
.wrap($wrapper)
.attr('rows', 1)
.css('overflow', 'hidden')
.css('resize', 'none')
.on('keydown', function(event) {
if (event.keyCode == 13 && event.ctrlKey) {
event.preventDefault();
event.stopPropagation();
$(this).blur();
}
})
.on('blur focus', function() {
$this.val($.trim($this.val()));
})
.on('input blur focus --init', function() {
$wrapper.css('height', $this.height());
$this.css('height', 'auto').css('height', $this.prop('scrollHeight') + 'px');
})
.on('keyup', function(event) {
if (event.keyCode == 9)
$this.select();
})
.triggerHandler('--init');

$(this).blur();
// Fix.
if (browser.name == 'ie' || browser.mobile)
$this.css('max-height', '10em').css('overflow-y', 'auto');
});

}
// Menu.
var $menu = $('#menu');

})
.on('blur focus', function() {
$this.val($.trim($this.val()));
})
.on('input blur focus --init', function() {
$menu.wrapInner('<div class="inner"></div>');

$wrapper
.css('height', $this.height());
$menu._locked = false;

$this
.css('height', 'auto')
.css('height', $this.prop('scrollHeight') + 'px');
$menu._lock = function() {
if ($menu._locked)
return false;

})
.on('keyup', function(event) {
$menu._locked = true;

if (event.keyCode == 9)
$this
.select();
window.setTimeout(function() {
$menu._locked = false;
}, 350);

})
.triggerHandler('--init');
return true;
};

// Fix.
if (browser.name == 'ie'
|| browser.mobile)
$this
.css('max-height', '10em')
.css('overflow-y', 'auto');
$menu._show = function() {
if ($menu._lock())
$body.addClass('is-menu-visible');
};

});
$menu._hide = function() {
if ($menu._lock())
$body.removeClass('is-menu-visible');
};

// Menu.
var $menu = $('#menu');
$menu._toggle = function() {
if ($menu._lock())
$body.toggleClass('is-menu-visible');
};

$menu.wrapInner('<div class="inner"></div>');
$menu
.appendTo($body)
.on('click', function(event) {
event.stopPropagation();
})
.on('click', 'a', function(event) {

$menu._locked = false;
var href = $(this).attr('href');

$menu._lock = function() {
event.preventDefault();
event.stopPropagation();

if ($menu._locked)
return false;
// Hide.
$menu._hide();

$menu._locked = true;
// Redirect.
if (href == '#menu')
return;

window.setTimeout(function() {
$menu._locked = false;
window.location.href = href;
}, 350);

return true;

};

$menu._show = function() {

if ($menu._lock())
$body.addClass('is-menu-visible');

};

$menu._hide = function() {

if ($menu._lock())
$body.removeClass('is-menu-visible');

};

$menu._toggle = function() {

if ($menu._lock())
$body.toggleClass('is-menu-visible');

};

$menu
.appendTo($body)
.on('click', function(event) {
event.stopPropagation();
})
.on('click', 'a', function(event) {

var href = $(this).attr('href');

event.preventDefault();
event.stopPropagation();

// Hide.
$menu._hide();

// Redirect.
if (href == '#menu')
return;

window.setTimeout(function() {
window.location.href = href;
}, 350);

})
.append('<a class="close" href="#menu">Close</a>');

$body
.on('click', 'a[href="#menu"]', function(event) {

event.stopPropagation();
event.preventDefault();

// Toggle.
$menu._toggle();

})
.on('click', function(event) {

// Hide.
$menu._hide();

})
.on('keydown', function(event) {

// Hide on escape.
if (event.keyCode == 27)
$menu._hide();

});

})
.append('<a class="close" href="#menu">Close</a>');

$body
.on('click', 'a[href="#menu"]', function(event) {
event.stopPropagation();
event.preventDefault();
$menu._toggle();
})
.on('click', function(event) {
$menu._hide();
})
.on('keydown', function(event) {
if (event.keyCode == 27)
$menu._hide();
});

const navIcon = document.querySelector(".nav-icon");const nav = document.querySelector("nav");
navIcon.onclick = function () { nav.classList.toggle('show');}
// Back to Top button
var backToTopButton = document.getElementById("myBtn");

// Show the button when scrolling down 20px
window.onscroll = function() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
backToTopButton.style.display = "block";
} else {
backToTopButton.style.display = "none";
}
};

// Scroll to the top when the button is clicked
backToTopButton.onclick = function() {
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
};

})(jQuery);

0 comments on commit 80799be

Please sign in to comment.