Initial commit for portfolio

index.js

@@ -0,0 +1,70 @@
+require('./styles.scss');
+
+var Flickity = require('flickity');
+require('flickity-imagesloaded');
+
+var $carousels = new Array();
+
+// Modals
+
+var rootEl = document.documentElement;
+var $modals = getAll('.modal');
+var $modalTriggers = getAll('.modal-trigger');
+var $modalCloses = getAll('.modal-card-head .delete, .modal-card-foot .button');
+
+if ($modalTriggers.length > 0) {
+    $modalTriggers.forEach(function ($el) {
+        $el.addEventListener('click', function () {
+            var target = $el.dataset.target;
+            openModal(target);
+        });
+    });
+}
+
+if ($modalCloses.length > 0) {
+    $modalCloses.forEach(function ($el) {
+        $el.addEventListener('click', function () {
+            closeModals();
+        });
+    });
+}
+
+function openModal(target) {
+    var $target = document.getElementById(target);
+    rootEl.classList.add('is-clipped');
+    $target.classList.add('is-active');
+    var carouselId = target + '-carousel';
+
+    if (document.querySelector('#' + carouselId)) {
+        // Initialize each carousel one time only
+        if ($carousels.length === 0) {
+            $carousels.push(initCarousel(carouselId));
+        }
+        else {
+            var index = $carousels.findIndex(c => c.element.id == carouselId);
+            if (index === -1) {
+                $carousels.push(initCarousel(carouselId));
+            }
+        }
+    }
+}
+
+function closeModals() {
+    rootEl.classList.remove('is-clipped');
+    $modals.forEach(function ($el) {
+        $el.classList.remove('is-active');
+    });
+}
+
+// Functions
+
+function initCarousel(id) {
+    return new Flickity('#' + id, {
+        imagesLoaded: true,
+        adaptiveHeight: true // https://github.com/metafizzy/flickity/issues/11
+    });
+}
+
+function getAll(selector) {
+    return Array.prototype.slice.call(document.querySelectorAll(selector), 0);
+}

js/bundle.js.LICENSE.txt

@@ -0,0 +1,39 @@
+/*!
+ * Flickity imagesLoaded v2.0.0
+ * enables imagesLoaded option for Flickity
+ */
+
+/*!
+ * Flickity v2.3.0
+ * Touch, responsive, flickable carousels
+ *
+ * Licensed GPLv3 for open source use
+ * or Flickity Commercial License for commercial use
+ *
+ * https://flickity.metafizzy.co
+ * Copyright 2015-2021 Metafizzy
+ */
+
+/*!
+ * Unidragger v2.4.0
+ * Draggable base class
+ * MIT license
+ */
+
+/*!
+ * Unipointer v2.4.0
+ * base class for doing one thing with pointer event
+ * MIT license
+ */
+
+/*!
+ * getSize v2.0.3
+ * measure size of elements
+ * MIT license
+ */
+
+/*!
+ * imagesLoaded v4.1.4
+ * JavaScript is all like "You images are done yet or what?"
+ * MIT License
+ */