Skip to content

Jeff Balicki / FP_Canada

Go to a project
Toggle navigation
Toggle navigation pinning
ee6c8d0c by Jeff Balicki
Options

greensock

1 parent 22db71bb
Expand all
Inline Side-by-side
Showing 6 changed files with 38 additions and 2 deletions
...@@ -14,7 +14,10 @@ defined( 'ABSPATH' ) || exit; ...@@ -14,7 +14,10 @@ defined( 'ABSPATH' ) || exit;
14 <defs> 14 <defs>
15 <style> 15 <style>
16 .cls-1 { 16 .cls-1 {
17 fill: rgba(255,255,255,0.07); 17 fill: rgb(255,255,255);
18 }
19 g{
20 opacity:0.07;
18 } 21 }
19 </style> 22 </style>
20 </defs> 23 </defs>
......
...@@ -35,6 +35,7 @@ if ( ! function_exists( 'understrap_scripts' ) ) { ...@@ -35,6 +35,7 @@ if ( ! function_exists( 'understrap_scripts' ) ) {
35 35
36 $js_version = $theme_version . '.' . filemtime( get_template_directory() . $theme_scripts ); 36 $js_version = $theme_version . '.' . filemtime( get_template_directory() . $theme_scripts );
37 wp_enqueue_script( 'understrap-scripts', get_template_directory_uri() . $theme_scripts, array(), $js_version, true ); 37 wp_enqueue_script( 'understrap-scripts', get_template_directory_uri() . $theme_scripts, array(), $js_version, true );
38 wp_enqueue_script( 'TweenMaxt', get_stylesheet_directory_uri() .'/js/gsap-latest-beta.min.js', array(), $js_version, true );
38 wp_enqueue_script( 'custom-javascript', get_stylesheet_directory_uri() .'/js/custom-javascript.js', array(), $js_version, true ); 39 wp_enqueue_script( 'custom-javascript', get_stylesheet_directory_uri() .'/js/custom-javascript.js', array(), $js_version, true );
39 if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { 40 if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
40 wp_enqueue_script( 'comment-reply' ); 41 wp_enqueue_script( 'comment-reply' );
......
This diff could not be displayed because it is too large.
...@@ -19,4 +19,36 @@ jQuery( document ).ready(function($) { ...@@ -19,4 +19,36 @@ jQuery( document ).ready(function($) {
19 } 19 }
20 }, false ); 20 }, false );
21 21
22 var boxes = document.querySelectorAll("g");
23 var box = getShuffledArr(boxes);
24 function getShuffledArr (arr){
25 return [...arr].map( (_, i, arrCopy) => {
26 var rand = i + ( Math.floor( Math.random() * (arrCopy.length - i) ) );
27 [arrCopy[rand], arrCopy[i]] = [arrCopy[i], arrCopy[rand]]
28 return arrCopy[i]
29 })
30 }
31
32
33 box.forEach((element,i) => {
34 setTimeout(
35 function(){
36 animateMe(element)
37 }
38 , i * 1500);
39
40 });
41
42 function animateMe(box){
43 let tl = gsap.timeline();
44 tl.to(box, 1.5, {opacity:0.6})
45 .to(box, 1.5,{opacity:0.07})
46 }
47
48
49
50 function randomNumber(min, max) {
51 return Math.random() * (max - min) + min;
52 }
53
22 }); 54 });
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 Author: the Understrap Contributors 5 Author: the Understrap Contributors
6 Author URI: https://github.com/understrap/understrap-child/graphs/contributors 6 Author URI: https://github.com/understrap/understrap-child/graphs/contributors
7 Template: understrap 7 Template: understrap
8 Version: 1.1.05 8 Version: 1.1.06
9 License: GNU General Public License v2 or later 9 License: GNU General Public License v2 or later
10 License URI: http://www.gnu.org/licenses/gpl-2.0.html 10 License URI: http://www.gnu.org/licenses/gpl-2.0.html
11 Text Domain: understrap-child 11 Text Domain: understrap-child
......