{"version":3,"file":"js/app.5ae94b11.js","mappings":"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","sources":["webpack://portfolio/./src/App.vue","webpack://portfolio/./src/App.vue?7ccd","webpack://portfolio/./src/components/home.vue","webpack://portfolio/./src/components/skills.vue","webpack://portfolio/./src/components/skills.vue?9cf1","webpack://portfolio/./src/components/experience.vue","webpack://portfolio/./src/components/experience.vue?242e","webpack://portfolio/./src/components/scanzy.vue","webpack://portfolio/./src/components/scanzy.vue?cec2","webpack://portfolio/./src/components/inventorylab.vue","webpack://portfolio/./src/components/inventorylab.vue?d8a5","webpack://portfolio/./src/components/story.vue","webpack://portfolio/./src/components/story.vue?4476","webpack://portfolio/./src/components/contact.vue","webpack://portfolio/./src/components/contact.vue?9d22","webpack://portfolio/./src/components/404.vue","webpack://portfolio/./src/components/404.vue?2ff1","webpack://portfolio/./src/components/home.vue?2f3e","webpack://portfolio/./src/components/privacy.vue","webpack://portfolio/./src/components/privacy.vue?5236","webpack://portfolio/./src/router.js","webpack://portfolio/./src/main.js","webpack://portfolio/webpack/bootstrap","webpack://portfolio/webpack/runtime/chunk loaded","webpack://portfolio/webpack/runtime/define property getters","webpack://portfolio/webpack/runtime/global","webpack://portfolio/webpack/runtime/hasOwnProperty shorthand","webpack://portfolio/webpack/runtime/publicPath","webpack://portfolio/webpack/runtime/jsonp chunk loading","webpack://portfolio/webpack/startup"],"sourcesContent":["<style lang=\"scss\">\n@import './assets/scss/styles.scss';\n#app {\n  font-family: Afacad, Avenir, Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n</style>\n\n<template>\n  <router-view>\n  </router-view>\n</template>\n\n<script>\nexport default {\n  name: 'App',\n}\n</script>\n","import { render } from \"./App.vue?vue&type=template&id=cf84af5c\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=cf84af5c&lang=scss\"\n\nimport exportComponent from \"../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"home\" v-bind:class=\"{ smaller: navbarToggled }\">\n    <section class=\"home-hero\" id=\"home-hero\" v-bind:class=\"{ smaller: navbarToggled, scrolled: pageScrolled, 'small-width':(smallWidth && !navbarToggled), 'mobile-width':(mobileWidth && !navbarToggled) }\">\n      <div class=\"logo-parent-container\" id=\"logo-parent-container\" v-bind:class=\"{ moved: navbarToggled }\">\n        <div class=\"logo-container\" v-bind:class=\"{ smaller: navbarToggled }\" @click=\"toggleNavbar()\">\n          <img class=\"incomplete-logo\" v-bind:class=\"{ smaller: navbarToggled }\" src=\"../assets/incomplete-logo.svg\" alt=\"jg-logo\">\n          <img class=\"bouncing-g\" v-bind:class=\"{ smaller: navbarToggled }\" src=\"../assets/bouncing-g.svg\" alt=\"\">\n        </div>\n      </div>\n\n      <div class=\"name-container\" v-bind:class=\"{ hidden: navbarToggled }\">\n        <div class=\"name\">\n          <h1><span class=\"name-h1\">hi, i'm </span><span class=\"jack-gumina\">jack gumina</span></h1>\n          <p class=\"pronounce\">(pronounced guh-MEE-nah)</p>\n        </div>\n        <h2 class=\"name-h2 big\">i'm a designer <br>and front-end developer</h2>\n        <h2 class=\"name-h2 name-h2-small\">i'm a designer and <br>front-end developer</h2>\n      </div>\n    </section>\n    <div class=\"home-hero-navigation\" id=\"home-hero-navigation\" v-bind:class=\"{ moved: navbarToggled, scrolled: pageScrolled, small: ((smallWidth || mobileWidth) && !navbarToggled) }\" @click=\"handleNavigationClick($event)\">\n      <div class=\"nav-button\" v-bind:class=\"{ smaller: navbarToggled, active: skillsVisible }\" @click=\"toggleSkills()\"><span>my skills</span></div>\n      <div class=\"nav-button\" v-bind:class=\"{ smaller: navbarToggled, active: experienceVisible || scanzyVisible || inventorylabVisible }\" @click=\"toggleExperience()\"><span>projects</span></div>\n      <div class=\"nav-button\" v-bind:class=\"{ smaller: navbarToggled, active: storyVisible }\" @click=\"toggleStory()\"><span>story</span></div>\n      <div class=\"nav-button\" v-bind:class=\"{ smaller: navbarToggled, active: contactVisible  }\" @click=\"toggleContact()\"><span>contact me</span></div>\n    </div>\n    <div class=\"hamburger\" id=\"hamburger\" @click=\"toggleHamburger\" v-show=\"navbarToggled\">\n      <span class=\"bar\" v-bind:class=\"{ turned: hamburgerToggled }\"></span>\n      <span class=\"bar\" v-bind:class=\"{ turned: hamburgerToggled }\"></span>\n      <span class=\"bar\" v-bind:class=\"{ turned: hamburgerToggled }\"></span>\n    </div>\n  </div>\n  <div class=\"hamburger-navigation\" v-bind:class=\"{ visible: (hamburgerToggled && navbarToggled) }\">\n      <div v-bind:class=\"{ active: skillsVisible }\" @click=\"toggleSkills(), toggleHamburger()\"><span>my skills</span></div>\n      <div v-bind:class=\"{ active: experienceVisible || scanzyVisible || inventorylabVisible }\" @click=\"toggleExperience(), toggleHamburger()\"><span>projects</span></div>\n      <div v-bind:class=\"{ active: storyVisible }\" @click=\"toggleStory(), toggleHamburger()\"><span>story</span></div>\n      <div v-bind:class=\"{ active: contactVisible }\" @click=\"toggleContact(), toggleHamburger()\"><span>contact me</span></div>\n    </div>\n  <Skills v-if=\"skillsVisible\"/>\n  <Experience @show-scanzy=\"toggleScanzy\" @show-inventorylab=\"toggleInventorylab\" v-if=\"experienceVisible\"/>\n  <Scanzy v-if=\"scanzyVisible\"/>\n  <Inventorylab v-if=\"inventorylabVisible\"/>\n  <Story v-if=\"storyVisible\"/>\n  <Contact v-if=\"contactVisible\"/>\n  <LostPage v-if=\"lostPageVisible\"/>\n  <button v-if=\"lostPageVisible\" class=\"lost-button\" @click=\"toggleNavbar()\">go home</button>\n  <img class=\"lost\" src=\"../assets/lost.png\" alt=\"Lost\" v-if=\"lostPageVisible\">\n</template>\n\n<script>\nimport Skills from './skills.vue'\nimport Experience from './experience.vue'\nimport Scanzy from './scanzy.vue'\nimport Inventorylab from './inventorylab.vue'\nimport Story from './story.vue'\nimport Contact from './contact.vue'\nimport LostPage from './404.vue'\n\n\nexport default {\n  name: 'HomePage',\n  components: {\n    Skills,\n    Experience,\n    Scanzy,\n    Inventorylab,\n    Story,\n    Contact,\n    LostPage\n  },\n  data: function() {\n    return {\n      hamburgerToggled: false,\n      navbarToggled: false,\n      skillsVisible: false,\n      storyVisible: false,\n      experienceVisible: false,\n      scanzyVisible: false,\n      inventorylabVisible: false,\n      contactVisible: false,\n      lostPageVisible: false,\n      pageScrolled: false,\n      viewportWidth: window.innerWidth,\n      isScrolling: false,\n      smallWidth: false,\n      mobileWidth: false\n    }\n  },\n  watch: {\n    // Watch for route changes and update component visibility accordingly\n    $route(to) {\n      this.updateComponentVisibility(to.path);\n    }\n  },\n  created() {\n    // Update component visibility based on initial route\n    this.updateComponentVisibility(this.$route.path);\n\n    document.title = 'Jack Gumina - Designer and Front-end Developer';\n\n    if (this.$route.path === '/') {\n      this.navbarToggled = false;\n      document.title = 'Jack Gumina - Designer and Front-end Developer';\n    } else {\n      // Check if the current route is /skills\n      if (this.$route.path === '/skills') {\n        // Set skillsVisible to true\n        this.skillsVisible = true;\n        document.title = 'Skills';\n      }\n      // Check if the current route is /experience\n      else if (this.$route.path === '/projects') {\n        // Set experienceVisible to true\n        this.experienceVisible = true;\n        document.title = 'Projects';\n      }\n      // Check if the current route is /scanzy\n      else if (this.$route.path === '/scanzy') {\n        this.scanzyVisible = true;\n        document.title = 'Scanzy';\n      }\n      // Check if the current route is /inventorylab\n      else if (this.$route.path === '/inventorylab') {\n        this.inventorylabVisible = true;\n        document.title = 'InventoryLab Product Alerts';\n      }\n      // Check if the current route is /story\n      else if (this.$route.path === '/story') {\n        // Set storyVisible to true\n        this.storyVisible = true;\n        document.title = 'Story';\n      }\n      // Check if the current route is /contact\n      else if (this.$route.path === '/contact') {\n        // Set contactVisible to true\n        this.contactVisible = true;\n        document.title = 'Contact Me';\n      }\n      else if (!['/contact', '/story', '/projects', '/scanzy', '/inventorylab', '/skills', '/'].includes(this.$route.path)) {\n        this.lostPageVisible = true;\n        document.title = 'Page Not Found';\n      }\n      // Set navbarToggled to true if any of the routes are active\n      this.navbarToggled = this.skillsVisible || this.experienceVisible || this.scanzyVisible || this.inventorylabVisible || this.storyVisible || this.contactVisible || this.lostPageVisible;\n    }\n\n    window.addEventListener('resize', this.handleResize); // Add resize event listener\n    window.addEventListener('scroll', this.handleScroll);\n  },\n  mounted() {\n    this.viewportWidth = window.innerWidth; // Get initial viewport width\n    // Check if viewport width is below a certain point (e.g., 768px for mobile devices)\n    if(this.viewportWidth <= 850 && this.viewportWidth > 520){\n      this.smallWidth = true;\n    } else {\n      this.smallWidth = false;\n    }\n    if (this.viewportWidth <= 520){\n      this.mobileWidth = true;\n    } else {\n      this.mobileWidth = false;\n    }\n  },\n  methods: {\n    // Method to update component visibility based on route\n    updateComponentVisibility(routePath) {\n      if (routePath === '/') {\n        this.navbarToggled = false;\n        this.skillsVisible = false;\n        this.experienceVisible = false;\n        this.scanzyVisible = false;\n        this.inventorylabVisible = false;\n        this.storyVisible = false;\n        this.contactVisible = false;\n        this.lostPageVisible = false;\n      } else {\n        this.navbarToggled = true;\n        this.skillsVisible = routePath === '/skills';\n        this.experienceVisible = routePath === '/projects';\n        this.scanzyVisible = routePath === '/scanzy';\n        this.inventorylabVisible = routePath === '/inventorylab';\n        this.storyVisible = routePath === '/story';\n        this.contactVisible = routePath === '/contact';\n        this.lostPageVisible = !['/skills', '/projects', '/scanzy', '/inventorylab', '/story', '/contact'].includes(routePath);\n      }\n    },\n    toggleHamburger() {\n      if (this.hamburgerToggled == false){\n        this.hamburgerToggled = true;\n      } else {\n        this.hamburgerToggled = false;\n      }\n    },\n    toggleNavbar() {\n      if (this.navbarToggled) {\n        this.navbarToggled = false;\n        this.skillsVisible = false;\n        this.experienceVisible = false;\n        this.scanzyVisible = false;\n        this.inventorylabVisible = false;\n        this.storyVisible = false;\n        this.contactVisible = false;\n        this.lostPageVisible = false;\n        this.hamburgerToggled = false;\n        this.$router.push('/');\n        document.title = 'Jack Gumina - Designer and Front-end Developer';\n        const navigation = document.getElementById('home-hero-navigation');\n        const homeHero = document.getElementById('home-hero');\n        const hamburger = document.getElementById('hamburger');\n        navigation.style.position = 'static';\n        homeHero.style.position = 'static';\n        hamburger.style.position = 'static';\n      }\n    },\n    toggleSkills() {\n      if (this.skillsVisible == false) {\n        this.skillsVisible = true;\n        this.experienceVisible = false;\n        this.scanzyVisible = false;\n        this.inventorylabVisible = false;\n        this.storyVisible = false;\n        this.contactVisible = false;\n        this.lostPageVisible = false;\n        this.$router.push('/skills');\n        document.title = 'Skills';\n      }\n      if (this.navbarToggled == false) {\n        this.navbarToggled = true;\n      }\n    },\n    toggleExperience() {\n      if (this.experienceVisible == false) {\n        this.experienceVisible = true;\n        this.scanzyVisible = false;\n        this.inventorylabVisible = false;\n        this.skillsVisible = false;\n        this.storyVisible = false;\n        this.contactVisible = false;\n        this.lostPageVisible = false;\n        this.$router.push('/projects');\n        document.title = 'Experience';\n      }\n      if (this.navbarToggled == false) {\n        this.navbarToggled = true;\n      }\n    },\n    toggleScanzy() {\n      if (this.scanzyVisible == false) {\n        this.experienceVisible = false;\n        this.scanzyVisible = true;\n        this.inventorylabVisible = false;\n        this.skillsVisible = false;\n        this.storyVisible = false;\n        this.contactVisible = false;\n        this.lostPageVisible = false;\n        this.$router.push('/scanzy');\n        document.title = 'Scanzy';\n      }\n      if (this.navbarToggled == false) {\n        this.navbarToggled = true;\n      }\n    },\n    toggleInventorylab() {\n      if (this.inventorylabVisible == false) {\n        this.experienceVisible = false;\n        this.scanzyVisible = false;\n        this.inventorylabVisible = true;\n        this.skillsVisible = false;\n        this.storyVisible = false;\n        this.contactVisible = false;\n        this.lostPageVisible = false;\n        this.$router.push('/inventorylab');\n        document.title = 'InventoryLab Product Alerts';\n      }\n      if (this.navbarToggled == false) {\n        this.navbarToggled = true;\n      }\n    },\n    toggleStory() {\n      if (this.storyVisible == false) {\n        this.storyVisible = true;\n        this.skillsVisible = false;\n        this.experienceVisible = false;\n        this.scanzyVisible = false;\n        this.inventorylabVisible = false;\n        this.contactVisible = false;\n        this.lostPageVisible = false;\n        this.$router.push('/story');\n        document.title = 'Story';\n      }\n      if (this.navbarToggled == false) {\n        this.navbarToggled = true;\n      }\n    },\n    toggleContact() {\n      if (this.contactVisible == false) {\n        this.contactVisible = true;\n        this.storyVisible = false;\n        this.skillsVisible = false;\n        this.experienceVisible = false;\n        this.scanzyVisible = false;\n        this.inventorylabVisible = false;\n        this.lostPageVisible = false;\n        this.$router.push('/contact');\n        document.title = 'Contact Me';\n      }\n      if (this.navbarToggled == false) {\n        this.navbarToggled = true;\n      }\n    },\n    handleResize() {\n      // Update the viewport width on resize\n      this.viewportWidth = window.innerWidth;\n      // Adjust positions on resize\n      this.setPositionOnScroll();\n      this.smallWidth = this.viewportWidth <= 850 && this.viewportWidth > 520;\n      this.mobileWidth = this.viewportWidth <= 520;\n    },\n    setPositionOnScroll() {\n      // Check if scrolling is in progress\n      if (!this.isScrolling) {\n        // Select elements\n        const logo = document.getElementById('logo-parent-container');\n        const navigation = document.getElementById('home-hero-navigation');\n        const homeHero = document.getElementById('home-hero');\n        const hamburger = document.getElementById('hamburger');\n        // Calculate the left position based on the reference element's position\n        const leftPosition = logo.getBoundingClientRect().left - 1 + 'px';\n        // Set positions based on scroll\n        if (this.navbarToggled) {\n          navigation.style.position = window.scrollY > 0 ? 'fixed' : 'static';\n          homeHero.style.position = window.scrollY > 0 ? 'fixed' : 'static';\n          hamburger.style.position = window.scrollY > 0 ? 'fixed' : 'static';\n        }\n        // If the position is fixed, set the left position\n        if (navigation.style.position === 'fixed') {\n          navigation.style.left = leftPosition;\n          navigation.style.top = 77.5 + 'px';\n          navigation.style.transition = '0s';\n        }\n        if (homeHero.style.position === 'fixed') {\n          homeHero.style.transition = '0s';\n          homeHero.style.width = '100%';\n          homeHero.style.top = -55 + 'px';\n          homeHero.style.boxShadow = '0 2px 4px 0 rgba(0,0,0,.2)';\n        } else {\n          homeHero.style.width = 'auto';\n          homeHero.style.top = -55 + 'px';\n          homeHero.style.boxShadow = 'none';\n          homeHero.style.transition = '1s';\n        }\n        if (hamburger.style.position === 'fixed') {\n          hamburger.style.top = 14 + 'px';\n          hamburger.style.right = 0;\n        }\n      }\n    },\n    handleScroll() {\n      // Set isScrolling flag to true to indicate scrolling\n      this.isScrolling = true;\n      // Debounce scroll event with setTimeout\n      setTimeout(() => {\n        // Set isScrolling flag to false after debounce timeout\n        this.isScrolling = false;\n        // Adjust positions on scroll\n        this.setPositionOnScroll();\n      }, 0);\n    },\n    handleNavigationClick(event) {\n      // Calculate the click position relative to the left edge of the element\n      const clickX = event.clientX - event.target.getBoundingClientRect().left;\n\n      // Check if the click occurred within the leftmost 32 pixels of the element\n      if (clickX <= 32 && window.getComputedStyle(event.target).position === 'fixed') {\n        // If the condition is met, call the toggleNavbar method\n        this.toggleNavbar();\n      }\n    }\n  },\n}\n</script>\n","<template>\n    <div class=\"skills-container\">\n        <h1 class=\"skills-h1\">here's a quick look at what I can do...</h1>\n        <div class=\"skills-circle-container\">\n            <img src=\"../assets/dev-skills.png\" alt=\"dev skills\" class=\"skill-image dev\">\n            <img src=\"../assets/design-skills.png\" alt=\"design skills\" class=\"skill-image design\">\n            <img src=\"../assets/dev-skills-mobile.png\" alt=\"dev skills\" class=\"skill-image-mobile dev\">\n            <img src=\"../assets/design-skills-mobile.png\" alt=\"design skills\" class=\"skill-image-mobile design\">\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'SkillsPage',\n    data: function() {\n    return {\n\n        };\n    },\n    methods: {\n\n    }\n}\n</script>\n","import { render } from \"./skills.vue?vue&type=template&id=9b985b84\"\nimport script from \"./skills.vue?vue&type=script&lang=js\"\nexport * from \"./skills.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <div class=\"experience-container\">\n        <h1 class=\"experience-h1\">some recent projects I've worked on...</h1>\n        <div class=\"projects-container\">\n            <div class=\"project-div\" @click=\"showScanzyLarge\">\n                <img class=\"project-img scanzy\" src=\"../assets/scanzy.png\" alt=\"Scanzy\">\n                <p class=\"project-p description\">\n                    A barcode scanning software development kit\n                </p>\n                <button class=\"project-button\" @click=\"showScanzy\">learn more</button>\n                <div class=\"scanzy-mockups\">\n                    <img class=\"project-img scanzy-mockup\" src=\"../assets/phone-angle.png\" alt=\"Scanzy\">\n                    <img class=\"project-img scanzy-mockup\" src=\"../assets/phone-dark.png\" alt=\"Scanzy\">\n                    <img class=\"project-img scanzy-mockup\" src=\"../assets/phone-glare.png\" alt=\"Scanzy\">\n                </div>\n                <p class=\"project-p ul-description\">\n                    I led:\n                </p>\n                <ul class=\"project-ul\">\n                    <li>Branding & graphic design</li>\n                    <li>Website design & development</li>\n                    <li>Mobile app design & frontend development</li>\n                </ul>\n            </div>\n            <div class=\"project-div\" @click=\"showInventorylabLarge\">\n                <img class=\"project-img il\" src=\"../assets/il-logo-large.svg\" alt=\"InventoryLab\">\n                <p class=\"project-p description il\">\n                    A \"Product Alerts\" feature for a suite of ecommerce-related SaaS applications\n                </p>\n                <button class=\"project-button\" @click=\"showInventorylab\">learn more</button>\n                <div class=\"scanzy-mockups\">\n                    <img class=\"project-img il-mockup\" src=\"../assets/il-product-alerts-mockup.png\" alt=\"Scanzy\">\n                </div>\n                <p class=\"project-p ul-description\">\n                    I led:\n                </p>\n                <ul class=\"project-ul\">\n                    <li>UX/UI design for mobile and web apps</li>\n                    <li>Frontend development</li>\n                </ul>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'ExperiencePage',\n    data: function() {\n    return {\n\n        };\n    },\n    methods: {\n        showScanzy() {\n            this.$emit('show-scanzy');\n        },\n        showInventorylab() {\n            this.$emit('show-inventorylab');\n        },\n        showScanzyLarge() {\n            if (window.innerWidth >= 651) {\n                this.$emit('show-scanzy');\n            }\n        },\n        showInventorylabLarge() {\n            if (window.innerWidth >= 651) {\n                this.$emit('show-inventorylab');\n            }\n        }\n    }\n}\n</script>","import { render } from \"./experience.vue?vue&type=template&id=2bb359a2\"\nimport script from \"./experience.vue?vue&type=script&lang=js\"\nexport * from \"./experience.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <div class=\"project-page-container\">\n        <div class=\"project-hero\">\n            <!-- <router-link to=\"/experience\" class=\"project-router-link\">return to projects</router-link> -->\n            <h1 class=\"project-h1\">Scanzy Barcode Scanning SDK</h1>\n            <div class=\"scanzy-website-link-container\"><a href=\"https://scanzy.com\" target=\"_blank\" class=\"button-link\"><button class=\"scanzy-website-button\">visit website</button></a></div>\n            <img class=\"project-hero-img scanzy-hero-img\" src=\"../assets/iphone-angle.png\" alt=\"Scanzy\">\n            <p class=\"project-contribution\">Branding &#38; logo design</p>\n            <p class=\"project-contribution\">Website design &#38; development</p>\n            <p class=\"project-contribution\">Mobile app design &#38; development</p>\n        </div>\n        <div class=\"project-background light-green\">\n            <div class=\"project-background-inner-container\">\n                <h2 class=\"project-background-h2\">Background</h2>\n                <p class=\"project-background-p\">\n                    Scanzy is a barcode-scanning software development kit (SDK) created by one of the talented engineers at InventoryLab.  It allows you to scan virtually any barcode, and translates the code into usable information for your application.  In the beginning, we had the installable SDK, but no way to go to market.  I was tasked with creating a logo, brand style guide, website, and mobile demo app, so we could launch Scanzy to the public.\n                </p>\n            </div>\n        </div>\n        <div class=\"project-background\">\n            <div class=\"project-background-inner-container\">\n                <h2 class=\"project-background-h2\">End Result & Business Impact</h2>\n                <div class=\"business-impact\">\n                    <div class=\"business-impact-imgs\">\n                        <img class=\"scanzy-phone-mockup\" src=\"../assets/scanzy-mobile-app-mockup.png\" alt=\"Scanzy Website\">\n                        <img class=\"scanzy-web-mockup\" src=\"../assets/scanzy-web-mockup.png\" alt=\"Scanzy Website\">\n                    </div>\n                    <p>\n                        I designed the logo for the Scanzy SDK and created a branding strategy that positioned us as a simple, low-cost option in the market. I collaborated with product and engineering teams to build a mobile demo app showcasing the SDK's barcode scanning capabilities while promoting our brand.\n                        <br><br>\n                        Additionally, I built a <a href=\"https://scanzy.com\" target=\"_blank\" class=\"scanzy-site-link\">marketing website</a> from scratch where users could sign up for the SDK, track billing, manage their accounts, and follow integration instructions. This project helped grow Scanzy’s user base from zero to nearly 16,000 in the first year.\n                    </p>\n                </div>\n            </div>\n        </div>\n        <div class=\"project-background-inner-container\">\n            <h2 class=\"project-background-h2\">Problem</h2>\n            <p class=\"project-background-p\">\n               We had a great barcode scanning tool that could scan at lightning speed and deliver results.  We knew we had a valuable tool, but we had no way to bring users on board.  We needed a way to sell our product.\n            </p>\n        </div>\n        <div class=\"project-background-inner-container not-first-cream-background\">\n            <h2 class=\"project-background-h2\">Defining Our Goals</h2>\n            <p class=\"project-background-p\">\n                1. Design a logo and define a brand strategy that stands out from the competition.\n                <br><br>\n                2. Build a mobile demo app that showcases the SDK's ability to quickly and accurately scan different types of barcodes.  Include a settings portion of the app to manage barcode types and create a customized experience.\n                <br><br>\n                3. Create a marketing website that promotes our product while allowing users to sign up for a free trial, manage their account, view integration instructions, and access the demo app.\n            </p>\n        </div>\n        <div class=\"project-background-inner-container not-first-cream-background\">\n            <h2 class=\"project-background-h2\">Branding & Styles</h2>\n            <p class=\"project-background-p\">\n                Our goal was to enter the market as a straightforward, low-cost barcode scanning SDK without unnecessary features. While competitors had a sleek, corporate look, we aimed to stand out with a retro, playful, and upbeat brand identity.\n                <br><br>\n                With this vision in mind, I began designing the logo, sketching out ideas and collaborating with my team to refine and narrow down our options.\n                <br><br>\n                We chose a logo that captured the retro, playful vibe we wanted while subtly incorporating elements that signaled its connection to barcodes.\n            </p>\n            <img class=\"project-img scanzy within-project-scanzy-logo\" src=\"../assets/scanzy.png\" alt=\"Scanzy\">\n            <p class=\"project-background-p\">\n                We also needed a color scheme that fit our retro, playful brand. I chose orange for its happy, energetic feel, balanced by blue-green as a complementary color. Cream added a unique, casual touch that set us apart from competitors.\n                <br><br>\n                All of the colors were selected to meet at least WCAG AA contrast guidelines.\n            </p>\n            <div class=\"scanzy-colors\">\n                    <img class=\"scanzy-color\" src=\"../assets/color-scanzy-orange.png\" alt=\"Burnt orange\">\n                    <img class=\"scanzy-color\" src=\"../assets/color-scanzy-green.png\" alt=\"Blue green\">\n                    <img class=\"scanzy-color blue-green-light\" src=\"../assets/color-scanzy-green-light.png\" alt=\"Blue green light version\">\n                    <img class=\"scanzy-color\" src=\"../assets/color-scanzy-cream.png\" alt=\"Cream\">\n            </div>\n            <div class=\"scanzy-colors mobile-colors\">\n                    <div>\n                        <img class=\"scanzy-color\" src=\"../assets/color-scanzy-orange.png\" alt=\"Burnt orange\">\n                        <img class=\"scanzy-color\" src=\"../assets/color-scanzy-green.png\" alt=\"Blue green\">\n                    </div>\n                    <div>\n                        <img class=\"scanzy-color blue-green-light\" src=\"../assets/color-scanzy-green-light.png\" alt=\"Blue green light version\">\n                        <img class=\"scanzy-color\" src=\"../assets/color-scanzy-cream.png\" alt=\"Cream\">\n                    </div>\n            </div>\n            <p class=\"project-background-p\">\n                We needed typography that was readable and matched our brand. For the header, I chose an all-caps version of \"Official Book\" for its retro look and clarity. For the secondary font, I selected \"Poppins\" for its legibility and simplicity.\n            </p>\n            <img class=\"scanzy-official\" src=\"../assets/official.png\" alt=\"Official Book\">\n            <img class=\"scanzy-official poppins\" src=\"../assets/poppins.png\" alt=\"Official Book\">\n            <p class=\"project-background-p\">\n                Buttons and links would be bold, yet simple.  I decided to use the uppercase Poppins font here because it's a bit more standard and practical for use in navigation.  I saved the use of Official Book for headers and punch lines.\n            </p>\n            <div class=\"scanzy-button-link\">\n                <img class=\"scanzy-button\" src=\"../assets/scanzy-button.png\" alt=\"Scanzy Button\">\n                <img class=\"scanzy-link\" src=\"../assets/scanzy-link.png\" alt=\"Scanzy Link\">\n            </div>\n        </div>\n        <div class=\"project-background-inner-container not-first-cream-background\">\n            <h2 class=\"project-background-h2\">Building the Website</h2>\n            <p class=\"project-background-p\">\n                For the Scanzy marketing website, I applied a thorough UX design process to create a site that would effectively communicate the value of the barcode scanning SDK while delivering a smooth and intuitive user experience. The goal was to showcase Scanzy’s capabilities, highlight its competitive pricing model, and guide users through the process of trying out the demo app and signing up for an account.\n                <br><br>\n                The <span class=\"bold\">research phase</span> focused on understanding the needs of our target audience: software owners and developers looking for a reliable, cost-effective barcode scanning solution. I conducted competitive analysis to identify what other SDK providers were offering and pinpoint opportunities for Scanzy to stand out. From these insights, I defined the key features that needed to be highlighted, such as the ability to scan multiple barcode types quickly, robust integration guides, and developer support.\n                <br><br>\n                During the <span class=\"bold\">ideation and wireframing</span> phase, I sketched out user flows and wireframes to map how visitors would interact with the website. The user flow needed to be straightforward—educating users on Scanzy's features, driving them to try out the demo app, and encouraging sign-ups for the free trial. Wireframes were created with a focus on clear calls to action, intuitive navigation, and an emphasis on the unlimited scans, fixed-price business model that differentiates Scanzy from its competitors.\n            </p>\n            <img class=\"scanzy-website-wireframe\" src=\"../assets/scanzy-website-wireframe.png\" alt=\"Scanzy Website Wireframe\">\n            <p class=\"project-background-p\">\n                In the <span class=\"bold\">design phase</span>, I applied our brand style guide to the wireframes to create high-fidelity designs, ensuring a cohesive and user-friendly experience.\n                I incorporated the Font Awesome icon library to add a playful touch and improve scanability.\n            </p>\n            <img class=\"scanzy-website-wireframe hi-fi\" src=\"../assets/scanzy-website-hi-fi.png\" alt=\"Scanzy Website Design\">\n            <p class=\"project-background-p\">\n                Once our team settled on a final design direction, we moved into the <span class=\"bold\">development phase</span>. I chose to build the website with Vue.js, as it enables efficient data handling and seamless integration with our backend database managed by the developers. Additionally, Vue's component-based architecture allows for easier maintenance and scalability, making it an ideal choice for our project.            </p>\n            <p class=\"project-background-p\">\n                In the <span class=\"bold\">testing phase</span>, I evaluated the navigation and support guides by having one of our developers sign up for an account and integrate the SDK into a test app. He provided valuable recommendations to enhance site navigation, ensuring the process was intuitive and effective.\n            </p>\n        </div>\n        <div class=\"project-background-inner-container not-first-cream-background\">\n            <h2 class=\"project-background-h2\">Building the Mobile Demo App</h2>\n            <img class=\"scanzy-app-mockup\" src=\"../assets/phone-dark.png\" alt=\"Scanzy Demo App\">\n            <p class=\"project-background-p\">\n                Building the mobile demo app followed a similar process to the website, encompassing research, wireframing, design, and development. However, the primary goal was to showcase the speed and accuracy of the barcode scanner.<br><br>\n                We developed the app using the Ionic framework, leveraging its ability to compile into formats for both iOS and Android, which allowed us to reach a wider audience and provide a consistent experience across devices.\n                <br><br>\n                During testing, users noted that the app often detected other barcodes before they could scan their target and sometimes scanned too large an area. To address this, I designed a settings area that allowed users to:\n                <br><br>\n                1. Restrict the scan area.\n                <br>\n                2. Choose which barcodes to recognize.\n                <br>\n                3. Enable haptic feedback options, such as sounds and vibrations.\n            </p>\n            <img class=\"scanzy-app-mockup settings\" src=\"../assets/scanzy-settings.png\" alt=\"Scanzy Demo App Settings\">\n        </div>\n        <div class=\"project-background-inner-container not-first-cream-background\">\n            <h2 class=\"project-background-h2\">Thanks for reading!</h2>\n        </div>\n        <div class=\"project-background-inner-container not-first-cream-background back-to-top-container\">\n            <a @click=\"scrollToTop\">Back to top</a>\n            <router-link to=\"/projects\">More projects</router-link>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'ScanzyPage',\n    data: function() {\n    return {\n\n        };\n    },\n    methods: {\n        scrollToTop() {\n            window.scrollTo({\n                top: 0,\n                behavior: 'smooth' // This enables the smooth scroll effect\n            });\n        }\n    }\n}\n</script>\n","import { render } from \"./scanzy.vue?vue&type=template&id=722c1d03\"\nimport script from \"./scanzy.vue?vue&type=script&lang=js\"\nexport * from \"./scanzy.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <div class=\"project-page-container\">\n        <div class=\"project-hero\">\n            <!-- <router-link to=\"/experience\" class=\"project-router-link\">return to projects</router-link> -->\n            <h1 class=\"project-h1\">InventoryLab&#39;s Product Alerts Feature</h1>\n            <img class=\"project-hero-img il-hero-img\" src=\"../assets/il-product-alerts-mockup.png\" alt=\"InventoryLab Product Alerts\">\n            <p class=\"project-contribution\">UX/UI Design</p>\n            <p class=\"project-contribution\">UI Development</p>\n            <p class=\"project-contribution\">REST API Integration</p>\n        </div>\n        <div class=\"project-background light-green\">\n            <div class=\"project-background-inner-container\">\n                <h2 class=\"project-background-h2\">Background</h2>\n                <p class=\"project-background-p\">\n                    InventoryLab is a SaaS product suite designed for ecommerce and Amazon sellers, consisting of the web app Stratify and its mobile companion, Scoutify. One key function is helping users find and list products on their Amazon Seller Central accounts. However, certain products may have restrictions imposed by Amazon, such as hazmat regulations or condition restrictions (new, used, etc). To address this, InventoryLab needed to provide users with clear visibility into these restrictions within its applications.\n                </p>\n            </div>\n        </div>\n        <div class=\"project-background\">\n            <div class=\"project-background-inner-container\">\n                <h2 class=\"project-background-h2\">End Result & Business Impact</h2>\n                <div class=\"business-impact\">\n                    <div class=\"business-impact-imgs\">\n                        <img class=\"scanzy-phone-mockup\" src=\"../assets/il-phone-mockup.png\" alt=\"Scanzy Website\">\n                        <img class=\"scanzy-web-mockup\" src=\"../assets/il-product-alerts-mockup.png\" alt=\"Scanzy Website\">\n                    </div>\n                    <p>\n                        By addressing user needs and collaborating with the product and development teams, I designed a feature called \"Product Alerts.\" This feature includes icons and messages integrated into InventoryLab's web and mobile applications, informing users about Amazon's product restrictions.\n                        <br><br>\n                        Additionally, our team developed \"Ideal Buy\" notifications, enabling users to identify products they are most likely to succeed in selling based on customizable criteria in their settings.\n                        <br><br>\n                        As a result, users no longer had to guess which products were suitable for them to sell. Support tickets and complaints related to product alerts dropped to nearly zero. This led to a significant reduction in the time users spent sourcing products, enabling efficient listing of new items and directly boosting their revenue streams.                  </p>\n                </div>\n            </div>\n        </div>\n        <div class=\"project-background-inner-container\">\n            <h2 class=\"project-background-h2\">Problem</h2>\n            <p class=\"project-background-p\">\n                While speaking with users, our team discovered that many struggled with sourcing and listing new items on Amazon. They would identify a product in our catalog, navigate the lengthy listing process through our application, only to later find out from Amazon that the product had hazmat or condition restrictions. As a result, they either couldn't sell it or needed prior approval. If users had this information upfront, they would have avoided wasting time on unlistable products.            </p>\n        </div>\n        <div class=\"project-background-inner-container not-first-cream-background\">\n            <h2 class=\"project-background-h2\">Defining Our Goals</h2>\n            <p class=\"project-background-p\">\n                1. Display hazmat and condition restrictions for each product in our catalog.\n                <br><br>\n                2. Provide detailed messaging about these restrictions using information from Amazon.\n                <br><br>\n                3. Allow users to customize which restrictions they want to see based on their preferences.\n            </p>\n        </div>\n        <div class=\"project-background-inner-container not-first-cream-background\">\n            <h2 class=\"project-background-h2\">Creating Iconography</h2>\n            <p class=\"project-background-p\">\n                One of the biggest challenges here was creating UI that was compact enough to fit into our existing workflows.  There were several areas in our applications where users could browse product catalogs and view search results. I saw this as an ideal spot to integrate the new product restriction alerts. I designed icons for Amazon condition restrictions and \"hazmat\" products, each with distinct visuals and colors to quickly grab attention and enhance the scanability of long search result lists.\n                <br><br>\n                I selected a blue color paired with an Amazon-related icon for the Amazon restrictions alert. Since blue was already commonly used throughout our application, it seamlessly integrated as a neutral, informational alert.\n            </p>\n            <img class=\"amzn-alert\" src=\"../assets/amzn-alert.png\" alt=\"Amazon Alert\">\n            <p>\n                For the hazmat alerts, I chose an orange color to indicate a warning, emphasizing that these products could be hazardous and would require approval before selling.\n                I intentionally avoided using red, as it felt too heavy-handed. Users weren’t completely barred from selling these items; they just needed approval.\n            </p>\n            <img class=\"hzmt-alert\" src=\"../assets/hzmt-alert.png\" alt=\"Hazmat Alert\">\n        </div>\n        <div class=\"project-background-inner-container not-first-cream-background\">\n            <h2 class=\"project-background-h2\">Providing Complete Messaging</h2>\n            <p class=\"project-background-p\">\n                The icons made it easy for users to quickly scan product lists and identify restrictions. However, they didn’t provide enough detail about what the alerts meant. Space limitations on the product search results prevented adding more information, and repeating the same message for every item would have been redundant once users understood the alerts.\n                <br><br>\n                To solve this, I implemented modals for more in-depth details. Clicking the \"View Product Alerts\" link opened a modal with specific information.\n                <br><br>\n                For Amazon condition restrictions, the modal displayed the allowable conditions for selling the product and offered an option to request approval if needed. Each product had a single modal containing all relevant alerts, with expandable and collapsible sections for easy navigation of detailed information.\n            </p>\n            <img class=\"amzn-modal\" src=\"../assets/amzn-modal.png\" alt=\"Amazon Alert\">\n            <p>\n                For Hazmat alerts, the modal provided general information applicable to all restricted items. Again, you could expand or collapse this information if need be.\n            </p>\n            <img class=\"hzmt-modal\" src=\"../assets/hzmt-modal.png\" alt=\"Hazmat Alert\">\n        </div>\n        <div class=\"project-background-inner-container not-first-cream-background\">\n            <h2 class=\"project-background-h2\">Gathering User Feedback &#38; Enhancing the Feature</h2>\n            <p class=\"project-background-p\">\n                We presented our initial designs to users, and they overwhelmingly felt this solution would resolve their issue of not knowing which products were restricted. However, some users also expressed a desire for a feature to help them identify products ideal for their business—those ranking in the top tier of sellable items within a specific category.\n                <br><br>\n                Our team developed the \"Ideal Buy\" alert as a solution. I chose green for this alert because it universally represents success and opportunity, making it a natural fit for highlighting promising products.\n            </p>\n            <img class=\"hzmt-alert\" src=\"../assets/ideal.png\" alt=\"Ideal Buy\">\n            <p>\n                Another thing users requested was the ability to customize their alerts, with some wanting to see only specific condition restrictions for certain items.\n                <br><br>\n                Additionally, since \"Ideal Buy\" meant different things to different users, we developed a settings area for personalizing their definition of \"ideal.\"\n                <br><br>\n                I designed the settings section of our application to enable users to tailor their preferences, ensuring they only received alerts relevant to their needs.\n            </p>\n            <img class=\"settings-alerts\" src=\"../assets/ideal-settings.png\" alt=\"Hazmat Alert\">\n        </div>\n        <div class=\"project-background-inner-container not-first-cream-background\">\n            <h2 class=\"project-background-h2\">UI Development &#38; REST API Integration</h2>\n            <p class=\"project-background-p\">\n                We had a solid design ready to solve users' urgent workflow issues. After finishing the UI, I handed it off for integration, but limited development resources threatened our timeline. To keep us on track, I learned to make API requests for alerts data from Amazon's API. This ensured a timely release, and users were thrilled with the new feature.\n            </p>\n        </div>\n        <div class=\"project-background-inner-container not-first-cream-background\">\n            <h2 class=\"project-background-h2\">Thanks for reading!</h2>\n        </div>\n        <div class=\"project-background-inner-container not-first-cream-background back-to-top-container\">\n            <a @click=\"scrollToTop\">Back to top</a>\n            <router-link to=\"/projects\">More projects</router-link>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'InventoryLabPage',\n    data: function() {\n    return {\n\n        };\n    },\n    methods: {\n        scrollToTop() {\n            window.scrollTo({\n                top: 0,\n                behavior: 'smooth' // This enables the smooth scroll effect\n            });\n        }\n    }\n}\n</script>\n","import { render } from \"./inventorylab.vue?vue&type=template&id=403bd3cb\"\nimport script from \"./inventorylab.vue?vue&type=script&lang=js\"\nexport * from \"./inventorylab.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <div class=\"story-container\">\n        <div class=\"story-pics-container\">\n            <img class=\"about-pic\" src=\"../assets/about-pic-one.png\" alt=\"\">\n            <img class=\"about-pic\" src=\"../assets/about-pic-two.png\" alt=\"\">\n            <img class=\"about-pic\" src=\"../assets/about-pic-three.png\" alt=\"\">\n        </div>\n        <div class=\"story-words-container\">\n            <h1 class=\"story-h1\">a little bit about me</h1>\n            <p class=\"story-p\">Interestingly enough my career journey started in finance. Fresh out of the University of Minnesota business school, I got my start in banking. It was a whirlwind introduction to professional life, and I learned many lessons I still apply to my career today.</p>\n            <p class=\"story-p\">After a while my inner creative rebelled. While I was grateful for the knowledge and relationships I had gained in the finance world, I craved more than spreadsheets and balance sheets. That's when I stumbled upon design. Through an apprenticeship, I dipped my toes into the design and front-end development waters, exploring what it takes to craft digital experiences for users. It was like unlocking a whole new world — one where I could blend my analytical skills with my artistic side and bring ideas to life in pixels and code.</p>\n            <p class=\"story-p\">Since then, I've been on a wild ride. Each job has been a crash course in learning. I've been able to engage my passion not just for aesthetics, but also the nuts and bolts of code. I've come to realize that marrying top-notch design with robust engineering isn't just desirable; it's essential. I'm here for every moment of that exciting journey.</p>\n            <p class=\"story-p\">When I'm not working, you can find me playing guitar, hiking with my Great Dane named Dave, or watching a classic TV series with my wife (Sopranos, anyone?).</p>\n        </div>\n    </div>\n    <div class=\"jobs-container\">\n        <h1 class=\"experience-h1\">my design journey: bridging creativity and code</h1>\n\n        <div class=\"job-container\">\n            <div class=\"job-img-container\">\n                <img class=\"job-img threecolts\" src=\"../assets/threecolts.png\" alt=\"Threecolts\">\n            </div>\n            <div class=\"job-description-container\">\n                <h2 class=\"job-h2\"><a class=\"job-h2-name\" href=\"https://www.threecolts.com\" target=\"_blank\">Threecolts</a><br>Sep 2023 - Feb 2024</h2>\n                <p class=\"job-p\">Following the acquisition of InventoryLab by Threecolts, my role evolved further into that of a front-end engineer. Combining my design expertise with my development skills, I worked on projects that required a holistic approach, from creating functioning prototypes to collaborating with cross-functional teams on a daily basis. Being able to leverage both my UX/UI and front-end development skill sets allowed me to tackle challenges creatively and contribute effectively to the success of various projects.</p>\n            </div>\n        </div>\n        <div class=\"job-container\">\n            <div class=\"job-img-container\">\n                <img  class=\"job-img il\" src=\"../assets/il-logo.png\" alt=\"InventoryLab\">\n            </div>\n            <div class=\"job-description-container\">\n                <h2 class=\"job-h2\"><a class=\"job-h2-name\" href=\"https://www.inventorylab.com\" target=\"_blank\">InventoryLab</a><br>Jan 2021 - Sep 2023</h2>\n                <p class=\"job-p\">During my time at InventoryLab, I wore multiple hats as a hybrid UX/UI designer and front-end developer. Collaborating closely with my team, I played a key role in designing and implementing innovative feature sets for our web and mobile SaaS products. I also developed two marketing websites from the ground up. I grew personally and professionally during my time at InventoryLab, and I'll always be grateful to the amazing folks there.</p>\n            </div>\n        </div>\n        <div class=\"job-container\">\n            <div class=\"job-img-container\">\n                <img  class=\"job-img wrfw\" src=\"../assets/wrfw.png\" alt=\"Women Run For Women\">\n            </div>\n            <div class=\"job-description-container\">\n                <h2 class=\"job-h2\"><a class=\"job-h2-name\" href=\"https://www.womenrunforwomen.com\" target=\"_blank\">Women Run For Women</a><br>Jun 2020 - Jan 2021</h2>\n                <p class=\"job-p\">At Women Run For Women, I had the opportunity to dive headfirst into the world of professional design, focusing on web and UX/UI design for a non-profit dedicated to women's health. It was a very rewarding experience that not only allowed me to apply my skills, but also taught me invaluable lessons along the way. Working on meaningful projects in a supportive environment was incredibly rewarding and laid the foundation for my design career.</p>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'StoryPage',\n    data: function() {\n    return {\n\n        };\n    },\n    methods: {\n\n    }\n}\n</script>","import { render } from \"./story.vue?vue&type=template&id=3203ad77\"\nimport script from \"./story.vue?vue&type=script&lang=js\"\nexport * from \"./story.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <div class=\"contact-container\">\n        <h1>hey there!</h1>\n        <p class=\"contact-p\">Simply fill out the form below and I'll get back to you as soon as I'm able.</p>\n        <!-- modify this form HTML and place wherever you want your form -->\n        <form\n        action=\"https://formspree.io/f/xeqygoal\"\n        method=\"POST\"\n        class=\"contact-form\"\n        >\n        <label class=\"form-label\">\n            <p class=\"contact-form-p\">Your email:</p>\n            <input class=\"contact-input email\" type=\"email\" name=\"email\" v-model=\"formData.email\">\n        </label>\n        <label class=\"form-label\">\n            <p class=\"contact-form-p\">Your message:</p>\n            <textarea class=\"contact-input message\" name=\"message\" v-model=\"formData.message\"></textarea>\n        </label>\n        <!-- your other form fields go here -->\n        <button class=\"contact-send-button\" type=\"submit\">send</button>\n        </form>\n    </div>\n</template>\n\n<script>\n\nexport default {\n    name: 'ContactPage',\n    data: function() {\n    return {\n        formData: {\n                email: '',\n                message: ''\n            },\n        };\n    },\n    methods: {\n\n    },\n    beforeRouteLeave(to, from, next) {\n        // Before leaving the route, clear the form data\n        this.formData.email = '';\n        this.formData.message = '';\n        next();\n    }\n}\n</script>","import { render } from \"./contact.vue?vue&type=template&id=42513277\"\nimport script from \"./contact.vue?vue&type=script&lang=js\"\nexport * from \"./contact.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <div class=\"contact-container\">\n        <h1>404 - Page Not Found</h1>\n        <p class=\"contact-p\">Oh no, it seems like you've wandered off the beaten path! Please check your url.</p>\n    </div>\n</template>\n\n<script>\n\nexport default {\n    name: 'LostPage',\n    data: function() {\n    return {\n\n        };\n    },\n}\n</script>","import { render } from \"./404.vue?vue&type=template&id=0175e47a\"\nimport script from \"./404.vue?vue&type=script&lang=js\"\nexport * from \"./404.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./home.vue?vue&type=template&id=1099f933\"\nimport script from \"./home.vue?vue&type=script&lang=js\"\nexport * from \"./home.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <div class=\"experience-container\">\n        <h1 class=\"experience-h1\">Privacy Policy for Business Filter Chrome Extension</h1>\n        <div class=\"privacy-policy-p-container\">\n            <p class=\"privacy-p\">\n                Effective Date: 02/21/2021\n            </p>\n            <p class=\"privacy-p\">\n                Business Filter (\"we,\" \"us,\" or \"our\") is committed to protecting your privacy. This Privacy Policy explains how we collect, use, and safeguard your information when you use our Chrome extension (the \"Extension\"). By installing and using the Extension, you agree to the collection and use of information in accordance with this policy.\n            </p>\n            <p class=\"privacy-p privacy-header\">\n                1. Information We Collect\n            </p>\n            <p class=\"privacy-p\">\n                We do not collect personally identifiable information (PII) such as your name, address, email address, or phone number. The following types of data may be collected during your use of the Extension:\n            </p>\n            <p class=\"privacy-p\">\n                Web History: We may access the list of web pages you visit on specific domains to enhance the filtering experience and apply user-defined business listing filters.\n            </p>\n            <p class=\"privacy-p\">\n                User Activity: We may monitor user interactions within the Extension (e.g., clicks on business listings) to improve the functionality and responsiveness of the Extension.\n            </p>\n            <p class=\"privacy-p\">\n                Website Content: We may interact with and process website content (text, images, hyperlinks) to apply filters according to your specified criteria.\n            </p>\n            <p class=\"privacy-p privacy-header\">\n                2. How We Use Your Information\n            </p>\n            <p class=\"privacy-p\">\n                We use the collected information for the following purposes:\n            </p>\n            <p class=\"privacy-p\">\n                To provide and maintain the Extension.\n            </p>\n            <p class=\"privacy-p\">\n                To improve, personalize, and expand our Extension's features and functionality.\n            </p>\n            <p class=\"privacy-p\">\n                To analyze how users interact with the Extension to enhance the user experience.\n            </p>\n            <p class=\"privacy-p privacy-header\">\n                3. Data Sharing and Disclosure\n            </p>\n            <p class=\"privacy-p\">\n                We do not sell or transfer your data to third parties outside of the approved use cases. We do not use or transfer your data for purposes unrelated to the Extension's primary functionality. We also do not use or transfer your data to determine creditworthiness or for lending purposes.\n            </p>\n            <p class=\"privacy-p privacy-header\">\n                4. Data Security\n            </p>\n            <p class=\"privacy-p\">\n                We take the security of your information seriously. However, please be aware that no method of transmission over the internet or method of electronic storage is 100% secure.\n            </p>\n            <p class=\"privacy-p privacy-header\">\n                5. Your Rights\n            </p>\n            <p class=\"privacy-p\">\n                You have the right to:\n            </p>\n            <p class=\"privacy-p\">\n                Request access to the personal data we hold about you.\n            </p>\n            <p class=\"privacy-p\">\n                Request that we correct any inaccuracies in your data.\n            </p>\n            <p class=\"privacy-p\">\n                Request the deletion of your data, subject to certain legal exceptions.\n            </p>\n            <p class=\"privacy-p privacy-header\">\n                6. Changes to This Privacy Policy\n            </p>\n            <p class=\"privacy-p\">\n                We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page with a revised effective date. We encourage you to review this Privacy Policy periodically for any changes.\n            </p>\n            <p class=\"privacy-p privacy-header\">\n                7. Contact Us\n            </p>\n            <p class=\"privacy-p\">\n                If you have any questions about this Privacy Policy, please contact us at:\n                <br>\n                jackgumina@gmail.com\n                <br>\n                <br>\n                <br>\n            </p>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'PrivacyPolicy',\n    data: function() {\n    return {\n\n        };\n    },\n    methods: {\n\n    }\n}\n</script>","import { render } from \"./privacy.vue?vue&type=template&id=44249035\"\nimport script from \"./privacy.vue?vue&type=script&lang=js\"\nexport * from \"./privacy.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { createRouter, createWebHistory } from 'vue-router';\nimport HomePage from './components/home.vue';\nimport PrivacyPolicy from './components/privacy.vue';\n\nconst routes = [\n  { path: '/', component: HomePage },\n  { path: '/skills', component: HomePage },\n  { path: '/projects', component: HomePage },\n  { path: '/scanzy', component: HomePage },\n  { path: '/inventorylab', component: HomePage },\n  { path: '/story', component: HomePage },\n  { path: '/contact', component: HomePage },\n  { path: '/404', component: HomePage },\n  { path: '/business-filter-privacy-policy', component: PrivacyPolicy },\n  { path: '/:catchAll(.*)', component: HomePage }, // Wildcard route\n];\n\nconst router = createRouter({\n  history: createWebHistory(),\n  routes\n});\n\n// Scroll to the top of the page before each navigation\nrouter.beforeEach((to, from, next) => {\n  window.scrollTo(0, 0);\n  next();\n});\n\nexport default router;","import { createApp } from 'vue';\nimport App from './App.vue';\nimport router from './router';\n\nconst app = createApp(App);\n\napp.use(router); // Use Vue Router\n\napp.mount('#app');\n\n\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","__webpack_require__.p = \"/\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkportfolio\"] = self[\"webpackChunkportfolio\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(3223); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["_createBlock","_component_router_view","name","__exports__","render","_hoisted_1","_createElementVNode","_hoisted_5","_hoisted_7","_hoisted_9","_hoisted_11","_hoisted_13","_hoisted_15","_hoisted_17","_hoisted_19","class","src","_imports_2","alt","_normalizeClass","smaller","_ctx","navbarToggled","scrolled","pageScrolled","smallWidth","mobileWidth","id","moved","onClick","_cache","$event","$options","toggleNavbar","_imports_0","_imports_1","hidden","small","handleNavigationClick","active","skillsVisible","toggleSkills","experienceVisible","scanzyVisible","inventorylabVisible","toggleExperience","storyVisible","toggleStory","contactVisible","toggleContact","args","toggleHamburger","turned","hamburgerToggled","visible","_component_Skills","key","_component_Experience","onShowScanzy","toggleScanzy","onShowInventorylab","toggleInventorylab","_component_Scanzy","_component_Inventorylab","_component_Story","_component_Contact","lostPageVisible","_component_LostPage","_createElementBlock","_hoisted_21","_hoisted_2","_hoisted_4","data","methods","_imports_4","_imports_5","_hoisted_3","showScanzyLarge","showScanzy","_hoisted_6","showInventorylabLarge","_hoisted_10","showInventorylab","_hoisted_12","this","$emit","window","innerWidth","scrollToTop","_createVNode","_component_router_link","to","scrollTo","top","behavior","action","method","type","formData","email","_hoisted_8","message","beforeRouteLeave","from","next","components","Skills","Experience","Scanzy","Inventorylab","Story","Contact","LostPage","viewportWidth","isScrolling","watch","$route","updateComponentVisibility","path","created","document","title","includes","addEventListener","handleResize","handleScroll","mounted","routePath","$router","push","navigation","getElementById","homeHero","hamburger","style","position","setPositionOnScroll","logo","leftPosition","getBoundingClientRect","left","scrollY","transition","width","boxShadow","right","setTimeout","event","clickX","clientX","target","getComputedStyle","routes","component","HomePage","PrivacyPolicy","router","createRouter","history","createWebHistory","beforeEach","app","createApp","App","use","mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","call","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","i","length","fulfilled","j","Object","keys","every","splice","r","d","definition","o","defineProperty","enumerable","get","g","globalThis","Function","e","obj","prop","prototype","hasOwnProperty","p","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","forEach","bind","__webpack_exports__"],"sourceRoot":""}