-
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
9e6471b
commit 9c5f625
Showing
8 changed files
with
124 additions
and
188 deletions.
There are no files selected for viewing
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,224 +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) { | ||
| }) | ||
| .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(); | ||
| }); | ||
|
|
||
| // Hide on escape. | ||
| if (event.keyCode == 27) | ||
| $menu._hide(); | ||
|
|
||
| }); | ||
|
|
||
|
|
||
| const navIcon = document.querySelector(".nav-icon");const nav = document.querySelector("nav"); | ||
| navIcon.onclick = function () { nav.classList.toggle('show');} | ||
|
|
||
| })(jQuery); | ||
| const backToTopButton = document.querySelector("button"); | ||
|
|
||
| backToTopButton.onclick = () => | ||
| document.documentElement.scroll({ | ||
| top: 0, | ||
| behavior: "smooth" | ||
| }); | ||
|
|
||
| window.onscroll = () => { | ||
| if (document.documentElement.scrollTop > 200) { | ||
| backToTopButton.hidden = false; | ||
| } else { | ||
| backToTopButton.hidden = true; | ||
| } | ||
| }; | ||
|
|
||
| // Get the button: | ||
| let mybutton = document.getElementById("myBtn"); | ||
|
|
||
| // When the user scrolls down 200px from the top of the document, show the button | ||
| window.onscroll = function() {scrollFunction()}; | ||
|
|
||
| function scrollFunction() { | ||
| if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { | ||
| mybutton.style.display = "block"; | ||
| } else { | ||
| mybutton.style.display = "none"; | ||
| } | ||
| } | ||
|
|
||
| // When the user clicks on the button, scroll to the top of the document | ||
| function topFunction() { | ||
| document.body.scrollTop = 0; // For Safari | ||
| document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera | ||
| } | ||
| // 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); |
Binary file not shown.
Binary file not shown.