Adding existing content to theme

themes/jason-williamsca/assets/javascript/common.js

@@ -0,0 +1,26 @@
+$(() => {
+    // Enable any tooltips on the page
+    $('[data-toggle="tooltip"]').tooltip()
+    
+    // Enable masonry layout
+    $('.masonry').each(function() {
+        var opts = { itemSelector: '.masonry-item' }
+        if ($(this).hasClass('masonry-horizontal')) opts.horizontalOrder = true
+        
+        $(this).masonry(opts)
+    })
+    
+    // Resize textareas to fit their content
+    $('textarea').each(function() {
+        $(this).height($(this)[0].scrollHeight)
+    })
+    
+    // Use google analytics in production
+    if (!window.location.hostname.includes('dev')) {
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+
+        gtag('config', 'UA-167178542-1');
+    }
+});

themes/jason-williamsca/assets/javascript/resume.js

@@ -0,0 +1,45 @@
+(function($) {
+    "use strict"; // Start of use strict
+    
+    // Add reorder icon to .card-inline
+    $('.card-inline').prepend('<div class="inline-icon" data-toggle="tooltip" title="Toggle bullet view"><i class="fas fa-stream"></i></div>')
+    
+    // Define a function to toggle the view
+    const toggleBulletView = function() {
+        var that = $(this)
+        that.closest('.card').toggleClass('inline').closest('.masonry').masonry()
+        setTimeout(() => {
+            that.tooltip('hide')
+        }, 2000);
+        return false
+    }
+    
+    // Add the function to clicks on the menu button, and/or taps anywhere on the card
+    $('.card-inline .inline-icon').on('click', toggleBulletView)
+    $('.card-inline').on('touchstart', toggleBulletView)
+    
+    // Smooth scrolling using jQuery easing
+    $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() {
+        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
+            var target = $(this.hash);
+            var hash = this.hash;
+            target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
+            if (target.length) {
+                $('html, body').animate({
+                    scrollTop: (target.offset().top)
+                }, 1000, "easeInOutExpo");
+                return false;
+            }
+        }
+    });
+
+    // Closes responsive menu when a scroll trigger link is clicked
+    $('.js-scroll-trigger').click(function() {
+        $('.navbar-collapse').collapse('hide');
+    });
+
+    // Activate scrollspy to add active class to navbar items on scroll
+    $('body').scrollspy({
+        target: '#side-nav'
+    });
+})(jQuery); // End of use strict