{"version":3,"sources":["webpack:///./src/views/Experience.vue","webpack:///./src/views/Experience.vue?d800","webpack:///./src/views/Experience.vue?fbc7"],"names":["_hoisted_1","script","__exports__","render"],"mappings":"8yJACEA,E,mCCAF,MAAMC,EAAS,GAKTC,EAA2B,IAAgBD,EAAQ,CAAC,CAAC,SAASE,GAAQ,CAAC,YAAY,qBAE1E,gB,2DCRf","file":"js/chunk-fd10b708.82264863.js","sourcesContent":["<template>\n  <title>Experience</title>\n  <div class=\"page\">\n    <div class=\"timeline\">\n        <div class=\"timeline__group\">\n        <div class=\"timeline__cards\">\n            <div class=\"timeline__card card\">\n            <header class=\"card__header\">\n                <time class=\"time\" datetime=\"2022-02-02\">\n                <span class=\"time__day\">May 2023 - </span>\n                <span class=\"time__month\">Current</span>\n                </time>\n                <h3 class=\"card__title r-title\">Co-Chief Executive Officer\n                  <br>\n                  <a href=\"https://artiorganizer.com/home\" target=\"_blank\">ArtiOrganizer</a></h3>\n            </header>\n            <div class=\"card__content\">\n                <p>\n                  <br>\n                  <b>Project - (AI-Powered Message Organizer)</b>\n                <ul>\n                  <li>Led and managed the strategic vision and product.</li>\n                  <br>\n                  <li>Designed and implemented the entire frontend architecture in Angular.</li>\n                  <br>\n                  <li>Led all branding and creative design initiatives, establishing a cohesive and impactful brand identity across various channels.</li>\n                  <br>\n                  <li>Collaborated closely with the other 3 Co-CEO to align business objectives and drive overall company performance.</li>\n                </ul>\n                <br>\n                </p>\n            </div>\n            </div>\n        </div>\n\n        <div class=\"timeline__cards\">\n            <div class=\"timeline__card card\">\n            <header class=\"card__header\">\n                <time class=\"time\" datetime=\"2022-02-02\">\n                <span class=\"time__day\">November 2022 - </span>\n                <span class=\"time__month\">Current</span>\n                </time>\n                <h3 class=\"card__title r-title\">Software Engineer\n                  <br>\n                  <a href=\"https://www.cae.com/\" target=\"_blank\">CAE</a></h3>\n            </header>\n            <div class=\"card__content\">\n                <p>\n                  <br>\n                  <b>Project #1 (Common Operating Picture (COP) application using OpenLayers, GeoServer, and Angular)</b>\n                <ul>\n                  <li>Held a key role as one of the head UI developers, responsible for designing and implementing the user interface.</li>\n                  <br>\n                  <li>Utilized PrimeNG, a UI component library for Angular, to enhance the user interface and provide a consistent look and feel.</li>\n                  <br>\n                  <li>Integrated interactive maps and data folders/layers to offer a comprehensive view of the operational environment.</li>\n                  <br>\n                  <li>Successfully integrated real-time collaborative features, allowing users to collaboratively draw shapes and routes on the map in real-time.</li>\n                </ul>\n                <br>\n                </p>\n            </div>\n            </div>\n        </div>\n\n        <div class=\"timeline__cards\">\n            <div class=\"timeline__card card\">\n            <header class=\"card__header\">\n                <time class=\"time\" datetime=\"2022-02-02\">\n                <span class=\"time__day\">May 2022 - </span>\n                <span class=\"time__month\">November 2022</span>\n                </time>\n                <h3 class=\"card__title r-title\">Software Engineer Intern\n                  <br>\n                  <a href=\"https://www.jhuapl.edu/\" target=\"_blank\">\n                  The Johns Hopkins University Applied Physics Laboratory\n                  </a>\n                  </h3>\n            </header>\n            <div class=\"card__content\">\n                <p>\n                  <br>\n                  <b>Project #1 (Software that predicts the probability of successfully transmitting/receiving radio signals)</b>\n                <ul>\n                  <li>Completed UI development coding tasks that went into production, which include analyzing user \n                interface issues and creating manageable solutions using agile development.</li>\n                  <br>\n                  <li>Improved a Dotnet application that used entity framework to query data and reformat it into more \n                efficient data structures, which improved retrieval speeds.</li>\n                  <br>\n                  <li>Containerized the application using Docker.</li>\n                </ul>\n                <br>\n                <b>Project #2 (Satellite communications system that ensures a survival path is present)</b>\n                <ul>\n                  <li>Refactored a Java thick client into a web application using a Vue.js frontend and Java backend.</li>\n                  <br>\n                  <li>Acted as a full-stack developer, creating backend endpoints to retrieve data, and APIs/UI\n                components to visualize data.</li>\n                  <br>\n                  <li>Conducted testing and performed documentation of UI and services.</li>\n                </ul>\n                </p>\n            </div>\n            </div>\n        </div>\n        </div>\n        <div class=\"timeline__group\">\n        <!-- <span class=\"timeline__year time\" aria-hidden=\"true\">2022</span> -->\n        </div>\n      </div>\n  </div>\n</template>\n\n<style scoped>\n.r-title {\n  margin-top: var(--rTitleMarginTop, 0) !important;\n  margin-bottom: var(--rTitleMarginBottom, 0) !important;\n}\n\np:not([class]) {\n  line-height: var(--cssTypographyLineHeight, 1.78);\n  margin-top: var(--cssTypographyBasicMargin, 1em);\n  margin-bottom: 0;\n}\n\np:not([class]):first-child {\n  margin-top: 0;\n}\n\n/*\ntext component\n*/\n\n.text {\n  display: var(--textDisplay, inline-flex);\n  font-size: var(--textFontSize, 1rem);\n}\n\n/*\ntime component\n*/\n\n/*\ncore styles\n*/\n\n.time {\n  display: var(--timeDisplay, inline-flex);\n}\n\n/*\nextensions\n*/\n\n.time__month {\n  margin-left: var(--timelineMounthMarginLeft, 0.25em);\n}\n\n/*\nskin\n*/\n\n.time {\n  padding: var(--timePadding, 0.25rem 1.25rem 0.25rem);\n  background-color: var(--timeBackgroundColor, #f0f0f05b);\n  backdrop-filter: blur(8px);\n\n  font-size: var(--timeFontSize, 0.75rem);\n  font-weight: var(--timeFontWeight, 700);\n  text-transform: var(--timeTextTransform, uppercase);\n  color: var(--timeColor, currentColor);\n}\n\n/*\ncard component\n*/\n\n/*\ncore styles\n*/\n\n.card {\n  padding: var(--timelineCardPadding, 1.5rem 1.5rem 1.25rem);\n}\n\n.card__content {\n  margin-top: var(--cardContentMarginTop, 0.5rem);\n  text-align: left;\n}\n\n/*\nskin\n*/\n\n.card {\n  border-radius: var(--timelineCardBorderRadius, 2px);\n  border-left: var(--timelineCardBorderLeftWidth, 3px) solid\n    var(--timelineCardBorderLeftColor, var(--uiTimelineMainColor));\n  box-shadow: var(\n    --timelineCardBoxShadow,\n    0 1px 3px 0 rgba(0, 0, 0, 0.12),\n    0 1px 2px 0 rgba(0, 0, 0, 0.24)\n  );\n  background-color: var(--timelineCardBackgroundColor, #ffffff91);\n  filter: drop-shadow(0 0 0.75rem #3a93b381);\n  backdrop-filter: blur(8px);\n}\n\n/*\nextensions\n*/\n\n.card__title {\n  --rTitleMarginTop: var(--cardTitleMarginTop, 1rem);\n  font-size: var(--cardTitleFontSize, 1.25rem);\n}\n\n/*\n=====\nCORE STYLES\n=====\n*/\n\n.timeline {\n  display: var(--timelineDisplay, grid);\n  grid-row-gap: var(--timelineGroupsGap, 2rem);\n}\n\n/*\n1. If timeline__year isn't displaed the gap between it and timeline__cards isn't displayed too\n*/\n\n.timeline__year {\n  margin-bottom: 1.25rem; /* 1 */\n}\n\n.timeline__cards {\n  display: var(--timeloneCardsDisplay, grid);\n  grid-row-gap: var(--timeloneCardsGap, 1.5rem);\n}\n\n/*\n=====\nSKIN\n=====\n*/\n\n.timeline {\n  --uiTimelineMainColor: var(--timelineMainColor, #222);\n  --uiTimelineSecondaryColor: var(--timelineSecondaryColor, #fff);\n\n  border-left: var(--timelineLineWidth, 3px) solid\n    var(--timelineLineBackgroundColor, var(--uiTimelineMainColor));\n  padding-top: 1rem;\n  padding-bottom: 1.5rem;\n}\n\n.timeline__year {\n  --timePadding: var(--timelineYearPadding, 0.5rem 1.5rem);\n  --timeColor: var(--uiTimelineSecondaryColor);\n  --timeBackgroundColor: var(--uiTimelineMainColor);\n  --timeFontWeight: var(--timelineYearFontWeight, 400);\n}\n\n.timeline__card {\n  position: relative;\n  margin-left: var(--timelineCardLineGap, 1rem);\n}\n\n/*\n1. Stoping cut box shadow\n*/\n\n.timeline__cards {\n  overflow: hidden;\n  padding-top: 0.25rem; /* 1 */\n  padding-bottom: 0.25rem; /* 1 */\n}\n\n.timeline__card::before {\n  content: '';\n  width: 100%;\n  height: var(--timelineCardLineWidth, 2px);\n  background-color: var(\n    --timelineCardLineBackgroundColor,\n    var(--uiTimelineMainColor)\n  );\n\n  position: absolute;\n  top: var(--timelineCardLineTop, 1rem);\n  left: -50%;\n  z-index: -1;\n}\n\n/*\n=====\nSETTINGS\n=====\n*/\n/**/\n.timeline {\n  --timelineMainColor: #3a93b3;\n}\n\n/*\n=====\nDEMO\n=====\n*/\n\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Open Sans,\n    Ubuntu, Fira Sans, Helvetica Neue, sans-serif;\n  color: #222;\n  overflow-y: auto;\n\n  background-color: #f0f0f0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n}\n\np {\n  margin-top: 0;\n  margin-bottom: 1rem;\n  line-height: 1.5;\n}\n\np:last-child {\n  margin-bottom: 0;\n}\n\n.page {\n  max-width: 47rem;\n  padding: 5rem 2rem;\n  padding-bottom: 100px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.substack {\n  border: 1px solid #eee;\n  background-color: #fff;\n  width: 100%;\n  max-width: 480px;\n  height: 280px;\n  margin: 1rem auto;\n}\n</style>","import { render } from \"./Experience.vue?vue&type=template&id=7ba768b5&scoped=true\"\nconst script = {}\n\nimport \"./Experience.vue?vue&type=style&index=0&id=7ba768b5&scoped=true&lang=css\"\n\nimport exportComponent from \"/var/www/html/vue/VueApp/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7ba768b5\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Experience.vue?vue&type=style&index=0&id=7ba768b5&scoped=true&lang=css\""],"sourceRoot":""}