{"version":3,"sources":["webpack:///./src/assets/img/_title/07-JS-design-a-winning-cover-letter.svg","webpack:///./src/views/job-search/05.vue?c320","webpack:///src/views/job-search/05.vue","webpack:///./src/views/job-search/05.vue?e527","webpack:///./src/views/job-search/05.vue","webpack:///./src/components/ContentBlock.vue?14c9","webpack:///src/components/ContentBlock.vue","webpack:///./src/components/ContentBlock.vue?5d48","webpack:///./src/components/ContentBlock.vue","webpack:///./src/components/ContentBlock.vue?2693"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","_m","staticClass","_v","attrs","publicPath","staticRenderFns","component","_t"],"mappings":"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","file":"js/chunk-0ab83004.9e12d964.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/07-JS-design-a-winning-cover-letter.df7ef264.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_vm._m(0),_c('content-block',{staticClass:\"bg-light-grey\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-8 p-4 ms-2\"},[_c('p',[_vm._v(\"A cover letter is a part of a standard job application, and it allows the employer to get to know a personal side of you.\")]),_c('p',[_vm._v(\"In your cover letter, you should:\")]),_c('ul',[_c('li',[_vm._v(\"Express enthusiasm for the position\")]),_c('li',[_vm._v(\"Highlight your top relevant skills and qualifications\")]),_c('li',[_vm._v(\"Explain why you should be hired for the job\")])]),_c('p',[_vm._v(\"Note that your cover letter needs to change with every job you apply to.\")]),_c('p',[_vm._v(\"Here is an \"),_c('a',{attrs:{\"href\":(_vm.publicPath + \"docs/Tip sheets and other materials/4- Key cover letter components.png\"),\"target\":\"_blank\"}},[_vm._v(\"example of a completed cover letter\")]),_vm._v(\".\")])]),_c('div',{staticClass:\"col-md bg-img bg-img--job-search-07\"})])]),_c('content-block',{staticClass:\"p-4\"},[_c('h2',{staticClass:\"content-block__header\"},[_vm._v(\"Cover letter conventions\")]),_c('p',[_vm._v(\"Hiring managers expect cover letters to follow a four-paragraph format.\")]),_c('div',{staticClass:\"accordion\"},[_c('accordion',{attrs:{\"headerText\":\"Paragraph 1\",\"accordionID\":\"collapse01\"}},[_vm._v(\" In the first paragraph, describe the position you’re applying for and how you heard about it. Be creative and try to capture their attention up front. \")]),_c('accordion',{attrs:{\"headerText\":\"Paragraph 2\",\"accordionID\":\"collapse02\"}},[_vm._v(\" In the second paragraph, describe how your skills, experience, education and achievements could add value to this position. What you write in this paragraph should align with the job description. \")]),_c('accordion',{attrs:{\"headerText\":\"Paragraph 3\",\"accordionID\":\"collapse03\"}},[_vm._v(\" In the third paragraph, explain why you want to work with this particular department. Mention things like their mission, history, philosophy, values, awards and upcoming projects. You should be able to find this information on their website or by doing a quick web search. \")]),_c('accordion',{attrs:{\"headerText\":\"Paragraph 4\",\"accordionID\":\"collapse04\"}},[_vm._v(\" In the fourth paragraph, thank the hiring manager for their time and ask for an interview. \")])],1)]),_c('content-block',{staticClass:\"p-4\"},[_c('div',{staticClass:\"learn-more learn-more--green\"},[_c('p',[_c('strong',[_vm._v(\"Learn more\")])]),_c('p',[_vm._v(\"Use \"),_c('a',{attrs:{\"href\":(_vm.publicPath + \"docs/Tip sheets and other materials/Cover Letter Template_Sept 2019(3).docx\"),\"target\":\"_blank\"}},[_vm._v(\"this template\")]),_vm._v(\" to craft your cover letter.\")])])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-banner\"},[_c('div',{staticClass:\"container-fluid border-bottom\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-7 p-4 pt-5\"},[_c('h1',[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":require(\"@/assets/img/_title/07-JS-design-a-winning-cover-letter.svg\"),\"alt\":\"Design a winning cover letter\",\"srcset\":\"\"}})])]),_c('div',{staticClass:\"col-md-5 p-5\"})])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <!-- ROUTER HEADER SHOULD GO HERE -->\n    <div class=\"page-banner\">\n      <div class=\"container-fluid border-bottom\">\n        <div class=\"row align-items-center\">\n          <div class=\"col-md-7 p-4 pt-5\">\n            <h1>\n              <img\n                src=\"@/assets/img/_title/07-JS-design-a-winning-cover-letter.svg\"\n                class=\"img-fluid\"\n                alt=\"Design a winning cover letter\"\n                srcset=\"\"\n              >\n            </h1>\n          </div>\n          <div class=\"col-md-5 p-5\">\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- ROUTER CONTENT GOES HERE -->\n\n    <!-- TEXT CONTENT -->\n    <content-block class=\"bg-light-grey\">\n      <div class=\"row\">\n        <div class=\"col-md-8 p-4 ms-2\">\n          <p>A cover letter is a part of a standard job application, and it allows the employer to get to know a personal side of you.</p>\n          <p>In your cover letter, you should:</p>\n          <ul>\n            <li>Express enthusiasm for the position</li>\n            <li>Highlight your top relevant skills and qualifications</li>\n            <li>Explain why you should be hired for the job</li>\n          </ul>\n          <p>Note that your cover letter needs to change with every job you apply to.</p>\n          <p>Here is an <a\n              :href=\"`${publicPath}docs/Tip sheets and other materials/4- Key cover letter components.png`\"\n              target=\"_blank\"\n            >example of a completed cover letter</a>.</p>\n        </div>\n        <div class=\"col-md bg-img bg-img--job-search-07\">\n          <!-- <img\n            src=\"@/assets/img/_content/template-placeholder-01.jpg\"\n            alt=\"\"\n            class=\"img-fluid content-block__img\"\n          > -->\n        </div>\n      </div>\n    </content-block>\n    <!-- ACCORDION -->\n    <content-block class=\"p-4\">\n      <h2 class=\"content-block__header\">Cover letter conventions</h2>\n      <p>Hiring managers expect cover letters to follow a four-paragraph format.</p>\n      <div class=\"accordion\">\n        <accordion\n          headerText=\"Paragraph 1\"\n          accordionID=\"collapse01\"\n        >\n          In the first paragraph, describe the position you’re applying for and how you heard about it. Be creative and try to capture their attention up front.\n        </accordion>\n        <accordion\n          headerText=\"Paragraph 2\"\n          accordionID=\"collapse02\"\n        >\n          In the second paragraph, describe how your skills, experience, education and achievements could add value to this position. What you write in this paragraph should align with the job description.\n        </accordion>\n        <accordion\n          headerText=\"Paragraph 3\"\n          accordionID=\"collapse03\"\n        >\n          In the third paragraph, explain why you want to work with this particular department. Mention things like their mission, history, philosophy, values, awards and upcoming projects. You should be able to find this information on their website or by doing a quick web search.\n        </accordion>\n        <accordion\n          headerText=\"Paragraph 4\"\n          accordionID=\"collapse04\"\n        >\n          In the fourth paragraph, thank the hiring manager for their time and ask for an interview.\n        </accordion>\n      </div>\n    </content-block>\n\n    <content-block class=\"p-4\">\n      <div class=\"learn-more learn-more--green\">\n        <p><strong>Learn more</strong></p>\n        <p>Use <a\n              :href=\"`${publicPath}docs/Tip sheets and other materials/Cover Letter Template_Sept 2019(3).docx`\"\n              target=\"_blank\"\n            >this template</a> to craft your cover letter.</p>\n      </div>\n    </content-block>\n  </section>\n</template>\n\n<script>\nimport ContentBlock from '@/components/ContentBlock.vue'\nimport Accordion from '@/components/Accordion.vue'\n// import SidebarMenu from '../components/SidebarMenu.vue'\n// import {\n//   Hooper,\n//   Slide,\n//   Navigation as HooperNavigation,\n//   Pagination as HooperPagination\n// } from 'hooper'\n// import 'hooper/dist/hooper.css'\n\nexport default {\n  name: '01',\n  components: {\n    ContentBlock,\n    // SidebarMenu,\n    Accordion\n    // Hooper,\n    // Slide,\n    // HooperNavigation,\n    // HooperPagination\n  },\n  data () {\n    return {\n      publicPath: process.env.BASE_URL\n    }\n  },\n\n  mounted () {\n  }\n}\n</script>\n\n<style>\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./05.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./05.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./05.vue?vue&type=template&id=ef661810&\"\nimport script from \"./05.vue?vue&type=script&lang=js&\"\nexport * from \"./05.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content-block\"},[_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('div',{staticClass:\"col-lg-12\"},[_vm._t(\"default\")],2)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"content-block\">\n    <div class=\"container-fluid\">\n      <div class=\"row justify-content-center\">\n        <div class=\"col-lg-12\">\n          <slot></slot>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {}\n  }\n}\n</script>\n\n<style lang=\"scss\">\n/*------------------------------------*\\\n  #PRIMARY COLOURS\n\\*------------------------------------*/\n@import \"../scss/colors\";\n\n/*------------------------------------*\\\n  #Mixins\n\\*------------------------------------*/\n\n/*------------------------------------\n  #MEDIA SCREENS < 768px (#MOBILE FIRST)\n\\*------------------------------------*/\n\n.content-block {\n  padding: 1rem 0;\n\n  /**\n  * Elements\n  */\n  &__header {\n    font-weight: 800;\n    // font-size: 2rem;\n    margin-bottom: 3rem;\n    position: relative;\n    color: $dark-grey;\n\n    &::after {\n      content: url(\"../assets/img/_ui/svg/header-hr.svg\");\n      position: absolute;\n      bottom: -1.5rem;\n      left: 0rem;\n    }\n\n    /*------------------------------------*\\\n      #MEDIA SCREENS > 576px (TABLETS)\n    \\*------------------------------------*/\n    @media (min-width: 576px) {\n    }\n\n    /*------------------------------------*\\\n      #MEDIA SCREENS > 767px (TABLETS)\n    \\*------------------------------------*/\n    @media (min-width: 767px) {\n    }\n\n    /*------------------------------------*\\\n      #MEDIA SCREENS > 992px\n      (LAPTOP, TABLET)\n    \\*------------------------------------*/\n    @media (min-width: 992px) {\n    }\n\n    /*------------------------------------*\\\n      #MEDIA SCREENS > 1200px (DESKTOP)\n    \\*------------------------------------*/\n    @media (min-width: 1200px) {\n    }\n  }\n\n  &__subheader {\n    font-weight: 200;\n    margin: 2rem 0 1rem;\n\n    &--blue {\n      color: $blue;\n    }\n  }\n\n  &__list {\n    list-style: none;\n  }\n\n  &__img {\n    display: block;\n    margin: 1rem auto;\n\n    /*------------------------------------*\\\n      #MEDIA SCREENS > 767px (TABLETS)\n    \\*------------------------------------*/\n    @media (min-width: 767px) {\n      margin: -1rem auto;\n\n      &--left {\n        max-width: 125%;\n        height: auto;\n        transform: translate(-20%, 0px);\n      }\n\n      &--right {\n        max-width: 125%;\n        height: auto;\n        // transform: translate(-25%, 0px);\n      }\n    }\n  }\n\n  &__icon-list {\n    text-align: center;\n    padding: 0rem 2rem 1rem;\n  }\n\n  &__icon {\n    display: block;\n    margin: 2rem auto;\n    max-width: 96px;\n  }\n\n  &__document {\n    display: block;\n    margin: 2rem auto;\n    max-width: 300px;\n  }\n\n  &__indent {\n    margin-left: 2rem;\n  }\n\n  &__modal-thumb {\n    display: block;\n    margin: 2rem auto;\n    max-width: 500px;\n    background: transparent;\n    border: 1px solid #fff;\n    position: relative;\n    cursor: pointer;\n    padding: 0px;\n\n    &::after {\n      position: absolute;\n      bottom: -20px;\n      right: -20px;\n      // content: url(\"../assets/img/_nav/expend-icon-org.png\");\n    }\n  }\n}\n\n/*------------------------------------*\\\n  #MEDIA SCREENS > 767px (TABLETS)\n\\*------------------------------------*/\n@media (min-width: 767px) {\n}\n\n/*------------------------------------*\\\n  #MEDIA SCREENS > 992px\n  (LAPTOP, TABLET)\n\\*------------------------------------*/\n@media (min-width: 992px) {\n}\n\n/*------------------------------------*\\\n  #MEDIA SCREENS > 1200px (DESKTOP)\n\\*------------------------------------*/\n@media (min-width: 1200px) {\n}\n\n/*------------------------------------*\\\n  #MEDIA SCREENS > 1320px (DESKTOP)\n\\*------------------------------------*/\n@media (min-width: 1320px) {\n}\n\n/*------------------------------------*\\\n  #MEDIA SCREENS > 1600px (DESKTOP)\n\\*------------------------------------*/\n@media (min-width: 1600px) {\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContentBlock.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContentBlock.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContentBlock.vue?vue&type=template&id=39013b4f&\"\nimport script from \"./ContentBlock.vue?vue&type=script&lang=js&\"\nexport * from \"./ContentBlock.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ContentBlock.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContentBlock.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}