Finalizing resume

www/themes/jason-williamsca/assets/css/resume.css

@@ -34,19 +34,31 @@ section + section {
     margin-bottom: 2rem;
 }
 
-ul.inline {
+.card ul {
     margin: 0;
+    padding-left: 1rem;
+}
+
+.card-inline.inline ul {
     padding: 0;
 }
 
-ul.inline li {
+.card-inline.inline ul li {
     display: inline;
 }
 
-ul.inline li:not(:last-child)::after {
+.card-inline.inline ul li:not(:last-child)::after {
     content: ";";
 }
 
+.card-inline .inline-icon {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 1rem;
+    cursor: pointer;
+}
+
 section.resume-section .resume-item .resume-date {
     min-width: 18rem;
 }

www/themes/jason-williamsca/assets/css/theme.css

@@ -92,6 +92,12 @@ a {
     text-decoration: underline;
 }
 
+a.icon-link {
+    display: inline-block;
+    height: 1em;
+    color: var(--accent-color);
+}
+
 a:hover {
     color: var(--dark-alt-accent-color);
     text-decoration: none;

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

@@ -3,15 +3,27 @@
     
     // Apply masonry layout to cards
     $('.masonry').each(function() {
-        var opts = { itemSelector: '.masonry-wrapper' }
-        if ($(this).children().length < 6) opts.horizontalOrder = true
-        $(this).masonry(opts)
-    })
+        var opts = { itemSelector: '.masonry-wrapper' };
+        if ($(this).children().length < 6) opts.horizontalOrder = true;
+        $(this).masonry(opts);
+    });
+    
+    // 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>');
+    
+    $('.card-inline .inline-icon').click(function() {
+        var that = $(this);
+        that.closest('.card').toggleClass('inline').closest('.masonry').masonry();
+        setTimeout(() => {
+            that.tooltip('hide');
+        }, 2000);
+    });
     
     // 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({