{"version":3,"file":"ppp_careers-Cpuhr8Hi.js","sources":["../../../app/javascript/components/premed/PPPApp.vue","../../../app/javascript/entrypoints/ppp_careers.js"],"sourcesContent":["<template lang=\"\">\n  <p class=\"has-text-centered mt-5\">\n    <span class=\"is-size-1-desktop is-size-2-mobile ma-full-gradient-text has-text-weight-bold\">The Premed Presidents</span>\n    <br>\n    <span class=\"is-size-4-desktop is-size-4-mobile ma-full-gradient-text has-text-weight-semibold\">Meet some of the bold & brilliant MedAngle Premed Presidents revolutionizing premed education.</span>\n\n  </p>\n\n\n  <div class=\"hq-motm-container\">\n    <Vue3Marquee :gradient=\"false\" :pauseOnHover=\"true\" :duration=36>\n      <div v-for=\"profile in profiles\" :key=\"profile.name\" class=\"ppp-careers-profile\" :style=\"{ backgroundImage: `url('${profile.image}')` }\">\n        <div class=\"ppp-content\">\n          <p class=\"is-size-6-desktop is-uppercase has-text-weight-bold has-text-white\">{{ profile.school }}</p>\n          <p class=\"is-size-3-desktop is-size-4-tablet is-size-4-mobile has-text-weight-bold has-text-white\">{{ profile.name }}</p>\n          <p class=\"is-size-7 is-uppercase has-text-weight-bold has-text-white\">Season 1</p>\n        </div>\n      </div>\n    </Vue3Marquee>\n  </div>\n\n<p class=\"has-text-centered mt-5\">\n    <span class=\"is-size-1-desktop is-size-2-mobile ma-full-gradient-text has-text-weight-bold\">Want to be a Premed President?</span>\n    <br>\n    <span class=\"is-size-4-desktop is-size-4-mobile ma-full-gradient-text has-text-weight-semibold\">Think you have what it takes? We select the best, most bold, ethical and genuine future trailblazers like you. <br> Together, we'll continue to revolutionize the future of premed education.</span>\n</p>\n<br>\n<div class=\"has-text-centered\">\n  <a href=\"https://premed.careers/join\"><button class=\"button is-large is-link has-text-weight-bold\">Apply now -></button></a>\n</div>\n<br><br>\n</template>\n\n\n<script>\nimport { Vue3Marquee } from 'vue3-marquee';\n\nfunction shuffle(array) {\n  let currentIndex = array.length, temporaryValue, randomIndex;\n\n  // While there remain elements to shuffle...\n  while (0 !== currentIndex) {\n\n    // Pick a remaining element...\n    randomIndex = Math.floor(Math.random() * currentIndex);\n    currentIndex -= 1;\n\n    // And swap it with the current element.\n    temporaryValue = array[currentIndex];\n    array[currentIndex] = array[randomIndex];\n    array[randomIndex] = temporaryValue;\n  }\n\n  return array;\n}\n\nexport default {\n  components: {\n    Vue3Marquee\n  },\n  data() {\n    return {\n      profiles: [\n        { name: 'Mariam Meghani', school: 'Karachi Grammar School', image: 'https://res.cloudinary.com/medangle/image/upload/v1695555991/mariam-meghani.jpg' },\n        { name: 'Ahsan Rizwan', school: 'Cedar College', image: 'https://res.cloudinary.com/medangle/image/upload/v1695556467/ahsan-rizwan.jpg' },\n        { name: 'Zainab Akhlaq', school: 'Karachi Medical & Dental College', image: 'https://scdn.medangle.com/premed/ppp/zainab-akhlaq.jpg' },\n        { name: 'Alishba Arfan', school: 'Dow Medical College', image: 'https://scdn.medangle.com/premed/ppp/alishba-arfan.jpg' },\n        { name: 'Tehreem Rao', school: 'Dow Medical College', image: 'https://scdn.medangle.com/premed/ppp/tehreem-rao.jpg' },\n        { name: 'Owais Amin', school: 'Cedar College', image: 'https://scdn.medangle.com/premed/ppp/owais-amin.jpg' },\n        { name: 'Muhammad Zeeshan', school: 'Khyber Medical College', image: 'https://scdn.medangle.com/premed/ppp/muhammad-zeeshan.jpg' },\n        { name: 'Najia Ali', school: 'Khyber Medical College', image: 'https://scdn.medangle.com/premed/ppp/najia-ali.jpg' },\n        { name: 'Shanai Abbas', school: 'Multan Public College', image: 'https://scdn.medangle.com/premed/ppp/shanai-abbas.jpg' },\n        { name: 'Rameen Malik', school: 'Jinnah College for Women', image: 'https://scdn.medangle.com/premed/ppp/rameen-malik.jpg' },\n        { name: 'Aneeqa Mehmood', school: 'Cedar College', image: 'https://scdn.medangle.com/premed/ppp/aneeqa-mehmood.jpg' },\n      ]\n    };\n  },\n  created() {\n    this.profiles = shuffle(this.profiles);\n  }\n}\n\n</script>\n\n\n<style lang=\"scss\" scoped>\n$medangle-red-cmyk: #ea5757;\n$medangle-blue-cmyk: #6b93cc;\n$medangle-green-cmyk: #73c382;\n\n\n.hq-motm-container {\n  width: 100vw;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.ppp-careers-profile {\n  background-color: #F5F5F7;\n  width: 400px;\n  height: 500px;\n  background-position: center center;\n  background-size: cover;\n  border-radius: 15px;\n  color: #000;\n  padding: 30px;\n  position: relative;\n  margin: 2rem 1rem;\n}\n\n.ppp-careers-profile::before {\n  z-index: 0;\n  content: \"\";\n  /* necessary for the pseudo-element to be generated */\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 25%;\n  /* cover top 20% of the parent div */\n  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));\n  /* translucent dark to transparent gradient */\n  border-radius: 15px 15px 0 0;\n  /* match the parent's border-radius on the top corners */\n  pointer-events: none;\n  /* ensure that it doesn't interfere with any interactions */\n}\n\n/* Change the text color at the top of the div to white */\n.ppp-careers-profile>.top-text {\n  color: #fff;\n}\n\n.ppp-careers-profile>.ppp-content {\n  position: relative;\n  /* required for z-index to take effect */\n  z-index: 1;\n  /* set it higher than the ::before pseudo-element */\n}\n</style>","import { createApp } from \"vue\";\nimport Vue3Marquee from \"vue3-marquee\";\nimport PPPApp from \"../components/premed/PPPApp.vue\";\n\n// create vue app\nconst ppp_applications = createApp(PPPApp).use(Vue3Marquee);\n\nppp_applications.mount(\"#ppp-app\");\n"],"names":["shuffle","array","currentIndex","temporaryValue","randomIndex","_sfc_main","Vue3Marquee","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_withScopeId","_hoisted_7","_createStaticVNode","_openBlock","_createElementBlock","_Fragment","_hoisted_1","_createVNode","_component_Vue3Marquee","_withCtx","_renderList","$data","profile","_normalizeStyle","_toDisplayString","ppp_applications","createApp","PPPApp"],"mappings":"uNAqCA,SAASA,EAAQC,EAAO,CACtB,IAAIC,EAAeD,EAAM,OAAQE,EAAgBC,EAGjD,KAAaF,IAAN,GAGLE,EAAc,KAAK,MAAM,KAAK,OAAM,EAAKF,CAAY,EACrDA,GAAgB,EAGhBC,EAAiBF,EAAMC,CAAY,EACnCD,EAAMC,CAAY,EAAID,EAAMG,CAAW,EACvCH,EAAMG,CAAW,EAAID,EAGvB,OAAOF,CACT,CAEA,MAAKI,EAAU,CACb,WAAY,CACV,YAAAC,CACD,EACD,MAAO,CACL,MAAO,CACL,SAAU,CACR,CAAE,KAAM,iBAAkB,OAAQ,yBAA0B,MAAO,iFAAmF,EACtJ,CAAE,KAAM,eAAgB,OAAQ,gBAAiB,MAAO,+EAAiF,EACzI,CAAE,KAAM,gBAAiB,OAAQ,mCAAoC,MAAO,wDAA0D,EACtI,CAAE,KAAM,gBAAiB,OAAQ,sBAAuB,MAAO,wDAA0D,EACzH,CAAE,KAAM,cAAe,OAAQ,sBAAuB,MAAO,sDAAwD,EACrH,CAAE,KAAM,aAAc,OAAQ,gBAAiB,MAAO,qDAAuD,EAC7G,CAAE,KAAM,mBAAoB,OAAQ,yBAA0B,MAAO,2DAA6D,EAClI,CAAE,KAAM,YAAa,OAAQ,yBAA0B,MAAO,oDAAsD,EACpH,CAAE,KAAM,eAAgB,OAAQ,wBAAyB,MAAO,uDAAyD,EACzH,CAAE,KAAM,eAAgB,OAAQ,2BAA4B,MAAO,uDAAyD,EAC5H,CAAE,KAAM,iBAAkB,OAAQ,gBAAiB,MAAO,yDAA2D,CACvH,EAEH,EACD,SAAU,CACR,KAAK,SAAWN,EAAQ,KAAK,QAAQ,CACvC,CACF,kDA/EEO,EAKI,IAAA,CALD,MAAM,0BAAwB,CAC/BA,EAAwH,OAAlH,CAAA,MAAM,+EAA+E,EAAC,uBAAqB,EACjHA,EAAI,IAAA,EACJA,EAAqM,OAA/L,CAAA,MAAM,mFAAmF,EAAC,gGAA8F,QAK3LC,EAAA,CAAA,MAAM,mBAAmB,EAGnBC,EAAA,CAAA,MAAM,aAAa,EACnBC,EAAA,CAAA,MAAM,oEAAoE,EAC1EC,EAAA,CAAA,MAAM,yFAAyF,EAClGC,EAAAC,EAAA,IAAAN,EAAkF,IAA/E,CAAA,MAAM,8DAA6D,WAAQ,EAAA,CAAA,EAfxFO,EAAAC,EAAA,szBAAA,CAAA,mDAAA,OAAAC,EAAA,EAAAC,EAAAC,EAAA,KAAA,CACEC,EAQAZ,EAUM,MAVNC,EAUM,CATJY,EAQcC,EAAA,CARA,SAAU,GAAQ,aAAc,GAAO,SAAS,KAVlE,QAAAC,EAWW,IAA2B,EAAhCN,EAAA,EAAA,EAAAC,EAMMC,EAjBZ,KAAAK,EAW6BC,EAAQ,SAAnBC,QAAZR,EAMM,MAAA,CAN4B,IAAKQ,EAAQ,KAAM,MAAM,sBAAuB,MAXxFC,EAAA,CAAA,gBAAA,QAW0HD,EAAQ,KAAK,KAAA,IAC/HlB,EAIM,MAJNE,EAIM,CAHJF,EAAsG,IAAtGG,EAAiFiB,EAAAF,EAAQ,MAAM,EAAA,CAAA,EAC/FlB,EAAyH,IAAzHI,EAAsGgB,EAAAF,EAAQ,IAAI,EAAA,CAAA,EAClHb,kBAfV,EAAA,MAqBAE,mEChBMc,EAAmBC,EAAUC,CAAM,EAAE,IAAIxB,CAAW,EAE1DsB,EAAiB,MAAM,UAAU"}