{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/views/Home.vue?a942","webpack:///./src/assets/img/svg/24px/location_24px.svg","webpack:///./src/views/Team.vue?b27a","webpack:///./src/assets/img/png/icon_chrome.png","webpack:///./src/assets/img/svg/24px/call_24px.svg","webpack:///./src/components/Banner.vue?dce0","webpack:///./src/components/Nav.vue?2240","webpack:///./src/App.vue","webpack:///./src/components/Banner.vue","webpack:///./src/emitter.js","webpack:///src/components/Banner.vue","webpack:///./src/components/Banner.vue?d050","webpack:///./src/components/Banner.vue?0ac5","webpack:///./src/components/Nav.vue","webpack:///src/components/Nav.vue","webpack:///./src/components/Nav.vue?20b1","webpack:///./src/components/Nav.vue?4770","webpack:///src/App.vue","webpack:///./src/App.vue?98c8","webpack:///./src/App.vue?bff9","webpack:///./src/views/Home.vue","webpack:///src/views/Home.vue","webpack:///./src/views/Home.vue?658d","webpack:///./src/views/Home.vue?c853","webpack:///./src/views/Projects.vue","webpack:///./src/components/ProjectFilter.vue","webpack:///src/components/ProjectFilter.vue","webpack:///./src/components/ProjectFilter.vue?bb7d","webpack:///./src/components/ProjectFilter.vue?2ad5","webpack:///./src/components/OptionProject.vue","webpack:///src/components/OptionProject.vue","webpack:///./src/components/OptionProject.vue?99fa","webpack:///./src/components/OptionProject.vue?9996","webpack:///./src/views/ProjectDetails.vue","webpack:///src/views/ProjectDetails.vue","webpack:///./src/views/ProjectDetails.vue?129e","webpack:///./src/views/ProjectDetails.vue?baad","webpack:///src/views/Projects.vue","webpack:///./src/views/Projects.vue?43a9","webpack:///./src/views/Projects.vue?ce83","webpack:///./src/views/Team.vue","webpack:///./src/components/TeamMember.vue","webpack:///src/components/TeamMember.vue","webpack:///./src/components/TeamMember.vue?9264","webpack:///./src/components/TeamMember.vue?8ef2","webpack:///src/views/Team.vue","webpack:///./src/views/Team.vue?7082","webpack:///./src/views/Team.vue?8e1f","webpack:///./src/views/Contact.vue","webpack:///src/views/Contact.vue","webpack:///./src/views/Contact.vue?8a10","webpack:///./src/views/Contact.vue?6aac","webpack:///./src/router.js","webpack:///./src/main.js","webpack:///./src/assets/img/svg/24px/email_24px.svg","webpack:///./src/assets/img/png/icon_firefox.png","webpack:///./src/components/ProjectFilter.vue?7797","webpack:///./src/views/Contact.vue?ae21","webpack:///./src/assets/img/svg/24px/menu_24px.svg","webpack:///./src/App.vue?b0b7","webpack:///./src/components/OptionProject.vue?f04a","webpack:///./src/assets/img/svg/xxx/logo_white.svg","webpack:///./src/views/Projects.vue?4a78","webpack:///./src/components/TeamMember.vue?0f1b","webpack:///./src/assets/img/svg/xxx/logo_blue_light.svg","webpack:///./src/views/ProjectDetails.vue?68f1"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","render","_vm","this","_c","_self","attrs","staticClass","_m","require","staticRenderFns","_v","ref","class","run_animations","Vue","created","emitter","$on","stopBannerAnimations","beforeDestroy","$off","mounted","document","querySelector","style","height","clientHeight","methods","component","_s","page_name","on","$event","show_menu","_e","nav_element","_this2","checkToDisplayMenu","Math","max","documentElement","clientWidth","innerWidth","_name","undefined","_this3","addEventListener","_this","viewport_width","watch","to","setTimeout","bounding_rect_link","getBoundingClientRect","scrollBy","left","top","behavior","metaInfo","title","titleTemplate","components","navigation","banner","trackTop","$router","afterEach","$emit","bounding_rect_banner","scrollTo","$route","query","route","handleRouting","removeEventListener","_route","path","gotToProjects","meta","content","_l","options_to_show","projects_option","index","year","showing_project_details","target_project","toggleActive","types","Set","_toConsumableArray","ProjectsFile","projects","sort","a","b","category","map","project","parent","forEach","type_selector","node_type_selector","createElement","classList","add","innerText","appendChild","event","target","toggle","$nextTick","test","innerHTML","filter","remove","selected","querySelectorAll","element","replace","RegExp","directives","rawName","show_option","expression","showProjectDetails","type","domProps","description","truncated_description","services","service","main_image_exists","main_image","images","others","image","props","required","Number","main_image_loaded","main","project_id","removeTags","substring","id","_string","_old","_new","hideDetails","project_details","client","duration","mainImageLoaded","bounding_rect","ProjectFilter","OptionProject","ProjectDetails","hideProjectDetails","filterOptions","destroyed","NodeList","Array","options_filter","isArray","temp","includes","_option","_index","$set","pd","find","_project","alert","directors","team_member","show_view","css_selector","first","initials","last","qualifications","position","about","TeamMember","TeamFile","use","Router","Meta","base","process","routes","Home","Projects","Team","Contact","config","productionTip","router","h","App","$mount"],"mappings":"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","file":"js/app.5e396f74.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&id=60504222&prod&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/location_24px.af54701e.svg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Team.vue?vue&type=style&index=0&id=178e24bd&prod&lang=scss&scoped=true\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAACl1BMVEVHcEy/v0CfvyBMrlDGvB9Mr1BinU5Mr1CAgIBMsE/MvBxJqFe5uyPXvBdNr1DLvByxuSZNrk9Lr1BtgFvBuyC5uSLSvBm2a0DieSlLr09IrVLkdylLsE+xvytNr1CxbkGwuCjZhCrRiy7TvBmEiUm+nS2vtiyzbEBLtEuIi0dNs03HYD1Nr0/rbCxNrVLpayyndEKafEKnuyTPkSmptydNr0/AZT6+nS5LrVDjeSlNr1DBux/IlS3dfiqTgUZAv0DaUzpMrk+qqivtaCzCYz6xuiaEl0xMrlGwqivQjim3qiyVf0ZMrlFTrFNMrVBMr1GvvyWubDpMr1D0Qzb/wQchlvP////5qCUrm/RViy/dLABMqvX7wQktnPT/wQe23Pvu9/4ilvPt9v6NyfnywAzuwA5UjjHkvhL0RDb0TzHzwAxOqEnBUyX//PJgnUT/9djcLQBQoEK/VSfqvA3WuRN4ny6Oyfni8uP3+/f2X1T+8vK13Pv3dmyPyvnaLwLz9/C43fu/UyL639j99fPkTTnuRjf0TTPgTzn0SDTyWDD0RzTlvxLmTDjvRjfzUzH9uhD6rCD7shn9uBL7vQxYoUClsif8tBdomjFSljm7sxyXbCddlDJRq036rh7KPQp7hDbBUyZMr0/94uC0URekrCP/5py337n/+Pb5qSN7xH77tbD/0UhSljrS69P/5pv/+/Zmu2ny+fP80c7+0Ed3wnr3wAnx+fH+8d3/8MP+vA73cWdYkDL/yir93aljuWfS6dFNqEv/++38w1L+6sn7v1/8tRX/+fD6tUWMpSmaaSXX5cyjoGnIvTrssZ5SqUxUp0y70q1tnE2BqWXU4cqNsWL8z8xkmEN+gTSeZSPOOghKqfXmvKq4ThT/P1bjAAAAUnRSTlMACBD48scG/QT+9yPN/eX3mtS6DuoW/O/81jX80iT95Vr0C/w4ckbuM0sU+en+ZP7auUDeXOX2U5L8j+u1+YYI/mEM/vicG2Uq3lG39yW442D+hkbi9QAAAmtJREFUSMfdllV72zAUhgvp1qxd221du46ZmZmZJydntpM8aZMmhW1dR2UeMzMzMzMzM/6YLXEiHdlOsuu+t/5eS/KRdBwWVh2pMbR73+FLlq7IWtmtxeCWIeMdmi0XEOuGtAkab528VlCxakC/wPkeawQdlvUKEK/XTtAns1F9vfzYTkJAuozXef9oIQijtGMkC0FpoM5PCp4XMifw+SkzQghC1kROSMmZH8rgJtWQkF2z2bOSU4eOn79+98lMyoaNmzZPR0IUIXv2HfDFCy+Bj8fP/2VP7N223uTBwPLRNQkh+3OVMW4VgcNpEUWL0wHPHj29afLjGkmFccTD4VzPOgqLoFg0exHt8PCOiTGGCnW9Qk6ZXCkIX6E4zewjzQ43kDCICnFegbyU5coScIhmis0Bp5mQRIVIRXj3U5Z/g9OMyIOjTFhNBaMikO+yXAW/sGCBuUxIpwLx80deDCIWRJjDBKtW+FamEmz6gpEaP6rA8h9TiqTC+7f8okvhHBMyqNCHCuQ1/1lT4TITWqkKp3Af7KxwFfAKFS6RCl2RcO8a2G2+91dA+RskJPCbz8+Vi+DI82y+0lQo/4LyrnBuezMunPVv788fFyLBwB8gzMlj+QUF+R8+SYtQ3tobH7k6RMMDSXIvQEI8d6ZjmmqEeZL0AuWz2/LXRn+NcEa6fRUJseqLKUWVP+iWjqB8LW0fieOFWdJulK8dob1cO3ZWLWEnyjfRu76HcZ9qx3Y0n4gAHWIgqrib1iw9NnALimlMl+CvmTW+Z9Au1z5KGWWLUjOXoXnIPho9Yuq0ycat1uyMpMSE8Gr5Z/EXACjD2K16cysAAAAASUVORK5CYII=\"","module.exports = __webpack_public_path__ + \"img/call_24px.1c689c85.svg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Banner.vue?vue&type=style&index=0&id=62a9d524&prod&scoped=true&lang=scss\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Nav.vue?vue&type=style&index=0&id=79af3496&prod&scoped=true&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"app\"}},[_c('navigation'),_c('banner',{staticClass:\"new-browser\"}),_c('div',{staticClass:\"old-browser\"},[_vm._m(0),_c('p',[_c('center',[_c('a',{attrs:{\"href\":\"https://www.google.com/chrome/\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"./assets/img/png/icon_chrome.png\"),\"alt\":\"Google Chrome\"}})]),_c('a',{attrs:{\"href\":\"https://www.mozilla.org/en-US/firefox/new/\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"./assets/img/png/icon_firefox.png\"),\"alt\":\"Firefox\"}})])])],1)]),_c('router-view',{staticClass:\"content-stager\"}),_vm._m(1)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n\\t\\t\\tIt seems like you are using older broswer, some things might not work, we recommend using the \\n\\t\\t\\tlatest version of either \"),_c('a',{attrs:{\"href\":\"https://www.google.com/chrome/\",\"target\":\"_blank\"}},[_c('b',[_vm._v(\"Google Chrome\")])]),_vm._v(\" or \"),_c('a',{attrs:{\"href\":\"https://www.mozilla.org/en-US/firefox/new/\",\"target\":\"_blank\"}},[_c('b',[_vm._v(\"Firefox\")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('footer',{staticClass:\"shadow-1\"},[_c('div',{staticClass:\"contacts\"},[_c('div',[_c('img',{attrs:{\"src\":require(\"./assets/img/svg/24px/call_24px.svg\"),\"width\":\"24\",\"height\":\"24\",\"alt\":\"call\"}}),_c('p',[_vm._v(\"(266) 22-311441\"),_c('br'),_vm._v(\"\\n\\t\\t\\t\\t(266) 22-324814\"),_c('br'),_vm._v(\"\\n\\t\\t\\t\\t(266) 5888 0159\")])]),_c('div',[_c('img',{attrs:{\"src\":require(\"./assets/img/svg/24px/email_24px.svg\"),\"width\":\"24\",\"height\":\"24\",\"alt\":\"mail\"}}),_c('p',[_vm._v(\"\\n\\t\\t\\t\\t\\tadmin@dyelec.co.ls\"),_c('br'),_vm._v(\"\\n\\t\\t\\t\\t\\tP/Bag A409,\\n\\t\\t\\t\\t\\tMASERU 100\\n\\t\\t\\t\\t\")])])]),_c('div',{staticClass:\"developer\"},[_c('a',{attrs:{\"href\":\"https://maseru.co.ls/?link_from=dyelec_lesotho\",\"target\":\"_blank\"}},[_vm._v(\"\\n\\t\\t\\t\\tdeveloped by Mateane Information Solutions\\n\\t\\t\\t\")])])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"banner d-flex flex-align-items-center\"},[_c('div',{staticClass:\"content\"},[_c('p',[_c('center',[_c('img',{staticClass:\"static-logo\",attrs:{\"alt\":\"logo\",\"src\":require(\"../assets/img/svg/xxx/logo_blue_light.svg\")}})])],1),_vm._m(0)]),_c('div',{ref:\"teaser\",staticClass:\"teaser background-cover\"},[_c('div',{class:{'animate-div': _vm.run_animations}},[_c('span',[_vm._v(\"Lighting\")])]),_c('div',{class:{'animate-div': _vm.run_animations}},[_c('span',[_vm._v(\"Electrification\")])]),_c('div',{class:{'animate-div': _vm.run_animations}},[_c('span',[_vm._v(\"Sub-Stations\")])]),_c('div',{class:{'animate-div': _vm.run_animations}},[_c('span',[_vm._v(\"Installations\")])]),_c('div',{class:{'animate-div': _vm.run_animations}},[_c('span',[_vm._v(\"Security Systems\")])]),_c('div',{class:{'animate-div': _vm.run_animations}},[_c('span',[_vm._v(\"Telephone Services\")])]),_c('div',{class:{'animate-div': _vm.run_animations}},[_c('span',[_vm._v(\"Electronic System and Security Systems\")])]),_c('div',{class:{'animate-div': _vm.run_animations}},[_c('span',[_vm._v(\"Reticulation\")])]),_c('div',{class:{'animate-div': _vm.run_animations}},[_c('span',[_vm._v(\"Networks\")])]),_c('div',{class:{'animate-div': _vm.run_animations}},[_c('span',[_vm._v(\"Air Conditioning\")])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"pt-4\"},[_c('span',{staticClass:\"text-bold\"},[_vm._v(\"Dyelec Lesotho\")]),_vm._v(\" is a Lesotho based Electrical/Electronic Engineering and Building \\n\\t\\t\\t\\tServices consulting limited liability firm. Established in 1994, the firm has over the years \\n\\t\\t\\t\\tdeveloped capacity to offer a wide range of professional services in building services, \\n\\t\\t\\t\\telectrical and electronic engineering from feasibility studies to final completion.\\n\\t\\t\")])\n}]\n\nexport { render, staticRenderFns }","import Vue from 'vue';\n\nexport default new Vue({});\n","<template>\n\t<div class=\"banner d-flex flex-align-items-center\">\n\t\t<div class=\"content\">\n\t\t\t<!-- <p><center><img alt=\"logo\" class=\"static-logo\" src=\"../assets/img/svg/24px/logo_24px.svg\" /></center></p> -->\n\t\t\t<p><center><img alt=\"logo\" class=\"static-logo\" src=\"../assets/img/svg/xxx/logo_blue_light.svg\" /></center></p>\n\t\t\t<p class=\"pt-4\">\n\t\t\t\t<span class=\"text-bold\">Dyelec Lesotho</span> is a Lesotho based Electrical/Electronic Engineering and Building \n\t\t\t\t\tServices consulting limited liability firm. Established in 1994, the firm has over the years \n\t\t\t\t\tdeveloped capacity to offer a wide range of professional services in building services, \n\t\t\t\t\telectrical and electronic engineering from feasibility studies to final completion.\n\t\t\t</p>\n\t\t</div>\n\t\t<!-- <div class=\"logo\"><img alt=\"logo\" src=\"../assets/img/svg/24px/logo_white_24px.svg\" /></div> -->\n\t\t<div ref=\"teaser\" class=\"teaser background-cover\">\n\t\t\t<div :class=\"{'animate-div': run_animations}\"><span>Lighting</span></div>\n\t\t\t<div :class=\"{'animate-div': run_animations}\"><span>Electrification</span></div>\n\t\t\t<div :class=\"{'animate-div': run_animations}\"><span>Sub-Stations</span></div>\n\t\t\t<div :class=\"{'animate-div': run_animations}\"><span>Installations</span></div>\n\t\t\t<div :class=\"{'animate-div': run_animations}\"><span>Security Systems</span></div>\n\t\t\t<div :class=\"{'animate-div': run_animations}\"><span>Telephone Services</span></div>\n\t\t\t<div :class=\"{'animate-div': run_animations}\"><span>Electronic System and Security Systems</span></div>\n\t\t\t<div :class=\"{'animate-div': run_animations}\"><span>Reticulation</span></div>\n\t\t\t<div :class=\"{'animate-div': run_animations}\"><span>Networks</span></div>\n\t\t\t<div :class=\"{'animate-div': run_animations}\"><span>Air Conditioning</span></div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\n\timport emitter from '@/emitter';\n\texport default {\n\t\tname: 'Banner',\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\trun_animations: true\n\t\t\t};\n\t\t},\n\t\tcreated() {\n\t\t\temitter.$on('stop-banner-animations', this.stopBannerAnimations);\n\t\t},\n\t\tbeforeDestroy() {\n\t\t\temitter.$off('stop-banner-animations', this.stopBannerAnimations);\n\t\t},\n\t\tmounted() {\n\t\t\tdocument.querySelector('.banner').style.height = document.querySelector('.banner > .content').clientHeight * 1.5 + 'px';\n\t\t},\n\t\tmethods: {\n\t\t\tstopBannerAnimations() {\n\t\t\t\tthis.run_animations = false;\n\t\t\t\temitter.$off('stop-banner-animations', this.stopBannerAnimations);\n\t\t\t}\n\t\t}\n\t};\n</script>\n\n<style scoped lang=\"scss\">\n\t@import '../assets/style/main.scss';\n\n\n\t@mixin make-gray($opc, $timing) {\n\t\t&::before {\n\t\t\tposition: absolute;\n\t\t\tcontent: '';\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tbackground-color: rgba(6, 36, 61, $opc);\n\t\t\tmix-blend-mode: color;\n\n\t\t\t@media (hover: hover) and (pointer: fine){\n\t\t\t\tanimation: swi $timing alternate infinite ease-in-out;\n\t\t\t\t@keyframes swi {\n\t\t\t\t\t0% {\n\t\t\t\t\t\tbackground-color: rgba(6, 36, 61, 0.2);\n\t\t\t\t\t}\n\t\t\t\t\t25% {\n\t\t\t\t\t\tbackground-color: rgba(6, 36, 61, $opc);\n\t\t\t\t\t}\n\t\t\t\t\t50% {\n\t\t\t\t\t\tbackground-color: rgba(6, 36, 61, .9);\n\t\t\t\t\t}\n\t\t\t\t\t75% {\n\t\t\t\t\t\tbackground-color: rgba(6, 36, 61, .1);\n\t\t\t\t\t}\n\t\t\t\t\t100% {\n\t\t\t\t\t\tbackground-color: rgba(6, 36, 61, $opc);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@mixin teaser {\n\t\ttransform-style: inherit;\n\t\talign-self: stretch;\n\t\tflex-grow: 1;\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(12, 1fr);\n\t\tgrid-auto-rows: 1fr;\n\t\tgrid-auto-flow: dense;\n\t\twhite-space: nowrap;\n\n\t\t\t\t\n\t\tdiv {\n\t\t\tposition: relative;\n\t\t\tspan {\n\t\t\t\tposition: absolute;\n\t\t\t\tcolor: $white-light-tr-2;\n\t\t\t\tmix-blend-mode: luminosity;\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t\t@media (hover: hover) and (pointer: fine){ \n\t\t\t\tbox-shadow: 1px 0px 16px 1px rgba(0, 0, 0, 0.2);\n\t\t\t}\n\t\t\tfont-weight: 700;\n\n\t\t\talign-self: stretch;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\n\n\t\t\t\n\t\t\t\n\n\t\t\t&:nth-of-type(1) {\n\t\t\t\tfont-size: 1vw;\n\t\t\t\tletter-spacing: 1ch;\n\t\t\t\tgrid-column: span 3;\n\t\t\t\tgrid-row: span 3;\n\t\t\t\t@include make-gray(1, 33s);\t\t\t\t\n\t\t\t}\n\t\t\t&:nth-of-type(2) {\n\t\t\t\tfont-size: 1vw;\n\t\t\t\tletter-spacing: 3ch;\n\t\t\t\tgrid-column: span 7;\n\t\t\t\tgrid-row: span 2;\n\t\t\t\t@include make-gray(1, 14s);\n\t\t\t}\n\t\t\t&:nth-of-type(3) {\n\t\t\t\tfont-size: 1vw;\n\t\t\t\tletter-spacing: 1ch;\n\t\t\t\tgrid-column: span 5;\n\t\t\t\tgrid-row: span 5;\n\t\t\t\t@include make-gray(0.7, 6s);\n\t\t\t}\n\t\t\t&:nth-of-type(4) {\n\t\t\t\tfont-size: 1vh;\n\t\t\t\tletter-spacing: 1ch;\n\t\t\t\tspan {\n\t\t\t\t\ttransform: rotate(90deg);\n\t\t\t\t}\n\t\t\t\tgrid-column: span 2;\n\t\t\t\tgrid-row: span 3;\n\t\t\t\t@include make-gray(0.7, 14.5s);\n\t\t\t}\n\t\t\t&:nth-of-type(5) {\n\t\t\t\tfont-size: 1vh;\n\t\t\t\tletter-spacing: 1ch;\n\t\t\t\tspan {\n\t\t\t\t\ttransform: rotate(90deg);\n\t\t\t\t}\n\t\t\t\tgrid-column: span 3;\n\t\t\t\tgrid-row: span 6;\n\t\t\t\t@include make-gray(0.5, 14s);\n\t\t\t}\n\t\t\t&:nth-of-type(6) {\n\t\t\t\tfont-size: 1vmin;\n\t\t\t\tletter-spacing: 1ch;\n\t\t\t\tspan {\n\t\t\t\t\ttransform: rotate(-45deg);\n\t\t\t\t}\n\t\t\t\tgrid-column: span 5;\n\t\t\t\tgrid-row: span 5;\n\t\t\t\t@include make-gray(1, 16s);\n\t\t\t}\n\t\t\t&:nth-of-type(7) {\n\t\t\t\tfont-size: 1.6vh;\n\t\t\t\tletter-spacing: 1ch;\n\t\t\t\tspan {\n\t\t\t\t\ttransform: rotate(90deg);\n\t\t\t\t}\n\t\t\t\tgrid-column: span 2;\n\t\t\t\tgrid-row: span 11;\n\t\t\t\t@include make-gray(1, 8.5s);\n\t\t\t}\n\t\t\t&:nth-of-type(8) {\n\t\t\t\tfont-size: 1vw;\n\t\t\t\tletter-spacing: 1ch;\n\t\t\t\tgrid-column: 1 / 5;\n\t\t\t\tgrid-row: 10 / 12;\n\t\t\t\t@include make-gray(1, 17s);\n\t\t\t}\n\t\t\t&:nth-of-type(9) {\n\t\t\t\tfont-size: 1vmin;\n\t\t\t\tletter-spacing: 1ch;\n\t\t\t\tspan {\n\t\t\t\t\ttransform: rotate(55deg);\n\t\t\t\t}\n\t\t\t\tgrid-column: span 2;\n\t\t\t\tgrid-row: span 3;\n\t\t\t\t@include make-gray(0.1, 15s);\n\t\t\t}\n\t\t\t&:nth-of-type(10) {\n\t\t\t\tfont-size: 1vh;\n\t\t\t\tletter-spacing: 1ch;\n\t\t\t\tspan {\n\t\t\t\t\ttransform: rotate(90deg);\n\t\t\t\t}\n\t\t\t\tgrid-column: span 2;\n\t\t\t\tgrid-row: span 4;\n\t\t\t\t@include make-gray(1, 14s);\n\t\t\t}\n\n\t\t\t// The animation running on the banner will be stopped when nav bar hits the top\n\t\t\t&::before {\n\t\t\t\tanimation-play-state: paused !important;\n\t\t\t}\n\t\t\t&.animate-div {\n\t\t\t\t&::before {\n\t\t\t\t\tanimation-play-state: running !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\n\n\t/*\t************************************************************************************\n\t\t************************************************************************************\n\t\t************************************************************************************\n\t\t************************************************************************************\n\t\t************************************************************************************\n\t\t************************************************************************************\n\t\t************************************************************************************\n\t\t************************************************************************************\n\t\t************************************************************************************ */\n\n\n\t.banner {\n\t\tmin-height: 100%;\n\t\ttransform-style: preserve-3d;\n\n\t\ttransform: translate3d(0px, 0px, -50px) scale(1.5);\n\n\t\t@media (max-width: 768px) {\n\t\t\ttransform: translate3d(0px, 0px, -25px) scale(1.25);\n\t\t}\n\n\t\t@mixin disable-parallax {\n\t\t\t@supports not (scroll-behavior: smooth) {\n\t\t\t\ttransform-style: none !important;\n\t\t\t\t.content {\n\t\t\t\t\ttransform-style: none !important;\n\t\t\t\t\tz-index: 1;\n\t\t\t\t\ttransform: unset;\n\t\t\t\t\tmax-width: 90vw;\n\t\t\t\t\tmargin-left: 5vw;\n\t\t\t\t\t.static-logo {\n\t\t\t\t\t\theight: 72px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\ttransform: translate3d(0px, 0px, 0px) scale(1);\n\t\t\t}\n\t\t}\n\t\t//iPad in landscape\n\t\t@media only screen  and (min-device-width : 768px) \n\t\t\t\t\t\t\tand (max-device-width : 1024px) \n\t\t\t\t\t\t\tand (orientation : landscape) { \n\t\t\t@include disable-parallax();\n\t\t}\n\t\t//iPad in portrait\n\t\t@media only screen  and (min-device-width : 768px) \n\t\t\t\t\t\t\tand (max-device-width : 1024px) \n\t\t\t\t\t\t\tand (orientation : portrait) { \n\t\t\t@include disable-parallax();\n\t\t}\n\n\t\t//iPhone 6, 7, & 8 in landscape\n\t\t@media only screen  and (min-device-width : 375px) \n\t\t\t\t\t\t\tand (max-device-width : 667px) \n\t\t\t\t\t\t\tand (orientation : landscape) { \n\t\t\t@include disable-parallax();\n\t\t} \n\t\t\n\t\t//iPhone 6, 7, & 8 in portrait\n\t\t@media only screen  and (min-device-width : 375px) \n\t\t\t\t\t\t\tand (max-device-width : 667px) \n\t\t\t\t\t\t\tand (orientation : portrait) { \n\t\t\t@include disable-parallax();\n\t\t} \n\n\t\t//iPhone 6, 7, & 8 Plus in landscape\n\n\t\t@media only screen \tand (min-device-width : 414px) \n\t\t\t\t\t\t\tand (max-device-width : 736px) \n\t\t\t\t\t\t\tand (orientation : landscape) { \n\t\t\t@include disable-parallax();\n\t\t}\n\n\t\t//iPhone 6, 7, & 8 Plus in portrait\n\t\t@media only screen \tand (min-device-width : 414px) \n\t\t\t\t\t\t\tand (max-device-width : 736px) \n\t\t\t\t\t\t\tand (orientation : portrait) { \n\t\t\t@include disable-parallax();\n\t\t} \n\n\t\t//iPhone 5 & 5S in landscape\n\n\t\t@media only screen  and (min-device-width : 320px) \n\t\t\t\t\t\t\tand (max-device-width : 568px) \n\t\t\t\t\t\t\tand (orientation : landscape) { \n\t\t\t@include disable-parallax();\n\t\t}\n\n\t\t//iPhone 5 & 5S in portrait\n\n\t\t@media only screen  and (min-device-width : 320px) \n\t\t\t\t\t\t\tand (max-device-width : 568px) \n\t\t\t\t\t\t\tand (orientation : portrait) { \n\t\t\t@include disable-parallax();\n\t\t} \n\n\t\t>.teaser {\n\t\t\t@include teaser();\n\t\t}\n\t}\n\t.static-logo {\n\t\twidth: 50%;\n\t}\n\t.text-bold {\n\t\tfont-size: 1.3em;\n\t}\n\t.content {\n\t\tfont-size: 16px;\n\t\ttransform-style: inherit;\n\t\ttransform-origin: center center;\n\t\ttransform: translate3d(0px, 0px, 50px) scale(0.5);\n\t\tbackground-color: $white;\n\t\tmargin: 0em 0em 64px 0em;\n\t\tmax-width: 80vw;\n\t\tflex-grow: 1;\n\t\talign-self: stretch;\n\n\t\tposition: absolute;\n\t\ttop: 10vh;\n\t\tmargin-left: 10vw;\n\t\tborder-radius: $border-radius-1;\n\t\tpadding: 1em 2em;\n\n\t\t@media (max-width: 767px) {\n\t\t\tmax-width: 95vw;\n\t\t\tmargin-left: 2.5vw;\n\t\t\t\t\n\t\t}\n\t\t@media (min-width: 768px) {\n\t\t\ttransform: translate3d(0px, 50%, 77px) scale(0.43);\n\t\t\tfont-size: 18px;\n\t\t\tmax-width: 60ch;\n\t\t\tmargin-left: calc(50% - 30ch);\n\t\t\tbottom: 35vh;\n\t\t\ttop: unset;\n\t\t}\n\t\t\n\t}\n\t.background-cover {\n\t\tbackground-image: url(../assets/img/jpg/banner_bg.jpg);\n\t\tbackground-size: cover;\n\t\tbackground-position: center center;\n\t\tbackground-repeat: no-repeat;\n\t}\n\t@media screen and (max-width: 767px) {\n\t\t.banner {\n\t\t\t>.static-logo {\n\t\t\t\tanimation: anime 2s infinite;\n\n\t\t\t\t@mixin start {\n\t\t\t\t\ttransform: scale(1);\n\t\t\t\t}\n\t\t\t\t@mixin middle {\n\t\t\t\t\ttransform: scale(1.05);\n\t\t\t\t}\n\t\t\t\t@mixin finish {\n\t\t\t\t\ttransform: scale(1);\n\t\t\t\t}\n\t\t\t\t@keyframes anime {\n\t\t\t\t\t0% {\n\t\t\t\t\t\t@include start();\n\t\t\t\t\t}\n\t\t\t\t\t85% {\n\t\t\t\t\t\t@include middle();\n\t\t\t\t\t}\n\t\t\t\t\t100% {\n\t\t\t\t\t\t@include finish();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Banner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Banner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Banner.vue?vue&type=template&id=62a9d524&scoped=true\"\nimport script from \"./Banner.vue?vue&type=script&lang=js\"\nexport * from \"./Banner.vue?vue&type=script&lang=js\"\nimport style0 from \"./Banner.vue?vue&type=style&index=0&id=62a9d524&prod&scoped=true&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  \"62a9d524\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('nav',{staticClass:\"shadow-1\",attrs:{\"id\":\"nav\"}},[_c('router-link',{attrs:{\"to\":\"/\",\"exact\":\"\"}},[_c('img',{attrs:{\"id\":\"logo\",\"alt\":\"logo\",\"src\":require(\"../assets/img/svg/xxx/logo_blue_light.svg\")}})]),_c('h1',{attrs:{\"id\":\"heading\"}},[_vm._v(_vm._s(_vm.page_name))]),_c('img',{staticClass:\"shadow-sm border-radius-1\",attrs:{\"id\":\"menu-icon\",\"alt\":\"menu\",\"src\":require(\"../assets/img/svg/24px/menu_24px.svg\")},on:{\"click\":function($event){_vm.show_menu = !_vm.show_menu}}}),(_vm.show_menu)?_c('ul',{attrs:{\"id\":\"links\"}},[_c('li',[_c('router-link',{staticClass:\"shadow-3\",attrs:{\"to\":\"/\",\"exact\":\"\"}},[_vm._v(\"home\")])],1),_c('li',[_c('router-link',{staticClass:\"shadow-3\",attrs:{\"to\":\"/projects\",\"exact\":\"\"}},[_vm._v(\"projects\")])],1),_c('li',[_c('router-link',{staticClass:\"shadow-3\",attrs:{\"to\":\"/directors\",\"exact\":\"\"}},[_vm._v(\"directors\")])],1),_c('li',[_c('router-link',{staticClass:\"shadow-3\",attrs:{\"to\":\"/contact\",\"exact\":\"\"}},[_vm._v(\"contact us\")])],1)]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<nav id=\"nav\" class=\"shadow-1\">\n\t\t<!-- <router-link to=\"/\" exact><img id=\"logo\" alt=\"logo\" src=\"../assets/img/svg/24px/logo_24px.svg\" /></router-link> -->\n\t\t<router-link to=\"/\" exact><img id=\"logo\" alt=\"logo\" src=\"../assets/img/svg/xxx/logo_blue_light.svg\" /></router-link>\n\t\t<h1 id=\"heading\">{{page_name}}</h1>\n\t\t<img id=\"menu-icon\" class=\"shadow-sm border-radius-1 \" \n\t\t\talt=\"menu\" src=\"../assets/img/svg/24px/menu_24px.svg\"\n\t\t\t@click=\"show_menu = !show_menu\"/>\n\t\t<ul id=\"links\" v-if=\"show_menu\" >\n\t\t\t<li>\n\t\t\t\t<router-link class=\"shadow-3\" to=\"/\" exact>home</router-link>\n\t\t\t</li>\n\t\t\t<li>\n\t\t\t\t<router-link class=\"shadow-3\" to=\"/projects\" exact>projects</router-link>\n\t\t\t</li>\n\t\t\t<li>\n\t\t\t\t<router-link class=\"shadow-3\" to=\"/directors\" exact>directors</router-link>\n\t\t\t</li>\n\t\t\t<li>\n\t\t\t\t<router-link class=\"shadow-3\" to=\"/contact\" exact>contact us</router-link>\n\t\t\t</li>\n\t\t</ul>\n\t</nav>\n</template>\n\n<script>\nimport emitter from '@/emitter';\nexport default {\n\tname: 'Nav',\n\tdata() {\n\t\treturn {\n\t\t\tshow_menu: true,\n\t\t\tpage_name: '',\n\t\t\tnav_element: null\n\t\t};\n\t},\n\tcreated() {\n\t\tthis.checkToDisplayMenu(this);\n\t\t// THEN HIDE THE MENU ON INITIAL LOAD IF ON A SMALLER SCREEN\n\t\tif(Math.max(document.documentElement.clientWidth, window.innerWidth || 0) < 768) {\n\t\t\tthis.show_menu = false;\n\t\t}\n\t\temitter.$on('new-page-name', (_name) => {\n\t\t\tif(_name !== undefined) {\n\t\t\t\tthis.page_name = _name;\n\t\t\t} else {\n\t\t\t\t// console.error('empty page name');\n\t\t\t}\n\t\t});\n\t\temitter.$on('hide-menu', () => {\n\t\t\tthis.show_menu = false;\n\t\t});\n\t},\n\tmounted() {\n\t\twindow.addEventListener('resize', () => {\n\t\t\tthis.checkToDisplayMenu(this);\n\t\t});\n\t\tthis.nav_element = document.querySelector('#nav');\n\t},\n\tmethods: {\n\t\tcheckToDisplayMenu: (_this) => {\n\t\t\tconst viewport_width = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);\n\t\t\tif (viewport_width > 767) {\n\t\t\t\t_this.show_menu = true;\n\t\t\t}\n\t\t}\n\t},\n\twatch: {\n\t\tshow_menu(to) {\n\t\t\tif(to) {\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tconst bounding_rect_link = document.querySelector('#links').getBoundingClientRect();\n\t\t\t\t\tdocument.querySelector('#app').scrollBy({\n\t\t\t\t\t\tleft: 0, \n\t\t\t\t\t\ttop: bounding_rect_link.height,\n\t\t\t\t\t\tbehavior: 'smooth'\n\t\t\t\t\t});\n\t\t\t\t}, 500);\n\t\t\t}\n\t\t}\n\t}\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n\t@import '../assets/style/main.scss';\n\n\n\t$link-border-radius: 0.3em;\n\n\n\t\n\t/* DO NOT INCLUDE transform-style: inherit;, IT MAKES THE ITEM JUMP IN FIREFOX */\n\t#nav {\n\t\t>* {\n\t\t\tfloat: left;\n\t\t\t&:nth-child(2) {\n\t\t\t\tmargin-left: 1em;\n\t\t\t}\n\t\t\t&:nth-child(3) {\n\t\t\t\tmargin-left: 1em;\n\t\t\t}\n\t\t\t&:nth-child(4) {\n\t\t\t\tmargin-top: 2em;\n\t\t\t\tfloat: right;\n\t\t\t}\n\t\t\tpadding-top: 1em;\n\t\t\t@supports (position: sticky) {\n\t\t\t\tfloat: unset;\n\t\t\t\t&:nth-child(2) {\n\t\t\t\t\tmargin-left: unset;\n\t\t\t\t}\n\t\t\t\t&:nth-child(3) {\n\t\t\t\t\tmargin-left: unset;\n\t\t\t\t}\n\t\t\t\t&:nth-child(4) {\n\t\t\t\t\tmargin-top: unset;\n\t\t\t\t\tfloat: unset;\n\t\t\t\t}\n\t\t\t\tpadding-top: unset;\n\t\t\t}\n\t\t} \n\n\t\tposition: fixed !important;\n\t\ttop: 0px !important;\n\t\twidth:  100vw !important;\n\t\t@supports (position: sticky) {\n\t\t\tposition: sticky !important;\n\t\t\ttop: -1px !important;\n\t\t}\n\t\ttransform-style: none;\n\t\tpadding: 0em;\n\t\tbackground-color: $white;\n\t\tz-index: 1000;\n\t\t\n\t\t\n\t\tdisplay: grid;\n\t\tgrid-template-columns: min-content auto;\n\t\tgrid-template-rows: auto;\n\t\talign-items: center;\n\t\t\n\n\n\t\tul {\n\t\t\theight: 100%;\n\t\t\tgrid-area: links;\n\t\t\tlist-style-type: none;\n\t\t\tpadding: 0px;\n\t\t\tmargin: 0px;\n\t\t\tli {\n\t\t\t\ta {\n\t\t\t\t\t$bg-colour-active-link: $red;\n\t\t\t\t\t$bg-colour-inactive-link: $blue;\n\t\t\t\t\t$bg-colour-hover: $red;\n\n\t\t\t\t\t@mixin active() {\n\t\t\t\t\t\tbackground-color: \t$bg-colour-active-link;\n\t\t\t\t\t\tcolor: hsl(207, 81%, 8%);\n\t\t\t\t\t}\n\t\t\t\t\t@mixin inactive {\n\t\t\t\t\t\tbackground-color: \t$bg-colour-inactive-link;\n\t\t\t\t\t\tcolor: hsl(42, 29%, 93%);\n\t\t\t\t\t}\n\t\t\t\t\t@mixin half-on {\n\t\t\t\t\t\tbackground-color: \t$bg-colour-hover;\n\t\t\t\t\t\tcolor: hsl(42, 29%, 93%);\n\t\t\t\t\t}\n\n\t\t\t\t\tpadding: 0.2em 1em;\n\t\t\t\t\ttext-decoration: none;\n\t\t\t\t\tcolor: hsl(42, 29%, 93%);\n\t\t\t\t\tbackground-color: $bg-colour-inactive-link;\n\t\t\t\t\tbackdrop-filter: blur(10px);\n\n\t\t\t\t\t&.router-link-exact-active {\n\t\t\t\t\t\t@include active();\n\t\t\t\t\t\tanimation: turn-on 600ms 1;\n\t\t\t\t\t}\n\n\t\t\t\t\t// DO THE ANIMATION ON HOVER ONLY IF THE LINK IS NOT ACTIVE\n\t\t\t\t\t&:hover:not(.router-link-exact-active) {\n\t\t\t\t\t\tanimation: pulse 1s infinite;\n\t\t\t\t\t}\n\n\t\t\t\t\t@keyframes turn-on {\n\t\t\t\t\t\t0% {\n\t\t\t\t\t\t\t@include inactive();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t12.5% {\n\t\t\t\t\t\t\t@include active();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t25% {\n\t\t\t\t\t\t\t@include inactive();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t50% {\n\t\t\t\t\t\t\t@include active();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t50% {\n\t\t\t\t\t\t\t@include inactive();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t67.5% {\n\t\t\t\t\t\t\t@include active();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t75% {\n\t\t\t\t\t\t\t@include inactive();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t100% {\n\t\t\t\t\t\t\t@include active();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@keyframes pulse {\n\t\t\t\t\t\t0% {\n\t\t\t\t\t\t\t@include inactive();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t50% {\n\t\t\t\t\t\t\t@include half-on();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t100% {\n\t\t\t\t\t\t\t@include inactive();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t#heading {\n\t\tgrid-area: heading;\n\t\tmargin: 0px;\n\t\tcolor: #415672;\n\t\tfont-size: 1.5em;\n        font-weight: 300;\n\t}\n\t#logo {\n\t\tgrid-area: logo;\n\t\theight: 48px;\n\t\t@media (max-width: 767px) {\n\t\t\theight: 40px;\n\t\t}\n\t\tmin-width: 48px;\n\t\tpadding-top: 0.2em;\n\t\tmargin: 0.4em 0em;\n\t}\n\t#menu-icon {\n\t\tgrid-area: menu-icon;\n\t\twidth: 2.5em;\n\t\theight: 2.5em;\n\t\tmargin-left: auto;\n\t\t&:hover {\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\t@media (max-width: 767px) {\n\t\t#menu-icon {\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\t#nav {\n\t\t\tgrid-template-areas: \"logo heading menu-icon\" \"links links links\";\n\t\t\tjustify-content: space-between;\n\t\t\tpadding: 0em 0.5em;\n\t\t\tul {\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: -0.5em;\n\t\t\t\ttop: -0.65em;\n\t\t\t\twidth: 100vw;\n\t\t\t\tpadding: 0.5em;\n\t\t\t\tmargin-left: 0px;\n\t\t\t\tborder-bottom-left-radius: 0.5em;\n\t\t\t\tborder-bottom-right-radius: 0.5em;\n\t\t\t\tli {\n\t\t\t\t\ta {\n\t\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\t\tbackground-image: linear-gradient($white, rgb(212, 224, 233));\n\t\t\t\t\t\tcolor: $blue-dark;\n\t\t\t\t\t\tfont-size: 1.2em;\n\t\t\t\t\t\tmargin-top: 0.0em;\n\t\t\t\t\t\tpadding-top: 0.5em;\n\t\t\t\t\t\tpadding-bottom: 0.5em;\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tcolor: $blue !important;\n\t\t\t\t\t\t\tbackground-image: linear-gradient($white, rgba(212, 224, 233, 0.3));\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&.router-link-exact-active {\n\t\t\t\t\t\t\tbackground-image: linear-gradient($white, rgba(212, 224, 233, 0.3));\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t&:first-of-type {\n\t\t\t\t\t\ta {\n\t\t\t\t\t\t\tmargin-top: 0px;\n\t\t\t\t\t\t\tborder-top-left-radius: $link-border-radius;\n\t\t\t\t\t\t\tborder-top-right-radius: $link-border-radius;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t&:last-of-type {\n\t\t\t\t\t\ta {\n\t\t\t\t\t\t\tborder-bottom-left-radius: $link-border-radius;\n\t\t\t\t\t\t\tborder-bottom-right-radius: $link-border-radius;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tli a {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@media (min-width: 768px) {\n\t\t#menu-icon {\n\t\t\tdisplay: none;\n\t\t}\n\t\t#nav {\n\t\t\tgrid-template-areas: \"logo heading links\";\n\t\t\tjustify-items: end;\n\t\t\tpadding: 0em 0em 0em 0.5em;\n\t\t\tul {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: stretch;\n\t\t\t\tli {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t&:last-of-type {\n\t\t\t\t\t\ta {\n\t\t\t\t\t\t\tmargin-right: 0px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\ta {\n\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\tletter-spacing: 0.1px;\n\t\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tpadding: 0em 3vw;\n\t\t\t\t\t\theight: 100% !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Nav.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Nav.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Nav.vue?vue&type=template&id=79af3496&scoped=true\"\nimport script from \"./Nav.vue?vue&type=script&lang=js\"\nexport * from \"./Nav.vue?vue&type=script&lang=js\"\nimport style0 from \"./Nav.vue?vue&type=style&index=0&id=79af3496&prod&scoped=true&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  \"79af3496\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div id=\"app\">\n\t\t<navigation></navigation>\n\t\t<banner class=\"new-browser\"/>\n\t\t<div class=\"old-browser\">\n\t\t\t<p>\n\t\t\t\tIt seems like you are using older broswer, some things might not work, we recommend using the \n\t\t\t\tlatest version of either <a href=\"https://www.google.com/chrome/\" target=\"_blank\" >\n\t\t\t\t<b>Google Chrome</b></a> or <a href=\"https://www.mozilla.org/en-US/firefox/new/\" target=\"_blank\" >\n\t\t\t\t<b>Firefox</b></a>\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\t<center>\n\t\t\t\t\t<a href=\"https://www.google.com/chrome/\" target=\"_blank\" >\n\t\t\t\t\t\t<img src=\"./assets/img/png/icon_chrome.png\" alt=\"Google Chrome\" >\n\t\t\t\t\t</a>\n\t\t\t\t\t<a href=\"https://www.mozilla.org/en-US/firefox/new/\" target=\"_blank\" >\n\t\t\t\t\t\t<img src=\"./assets/img/png/icon_firefox.png\" alt=\"Firefox\" >\n\t\t\t\t\t</a>\n\t\t\t\t</center>\n\t\t\t</p>\n\t\t</div>\n\t\t<router-view class=\"content-stager\" />\n\t\t<footer class=\"shadow-1\">\n\t\t\t<div class=\"contacts\">\n\t\t\t\t<div>\n\t\t\t\t\t<img src=\"./assets/img/svg/24px/call_24px.svg\" width=\"24\" height=\"24\" alt=\"call\"/>\n\t\t\t\t\t<p>(266) 22-311441<br />\n\t\t\t\t\t(266) 22-324814<br />\n\t\t\t\t\t(266) 5888 0159</p>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<img src=\"./assets/img/svg/24px/email_24px.svg\" width=\"24\" height=\"24\" alt=\"mail\"/>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tadmin@dyelec.co.ls<br />\n\t\t\t\t\t\tP/Bag A409,\n\t\t\t\t\t\tMASERU 100\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"developer\">\n\t\t\t\t<a href=\"https://maseru.co.ls/?link_from=dyelec_lesotho\" target=\"_blank\">\n\t\t\t\t\tdeveloped by Mateane Information Solutions\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</footer>\n\t</div>\n</template>\n\n<script>\n// @ is an alias to /src\n\timport banner from '@/components/Banner.vue';\n\timport navigation from '@/components/Nav';\n\timport emitter from '@/emitter';\n\n\texport default {\n\t\tname: 'App',\n\t\tmetaInfo: {\n\t\t\t// if no subcomponents specify a metaInfo.title, this title will be used\n\t\t\ttitle: 'Dyelec Lesotho',\n\t\t\t// all titles will be injected into this template\n\t\t\ttitleTemplate: 'Dyelec Lesotho | %s'\n\t\t},\n\t\tcomponents: {\n\t\t\tnavigation,\n\t\t\tbanner\n\t\t},\n\t\tmounted() {\n\t\t\tdocument.querySelector('#app').addEventListener('scroll', this.trackTop);\n\t\t\tthis.$router.afterEach(() => {\n\t\t\t\tif(Math.max(document.documentElement.clientWidth, window.innerWidth || 0) < 768) {\n\t\t\t\t\temitter.$emit('hide-menu');\n\t\t\t\t}\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tconst bounding_rect_banner = document.querySelector('.banner').getBoundingClientRect();\n\t\t\t\t\tdocument.querySelector('#app').scrollTo({\n\t\t\t\t\t\tleft: 0, \n\t\t\t\t\t\ttop: bounding_rect_banner.height + 8,\n\t\t\t\t\t\tbehavior: 'smooth'\n\t\t\t\t\t});\n\t\t\t\t}, 500);\n\t\t\t});\n\t\t\tif(this.$route.query.route) {\n\t\t\t\tthis.handleRouting(this.$route.query.route);\n\t\t\t}\n\t\t},\n\t\tmethods: {\n\t\t\ttrackTop() {\n\t\t\t\tif(document.querySelector('.content-stager').getBoundingClientRect().top <= 0) {\n\t\t\t\t\tdocument.querySelector('#app').removeEventListener('scroll', this.trackTop);\n\t\t\t\t\temitter.$emit('stop-banner-animations');\n\t\t\t\t}\n\t\t\t},\n\t\t\thandleRouting(_route) {\n\t\t\t\tswitch (_route) {\n\t\t\t\tcase 'contacts':\n\t\t\t\t\tthis.$router.push({\n\t\t\t\t\t\tpath: '/contacts'\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'projects':\n\t\t\t\t\tthis.$router.push({\n\t\t\t\t\t\tpath: '/projects'\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'directors':\n\t\t\t\t\tthis.$router.push({\n\t\t\t\t\t\tpath: '/directors'\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'home':\n\t\t\t\t\tthis.$router.push({\n\t\t\t\t\t\tpath: '/'\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n</script>\n\n<style lang=\"scss\">\n\t@import './assets/style/main.scss';\n\t\n\t\n\t// /* roboto-100 - latin */\n\t// @font-face {\n\t// \tfont-display: swap;\n\t// \tfont-family: 'Roboto';\n\t// \tfont-style: normal;\n\t// \tfont-weight: 100;\n\t// \tsrc: url('./assets/fonts/roboto/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */\n\t// \tsrc: local('Roboto Thin'), local('Roboto-Thin'),\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */\n\t// }\n\n\t// /* roboto-regular - latin */\n\t// @font-face {\n\t// \tfont-display: swap;\n\t// \tfont-family: 'Roboto';\n\t// \tfont-style: normal;\n\t// \tfont-weight: 400;\n\t// \tsrc: url('./assets/fonts/roboto/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */\n\t// \tsrc: local('Roboto'), local('Roboto-Regular'),\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */\n\t// }\n\n\t// /* roboto-500 - latin */\n\t// @font-face {\n\t// \tfont-display: swap;\n\t// \tfont-family: 'Roboto';\n\t// \tfont-style: normal;\n\t// \tfont-weight: 500;\n\t// \tsrc: url('./assets/fonts/roboto/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */\n\t// \tsrc: local('Roboto Bold'), local('Roboto-Bold'),\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */\n\t// }\n\n\t// /* roboto-700 - latin */\n\t// @font-face {\n\t// \tfont-display: swap;\n\t// \tfont-family: 'Roboto';\n\t// \tfont-style: normal;\n\t// \tfont-weight: 700;\n\t// \tsrc: url('./assets/fonts/roboto/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */\n\t// \tsrc: local('Roboto Bold'), local('Roboto-Bold'),\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */\n\t// \turl('./assets/fonts/roboto/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */\n\t// }\n\n\n\n\thtml {\n\t\tscroll-behavior: smooth;\n\t}\n\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\t#app {\n\t\theight: 100vh;\n\t\toverflow-x: hidden;\n\t\toverflow-y: scroll;\n\t\tperspective: 100px;\n\t\tperspective-origin: 50%;\n\t\ttransform-style: preserve-3d;\n\t\ttransform: translate3d(0px, 0px, 0px);\n\t\t\n\t\t.old-browser {\n\t\t\tdisplay: block;\n\t\t\tmargin-top: 4em;\n\t\t\ttext-align: center;\n\t\t\tpadding: 4em 1em;\n\t\t\tfont-size: 1.3em;\n\t\t\t.text-color-firebrick {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tcolor: #7e2921 !important;\n\t\t\t}\n\t\t\tdiv {\n\t\t\t\tfont-size: 1.5em;\n\t\t\t\tfont-weight: 300;\n\t\t\t}\n\t\t\ta {\n\t\t\t\tcolor: $blue;\n\t\t\t\ttext-decoration: underline;\n\t\t\t\ttext-decoration-color: $blue;\n\t\t\t}\n\t\t\t@supports (position: sticky) {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\t\t}\n\t\t.new-browser {\n\t\t\tdisplay: none;\n\t\t\t@supports  (position: sticky) {\n\t\t\t\tdisplay: flex !important;\n\t\t\t}\n\t\t}\n\t\t.content-stager {\n\t\t\tpadding-bottom: 1em;\n\t\t}\n\t\tfooter {\n\t\t\tfont-size: 0.9em;\n\t\t\tpadding: 1em 1em 3em 1em;\n\t\t\tcolor: $white;\n\t\t\tbackground-color: $gray;\n\t\t\tdisplay: block;\n\n\t\t\t.contacts {\n\t\t\t\tp {\n\t\t\t\t\tmargin: 0px;\n\t\t\t\t}\n\t\t\t\t@media (min-width: 512px) {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: flex-start;\n\t\t\t\t}\n\n\t\t\t\tdiv {\n\t\t\t\t\t@media (max-width: 511px) {\n\t\t\t\t\t\tp {\n\t\t\t\t\t\t\tmargin-top: -1.8em;\n\t\t\t\t\t\t\tmargin-left: 2.8em;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:nth-of-type(n+2) {\n\t\t\t\t\t\t\tmargin-top: 1em;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t@media (min-width: 512px) {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\talign-items: flex-start;\n\t\t\t\t\t\t&:first-of-type {\n\t\t\t\t\t\t\tpadding-right: 2em;\n\t\t\t\t\t\t\tborder-right-style: solid;\n\t\t\t\t\t\t\tborder-right-width: 1px;\n\t\t\t\t\t\t\tborder-right-color: rgba(255,255,255, 0.1);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:last-of-type {\n\t\t\t\t\t\t\tpadding-left: 1em;\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\tp {\n\t\t\t\t\t\t\tmargin: 0px;\n\t\t\t\t\t\t\t&:first-of-type {\n\t\t\t\t\t\t\t\tmargin-top: 0.5em;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:nth-of-type(n+2) {\n\t\t\t\t\t\t\tmargin-left: 1em;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\timg {\n\t\t\t\t\t\tmargin-right: 0.9em;\n\t\t\t\t\t\topacity: 0.4;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.developer {\n\t\t\t\tmargin-left: 2.7em;\n\t\t\t\tmargin-top: 2em;\n\t\t\t\tcolor: $white;\n\t\t\t\ta {\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\ttext-decoration-color: rgba(255,255,255, 0.5);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t\t\n\t.view {\n\t\tposition: relative;\n\t\twidth: 100vw;\n\t\tmin-height: calc(100vh - 32px);\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: stretch;\n\t\tz-index: 2;\n\t\tbackground-color: $blue-dark;\n\n\t\t\n\t\tposition: relative;\n\t\t\n\t}\n\t\n\t.modal {\n\t\tposition: absolute;\n\t\ttop: 0px;\n\t\tleft: 0px;\n\t\twidth: 100vw;\n\t\tmin-height: 100%;\n\t\tbackground-color: $blue-dark;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\talign-content: flex-start;\n\t\tjustify-content: flex-start;\n\t\tpadding: 1em;\n\t}\n\n\t@media screen and (max-width: 767px) {\n\t}\n\t@media screen and (min-width: 768px) {\n\n\t\t\t\n\t}\n</style>\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=4000c168\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\nimport style0 from \"./App.vue?vue&type=style&index=0&id=4000c168&prod&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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"view\"},[_c('div',{staticClass:\"home\"},[_c('div',{staticClass:\"top\"},[_c('center',[_c('img',{attrs:{\"src\":require(\"../assets/img/svg/xxx/logo_white.svg\")}})])],1),_c('div',{staticClass:\"middle\"},[_c('p',[_vm._v(\"\\n\\t\\t\\t\\tDyelec Lesotho is a Lesotho based Electrical/Electronic Engineering and Building \\n\\t\\t\\t\\tServices consulting limited liability firm. Established in 1994, the firm has over the years \\n\\t\\t\\t\\tdeveloped capacity to offer a wide range of professional services in building services, \\n\\t\\t\\t\\telectrical and electronic engineering from feasibility studies to final completion.\\n\\t\\t\\t\")]),_c('p',[_vm._v(\"\\n\\t\\t\\t\\tPresently, the firm has two shareholders who are both registered engineers.\\n\\t\\t\\t\")]),_c('p',[_vm._v(\"\\n\\t\\t\\t\\tDyelec’s experience and expertise can be demonstrated by successful completion of some the larger projects recently \\n\\t\\t\\t\\tundertaken in Lesotho as indicated \"),_c('b',[_c('router-link',{staticClass:\"text-white\",attrs:{\"to\":\"/projects\",\"exact\":\"\"}},[_vm._v(\"at this link\")])],1),_vm._v(\".\\n\\t\\t\\t\")]),_c('p',[_vm._v(\"\\n\\t\\t\\t\\tWe are an approved training office, registered with the Engineering Council of South Africa (ECSA), to offer \\n\\t\\t\\t\\tmentorship to aspiring electrical and electronic engineers, technologists, and technicians seeking professional \\n\\t\\t\\t\\tregistration. Our principals, having local, regional, and continental experience, have developed the understanding \\n\\t\\t\\t\\tof, and  adhere to, applicable regulations, standards, and codes of practices in design and construction of building \\n\\t\\t\\t\\tservices as well as electrical engineering systems. \\n\\t\\t\\t\")])]),_c('div',{staticClass:\"services-list\",on:{\"click\":_vm.gotToProjects}},[_vm._v(\"\\n\\t\\t\\tOur range of professional services includes design, tender documentation, construction supervision and contract management for the following installations:\\n\\t\\t\\t\"),_vm._m(0)]),_c('div',{staticClass:\"categories-list\",on:{\"click\":_vm.gotToProjects}},[_vm._v(\"\\n\\t\\t\\tOur experience and capacity diversity are demonstrated by the following types of completed or nearly complete projects:\\n\\t\\t\\t\"),_vm._m(1)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('ul',[_c('li',[_vm._v(\"Standby Power Supply Systems\")]),_c('li',[_vm._v(\"Fire Protection, Alarm and Detection\")]),_c('li',[_vm._v(\"Electronic System and Security Systems\")]),_c('li',[_vm._v(\"Telephone Services Installations\")]),_c('li',[_vm._v(\"Computer network Systems\")]),_c('li',[_vm._v(\"Lightning Protection Systems\")]),_c('li',[_vm._v(\"Air Conditioning and Ventilation\")]),_c('li',[_vm._v(\"Hot and Cold-Water systems\")]),_c('li',[_vm._v(\"Water Pumping Installations\")]),_c('li',[_vm._v(\"Transmission Lines and Substations\")]),_c('li',[_vm._v(\"Rural Electrification\")]),_c('li',[_vm._v(\"Feasibility studies\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('ul',[_c('li',[_vm._v(\"Substations, Transmission Lines\")]),_c('li',[_vm._v(\"Rural Electrification\")]),_c('li',[_vm._v(\"Educational Institutions\")]),_c('li',[_vm._v(\"Buildings\")]),_c('li',[_vm._v(\"Shopping Malls and Shopping centers\")]),_c('li',[_vm._v(\"Sports and Recreational Facilities\")]),_c('li',[_vm._v(\"Health Care Centre\")]),_c('li',[_vm._v(\"Artificial Road Lighting\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"view\">\n\t\t<div class=\"home\">\n\t\t\t<div class=\"top\">\n\t\t\t\t<center><img src=\"../assets/img/svg/xxx/logo_white.svg\" /></center>\n\t\t\t</div>\n\t\t\t<div class=\"middle\">\n\t\t\t\t<p>\n\t\t\t\t\tDyelec Lesotho is a Lesotho based Electrical/Electronic Engineering and Building \n\t\t\t\t\tServices consulting limited liability firm. Established in 1994, the firm has over the years \n\t\t\t\t\tdeveloped capacity to offer a wide range of professional services in building services, \n\t\t\t\t\telectrical and electronic engineering from feasibility studies to final completion.\n\t\t\t\t</p>\n\t\t\t\t<p>\n\t\t\t\t\tPresently, the firm has two shareholders who are both registered engineers.\n\t\t\t\t</p>\n\t\t\t\t<p>\n\t\t\t\t\tDyelec’s experience and expertise can be demonstrated by successful completion of some the larger projects recently \n\t\t\t\t\tundertaken in Lesotho as indicated <b><router-link class=\"text-white\" to=\"/projects\" exact>at this link</router-link></b>.\n\t\t\t\t</p>\n\t\t\t\t<p>\n\t\t\t\t\tWe are an approved training office, registered with the Engineering Council of South Africa (ECSA), to offer \n\t\t\t\t\tmentorship to aspiring electrical and electronic engineers, technologists, and technicians seeking professional \n\t\t\t\t\tregistration. Our principals, having local, regional, and continental experience, have developed the understanding \n\t\t\t\t\tof, and  adhere to, applicable regulations, standards, and codes of practices in design and construction of building \n\t\t\t\t\tservices as well as electrical engineering systems. \n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t<div class=\"services-list\" @click=\"gotToProjects\">\n\t\t\t\tOur range of professional services includes design, tender documentation, construction supervision and contract management for the following installations:\n\t\t\t\t<ul>\n\t\t\t\t\t<li>Standby Power Supply Systems</li>\n\t\t\t\t\t<li>Fire Protection, Alarm and Detection</li>\n\t\t\t\t\t<li>Electronic System and Security Systems</li>\n\t\t\t\t\t<li>Telephone Services Installations</li>\n\t\t\t\t\t<li>Computer network Systems</li>\n\t\t\t\t\t<li>Lightning Protection Systems</li>\n\t\t\t\t\t<li>Air Conditioning and Ventilation</li>\n\t\t\t\t\t<li>Hot and Cold-Water systems</li>\n\t\t\t\t\t<li>Water Pumping Installations</li>\n\t\t\t\t\t<li>Transmission Lines and Substations</li>\n\t\t\t\t\t<li>Rural Electrification</li>\n\t\t\t\t\t<li>Feasibility studies</li>\n\t\t\t\t</ul>\n\t\t\t</div>\n\n\t\t\t\n\t\t\t<div class=\"categories-list\" @click=\"gotToProjects\">\n\t\t\t\tOur experience and capacity diversity are demonstrated by the following types of completed or nearly complete projects:\n\t\t\t\t<ul>\n\t\t\t\t\t<li>Substations, Transmission Lines</li>\n\t\t\t\t\t<li>Rural Electrification</li>\n\t\t\t\t\t<li>Educational Institutions</li>\n\t\t\t\t\t<li>Buildings</li>\n\t\t\t\t\t<li>Shopping Malls and Shopping centers</li>\n\t\t\t\t\t<li>Sports and Recreational Facilities</li>\n\t\t\t\t\t<li>Health Care Centre</li>\n\t\t\t\t\t<li>Artificial Road Lighting</li>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport emitter from '@/emitter';\nexport default {\n\tname: 'home',\n\tmetaInfo: {\n\t\ttitle: 'Home',\n\t\tmeta: [\n\t\t\t{\n\t\t\t\tproperty: 'og:url',\n\t\t\t\tcontent: 'http://www.dyelec.co.ls'\n\t\t\t},\n\t\t\t{\n\t\t\t\tproperty: 'og:title', \n\t\t\t\tcontent: 'Dyelec Lesotho | Home'\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'description', \n\t\t\t\tcontent: 'Dyelec Lesotho is a Lesotho based Electrical/Electronic Engineering and Building Services consulting limited liability firm. Established in 1994, the firm has over the years developed capacity to offer a wide range of professional services in building services, electrical and electronic engineering from feasibility studies to final completion.'\n\t\t\t},\n\t\t\t{\n\t\t\t\tproperty: 'og:description', \n\t\t\t\tcontent: 'Dyelec Lesotho is a Lesotho based Electrical/Electronic Engineering and Building Services consulting limited liability firm. Established in 1994, the firm has over the years developed capacity to offer a wide range of professional services in building services, electrical and electronic engineering from feasibility studies to final completion.'\n\t\t\t},\n\t\t\t// Twitter card\n\t\t\t{\n\t\t\t\tname: 'twitter:card',\n\t\t\t\tcontent: 'Dyelec Lesotho'\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'twitter:title',\n\t\t\t\tcontent: 'Dyelec Lesotho | Home'\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'twitter:description',\n\t\t\t\tcontent: 'Dyelec Lesotho is a Lesotho based Electrical/Electronic Engineering and Building Services consulting limited liability firm. Established in 1994, the firm has over the years developed capacity to offer a wide range of professional services in building services, electrical and electronic engineering from feasibility studies to final completion.'\n\t\t\t}\n\t\t]\n\t\t// override the parent template and just use the above title only\n\t\t// titleTemplate: null\n\t},\n\tmounted() {\n\t\temitter.$emit('new-page-name', '');\n\t},\n\tmethods: {\n\t\tgotToProjects() {\n\t\t\tthis.$router.push({\n\t\t\t\tpath: '/projects'\n\t\t\t});\n\t\t}\n\t}\n};\n</script>\n\n<style lang=\"scss\" scoped>\n\t@import '../assets/style/main.scss';\n\t.home {\n\t\twidth: 100%;\n\t\tmin-height: 100%;\n\t\tmax-width: 1024px;\n\t\talign-self: center;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: stretch;\n\t\tjustify-content: flex-start;\n\t\tanimation: slide-up 500ms ease-in-out both;\n\t\tcolor: $white;\n\t\tfont-size: 1.1em;\n\t\tline-height: 1.5em;\n\t\t* {\n\t\t\tletter-spacing: 0.1px;\n\t\t}\n\n\t\t>.top {\n\t\t\tflex-grow: 0;\n\t\t\tanimation: slide-up 500ms ease-in-out both;\n\t\t\timg {\n\t\t\t\twidth: 20vw;\n\t\t\t\theight: 20vw;\n\t\t\t\t@media (max-width: 768px) {\n\t\t\t\t\twidth: 45vw;\n\t\t\t\t\theight: 45vw;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t>.middle {\n\t\t\tanimation: slide-up 500ms 200ms ease-in-out both;\n\t\t\tmargin-top: 0px;\n\t\t\tpadding: 0em 1em 1em 1em;\n\t\t\tflex-grow: 0;\n\t\t\ttext-justify: auto;\n\t\t\ttext-align: justify;\n\t\t\thyphens: auto;\n\t\t}\n\t\t>p {\n\t\t\tfont-size: 1.1em;\n\t\t\tpadding: 1em;\n\t\t\tmargin-bottom: 0px;\n\t\t}\n\t\t>.services-list{\n\t\t\tpadding: 1em;\n\t\t\t>ul {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-auto-flow: row dense;\n\t\t\t\tgrid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n\t\t\t\tgrid-auto-rows: minmax(200px, 1fr);\n\t\t\t\tgrid-gap: 1em;\n\t\t\t\tpadding: 0em 1em;\n\t\t\t\t// margin: 0px;\n\t\t\t\tmargin: 1.5em 0em 0em 0em;\n\n\t\t\t\t\n\t\t\t\t@media (min-width: 453px) and (max-width: 600px) {\n\t\t\t\t\tgrid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n\t\t\t\t}\n\t\t\t\t@media (max-width: 452px) {\n\t\t\t\t\tgrid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n\t\t\t\t}\n\t\t\t\t@media (max-width: 705px) {\n\t\t\t\t\tgrid-auto-rows: unset;\n\t\t\t\t\tgrid-column-gap: 1em;\n\t\t\t\t\tgrid-row-gap: 0em;\n\t\t\t\t\tmargin: 0em;\n\t\t\t\t}\n\t\t\t\tanimation: slide-up 500ms 400ms ease-in-out both;\n\t\t\t\tflex-grow: 1;\n\t\t\t\t>li {\n\n\t\t\t\t\t$delay-d: 1500ms;\n\t\t\t\t\t$delay-y: 2500ms;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tpadding: 1em;\n\t\t\t\t\tborder-radius: 2em;\n\t\t\t\t\t@media (max-width: 452px) {\n\t\t\t\t\t\tpadding: 0.5em;\n\t\t\t\t\t}\n\n\t\t\t\t\tmargin-bottom: 1em;\n\t\t\t\t\t@supports (position: sticky) {\n\t\t\t\t\t\tmargin-bottom: 0em;\n\t\t\t\t\t}\n\t\t\t\t\tbackground-color: transparent;\n\n\t\t\t\t\t@media (min-width: 888px) {\n\t\t\t\t\t\t&:nth-of-type(1) {\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 10px $black-light-tr-1;\n\t\t\t\t\t\t\tanimation: flip-in-right 750ms $delay-d ease-in-out both;\n\t\t\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\t\t\tcolor: $text-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:nth-of-type(6) {\n\t\t\t\t\t\t\tanimation: flip-in-right 900ms $delay-d ease-in-out both;\n\t\t\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\t\t\tcolor: $text-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:nth-of-type(9) {\n\t\t\t\t\t\t\tanimation: flip-in-right 1050ms $delay-d ease-in-out both;\n\t\t\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\t\t\tcolor: $text-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:nth-of-type(2) {\n\t\t\t\t\t\t\tanimation: flip-in-up 750ms $delay-y ease-in-out both;\n\t\t\t\t\t\t\tbackground-color: $red;\n\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:nth-of-type(4) {\n\t\t\t\t\t\t\tanimation: flip-in-up 900ms $delay-y ease-in-out both;\n\t\t\t\t\t\t\tbackground-color: $red;\n\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:nth-of-type(7) {\n\t\t\t\t\t\t\tanimation: flip-in-up 1050ms $delay-y ease-in-out both;\n\t\t\t\t\t\t\tbackground-color: $red;\n\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:nth-of-type(11) {\n\t\t\t\t\t\t\tanimation: flip-in-up 1200ms $delay-y ease-in-out both;\n\t\t\t\t\t\t\tbackground-color: $red;\n\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@media (min-width: 706px) and (max-width: 887px) {\n\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\t&:nth-of-type(1) {\n\t\t\t\t\t\t\tanimation: flip-in-right 750ms $delay-d ease-in-out both;\n\t\t\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\t\t\tcolor: $text-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:nth-of-type(5) {\n\t\t\t\t\t\t\tanimation: flip-in-right 900ms $delay-d ease-in-out both;\n\t\t\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\t\t\tcolor: $text-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:nth-of-type(7) {\n\t\t\t\t\t\t\tanimation: flip-in-right 1050ms $delay-d ease-in-out both;\n\t\t\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\t\t\tcolor: $text-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:nth-of-type(3) {\n\t\t\t\t\t\t\tanimation: flip-in-up 750ms $delay-y ease-in-out both;\n\t\t\t\t\t\t\tbackground-color: $red;\n\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:nth-of-type(8) {\n\t\t\t\t\t\t\tanimation: flip-in-up 900ms $delay-y ease-in-out both;\n\t\t\t\t\t\t\tbackground-color: $red;\n\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:nth-of-type(11) {\n\t\t\t\t\t\t\tanimation: flip-in-up 1050ms $delay-y ease-in-out both;\n\t\t\t\t\t\t\tbackground-color: $red;\n\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\n\n\t\t\t\t\t@media (max-width: 705px) {\n\t\t\t\t\t\ttext-align: left;\n\t\t\t\t\t\talign-items: flex-start;\n\t\t\t\t\t\tjustify-content: flex-start;\n\t\t\t\t\t\tpadding: 0em;\n\t\t\t\t\t\t\n\t\t\t\t\t\t&::before{\n\t\t\t\t\t\t\tcontent: '•';\n\t\t\t\t\t\t\tfont-size: 1.7em;\n\t\t\t\t\t\t\tmargin-right: 8px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\t\t>.categories-list {\n\t\t\tpadding: 1em;\n\t\t\tul {\n\t\t\t\tmargin: 0px;\n\t\t\t}\n\t\t}\n\t}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=60504222&scoped=true\"\nimport script from \"./Home.vue?vue&type=script&lang=js\"\nexport * from \"./Home.vue?vue&type=script&lang=js\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=60504222&prod&lang=scss&scoped=true\"\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  \"60504222\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"view\"},[_c('div',{staticClass:\"all-content\"},[_c('ProjectFilter'),_c('div',{staticClass:\"projects\"},[_c('div',{staticClass:\"filter-heading text-white\"},[_c('center',[_vm._v(\"projects\")])],1),_c('div',{staticClass:\"options\"},_vm._l((_vm.options_to_show),function(projects_option,index){return _c('OptionProject',{key:index,attrs:{\"index\":index,\"projects_option\":projects_option}},[_c('p',[_vm._v(_vm._s(projects_option.year))])])}),1)])],1),(_vm.showing_project_details)?_c('project-details',{attrs:{\"project_details\":_vm.target_project}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"side-panel\"},[_c('div',{staticClass:\"p-2 active filter-type\"},[_vm._v(\"Filter by project category\")]),_c('div',{staticClass:\"option inactive\",attrs:{\"id\":\"options-all\"},on:{\"click\":_vm.toggleActive}},[_vm._v(\"all\")])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"side-panel\">\n\t\t<div class=\"p-2 active filter-type\">Filter by project category</div>\n\t\t<!-- <div class=\"vertical-line\" /> -->\n\t\t<div id=\"options-all\" class=\"option inactive\" @click=\"toggleActive\">all</div>\n\t\t<!-- <div class=\"vertical-line render-below\" /> -->\n\t\t<!--\t\t\t\t**** DO NOT DELETE **** \n\t\t\t\tTHIS IS HOW EACH TYPE WILL BE ADDED TO THE LIST\n\t\t\t\t************************************************\n\t\t\t<div class=\"option inactive\" @click=\"toggleActive\">substations</div>\n\t\t\t<div class=\"vertical-line\" />\n\t\t-->\n\t</div>\n</template>\n\n<script>\nimport emitter from '@/emitter';\nimport ProjectsFile from '@/content/projects.json';\nexport default {\n\tcomponents: {\n\t},\n\tdata() {\n\t\treturn {\n\t\t\ttypes: new Set([...ProjectsFile.projects].sort((a,b)=>{\n\t\t\t\treturn a.category.length - b.category.length;\n\t\t\t}).map((project)=>{\n\t\t\t\treturn project.category;\n\t\t\t}).sort())\n\t\t};\n\t},\n\tmounted() {\n\t\temitter.$emit('projects-filter', []);\n\t\tconst parent = document.querySelector('.side-panel');\n\t\tthis.types.forEach(type_selector => {\n\t\t\tconst node_type_selector = document.createElement('DIV');\n\t\t\tnode_type_selector.classList.add('option');\n\t\t\tnode_type_selector.classList.add('inactive');\n\t\t\tnode_type_selector.innerText = type_selector;\n\n\t\t\tnode_type_selector.addEventListener('click', this.toggleActive);\n\n\t\t\tparent.appendChild(node_type_selector);\n\t\t});\n\t},\n\tmethods: {\n\t\ttoggleActive(event) {\n\t\t\tevent.target.classList.toggle('active');\n\t\t\tevent.target.classList.toggle('inactive');\n\t\t\tthis.$nextTick(()=>{\n\t\t\t\tlet test = event.target.innerHTML;\n\t\t\t\tlet filter = [];\n\t\t\t\tif(test !== 'all') {\n\t\t\t\t\tdocument.querySelector('#options-all').classList.remove('active');\n\t\t\t\t\tdocument.querySelector('#options-all').classList.add('inactive');\n\t\t\t\t\tlet selected = document.querySelector('.side-panel').querySelectorAll('.option.active');\n\t\t\t\t\tselected.forEach( element => {\n\t\t\t\t\t\tfilter.push(element.innerHTML.replace(RegExp(/\\W*/igm),''));\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tdocument.querySelector('.side-panel').querySelectorAll('.option.active').forEach( element => {\n\t\t\t\t\t\tif(element.innerHTML !== 'all') {\n\t\t\t\t\t\t\tthis.$nextTick(()=>{\n\t\t\t\t\t\t\t\telement.classList.remove('active');\n\t\t\t\t\t\t\t\telement.classList.add('inactive');\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\temitter.$emit('projects-filter', filter);\n\t\t\t});\n\t\t}\n\t}\n};\n</script>\n\n<style lang=\"scss\" >\n\t@import '../assets/style/main.scss';\n\t$border-color: #2d506a;\n\t$animation_speed: 500ms;\n\t@mixin _border {\n\t\tborder-color: $border-color;\n\t\tborder-width: 0.15em;\n\t\tborder-style: solid;\n\t\tborder-radius: $border-radius-6;\n\t}\n\n\t@mixin unpushed {\n\t\tmargin-left: 3em;\n\t\tanimation-fill-mode: both;\n\t\tanimation: move-div-back $animation_speed 1 both;\n\t\t@keyframes move-div-back {\n\t\t\t0% {\n\t\t\t\tmargin-left: 5em;\n\t\t\t}\n\t\t\t100% {\n\t\t\t\tmargin-left: 3em;\n\t\t\t}\n\t\t}\n\n\t\t&::before { // CIRCLE\n\t\t\tleft: -3em;\n\t\t\tanimation-fill-mode: both;\n\t\t\tanimation: move-circle-back $animation_speed 1 both;\n\t\t\t@keyframes move-circle-back {\n\t\t\t\t0% {\n\t\t\t\t\tleft: -5em;\n\t\t\t\t}\n\t\t\t\t100% {\n\t\t\t\t\tleft: -3em;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&::after { //LINE\n\t\t\tleft: -2em;\n\t\t\twidth: 2em;\n\t\t\tanimation-fill-mode: both;\n\t\t\tanimation: grow-line-back $animation_speed 1 both;\n\t\t\t@keyframes grow-line-back {\n\t\t\t\t0% {\n\t\t\t\t\tleft: -4em;\n\t\t\t\t\twidth: 4em;\n\t\t\t\t}\n\t\t\t\t100% {\n\t\t\t\t\tleft: -2em;\n\t\t\t\t\twidth: 2em;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@mixin pushed {\n\t\tmargin-left: 5em;\n\t\tanimation-fill-mode: both;\n\t\tanimation: move-div $animation_speed 1 both;\n\t\t@keyframes move-div {\n\t\t\t0% {\n\t\t\t\tmargin-left: 3em;\n\t\t\t}\n\t\t\t100% {\n\t\t\t\tmargin-left: 5em;\n\t\t\t}\n\t\t}\n\n\t\t&::before { // CIRCLE\n\t\t\tleft: -5em;\n\t\t\tanimation-fill-mode: both;\n\t\t\tanimation: move-circle $animation_speed 1 both;\n\t\t\t@keyframes move-circle {\n\t\t\t\t0% {\n\t\t\t\t\tleft: -3em;\n\t\t\t\t}\n\t\t\t\t100% {\n\t\t\t\t\tleft: -5em;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&::after { //LINE\n\t\t\tleft: -4em;\n\t\t\twidth: 4em;\n\t\t\tanimation-fill-mode: both;\n\t\t\tanimation: grow-line $animation_speed 1 both;\n\t\t\t@keyframes grow-line {\n\t\t\t\t0% {\n\t\t\t\t\tleft: -2em;\n\t\t\t\t\twidth: 2em;\n\t\t\t\t}\n\t\t\t\t100% {\n\t\t\t\t\tleft: -4em;\n\t\t\t\t\twidth: 4em;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t.side-panel {\n\t\tcolor: $white;\n\n\t\t* {\n\t\t\tletter-spacing: 0.1px;\n\t\t}\n\t\t\n\t\tmax-width: 40ch;\n\t\t@supports (position: sticky) {\n\t\t\tmax-width: initial;\n\t\t}\n\n\t\tmargin: 1em 2em 0em 2em;\n\t\t.filter-type {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.option {\n\t\t\tfloat: left;\n\t\t\tuser-select: none;\n\t\t\ttransition: all 0.25s ease;\n\t\t\ttext-align: center;\n\t\t\t@include _border();\n\t\t\tpadding: 0.25em 1em;\n\t\t\tmargin-left: 0.5em;\n\t\t\tmargin-top: 0.5em;\n\t\t\t&:first-of-type {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin-left: 0px;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t&.active {\n\t\t\t\tbackground-color: $white;\n\t\t\t\tcolor: $text-color;\n\t\t\t}\n\t\t}\n\t\t\n\t}\n\n\n\t@media (max-width: 767px) {\n\t\t.side-panel {\n\t\t\t@supports (position: sticky) {\n\t\t\t\tmargin: 1em 2em 0em 2em;\n\t\t\t\t.filter-type {\n\t\t\t\t\ttext-align: left;\n\t\t\t\t}\n\t\t\t\t.option {\n\t\t\t\t\tfloat: left;\n\t\t\t\t\t@include _border();\n\t\t\t\t\tborder-radius: 3em !important;\n\n\t\t\t\t\tpadding: 0.25em 1em;\n\t\t\t\t\tmargin-left: 0.5em;\n\t\t\t\t\t\n\t\t\t\t\tmargin-top: 0.5em;\n\t\t\t\t\t&:first-of-type {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tmargin-left: 0px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\t\t\t\t\t&.active {\n\t\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\t\tcolor: $text-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@media (min-width: 768px) {\n\t\t.side-panel {\n\t\t\t@supports (position: sticky) {\n\t\t\t\tflex-grow: 0;\n\t\t\t\tmargin-top : 5em;\n\t\t\t\tmargin-left: 1em;\n\t\t\t\tmargin-right: 1em;\n\t\t\t\tmin-width: 27ch;\n\t\t\t\twidth: 16.66%;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: flex-start;\n\t\t\t\tflex-direction: column;\n\n\t\t\t\t>.filter-type {\n\t\t\t\t\tz-index: 0;\n\t\t\t\t}\n\n\t\t\t\t.option {\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tbackground-color: #2d506a;\n\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t}\n\t\t\t\t\t&.inactive {\n\t\t\t\t\t\t@include unpushed();\n\t\t\t\t\t}\n\t\t\t\t\t&.active {\n\t\t\t\t\t\tbackground-color: $border-color;\n\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t&::before { // CIRCLE\n\t\t\t\t\t\t\tbackground-image: url(../assets/img/svg/24px/circle_24px.svg);\n\t\t\t\t\t\t\tbackground-size: 50%;\n\t\t\t\t\t\t\tbackground-position: center center;\n\t\t\t\t\t\t\tbackground-repeat: no-repeat;\t\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@include pushed();\n\t\t\t\t\t}\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder-width: 0px;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tpadding: 0.25em 2em;\n\t\t\t\t\tmargin-left: 3em;\n\t\t\t\t\t@include _border();\n\t\t\t\t\tborder-radius: 2.5em;\n\t\t\t\t\t\n\t\t\t\t\tmargin-top: 1em;\n\t\t\t\t\t&:nth-of-type(2) {\n\t\t\t\t\t\tmargin-top: 2em;\n\t\t\t\t\t}\n\t\t\t\t\t&:nth-of-type(n+2) {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tmin-width: 20ch;\n\t\t\t\t\t\tmax-width: 20ch;\n\t\t\t\t\t\tmin-height: 3em;\n\t\t\t\t\t}\n\t\t\t\t\t&::before, &::after {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tcontent: '';\n\t\t\t\t\t\ttop: 0px;\n\t\t\t\t\t}\n\t\t\t\t\t&::before { // CIRCLE\n\t\t\t\t\t\tleft: -3em;\n\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\theight: 0.75em;\n\t\t\t\t\t\twidth: 0.75em;\n\t\t\t\t\t\ttop: calc(50% - 0.6em);\n\t\t\t\t\t\t@include _border();\n\t\t\t\t\t}\n\t\t\t\t\t&::after { //LINE\n\t\t\t\t\t\tcontent: '';\n\t\t\t\t\t\tleft: -2em;\n\t\t\t\t\t\tbackground-color: $border-color;\n\t\t\t\t\t\theight: 0.15em;\n\t\t\t\t\t\twidth: 2em;\n\t\t\t\t\t\ttop: calc(50% - 0.15em);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProjectFilter.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProjectFilter.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ProjectFilter.vue?vue&type=template&id=239429ec\"\nimport script from \"./ProjectFilter.vue?vue&type=script&lang=js\"\nexport * from \"./ProjectFilter.vue?vue&type=script&lang=js\"\nimport style0 from \"./ProjectFilter.vue?vue&type=style&index=0&id=239429ec&prod&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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.show_option),expression:\"show_option\"}],staticClass:\"option shadow-1 border-radius-1\",on:{\"click\":_vm.showProjectDetails}},[_c('div',{staticClass:\"type shadow-sm\"},[_vm._v(_vm._s(_vm.projects_option.type))]),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.projects_option.name))]),_c('div',{staticClass:\"descriptions\",domProps:{\"innerHTML\":_vm._s(_vm.projects_option.description)}},[_vm._v(_vm._s(_vm.truncated_description))]),_c('p',{staticClass:\"services\"},[_c('span',{staticClass:\"services-heading\"},[_vm._v(\"Services rendered:\")]),_vm._l((_vm.projects_option.services),function(service,index){return _c('ul',{key:index,attrs:{\"index\":index}},[_c('li',[_vm._v(_vm._s(service))])])})],2),(_vm.main_image_exists)?_c('img',{staticClass:\"main-image border-radius-1 shadow-2\",attrs:{\"alt\":\"project image\",\"src\":_vm.main_image},on:{\"error\":function($event){_vm.main_image_exists = false}}}):_vm._e(),_vm._l((_vm.projects_option.images.others),function(image,index){return _c('img',{key:index,staticClass:\"other-images border-radius-1 shadow-2\",attrs:{\"alt\":\"project images\",\"src\":'/img/jpg/projects'+image}})})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div v-show=\"show_option\" class=\"option shadow-1  border-radius-1\" v-on:click=\"showProjectDetails\">\n\t\t<!-- <div ref=\"option_background\" class=\"option-background\"></div> -->\n\t\t<div class=\"type shadow-sm\">{{projects_option.type}}</div>\n\t\t<div class=\"name\">{{projects_option.name}}</div>\n\t\t<div v-html=\"projects_option.description\" class=\"descriptions\">{{truncated_description}}</div>\n\t\t<p class=\"services\">\n\t\t\t<span class=\"services-heading\">Services rendered:</span>\n\t\t\t<ul v-for=\"(service, index) in projects_option.services\" :key=\"index\" :index=\"index\" >\n\t\t\t\t<li >{{service}}</li>\n\t\t\t</ul>\n\t\t</p>\n\t\t<img \n\t\t\talt=\"project image\"\n\t\t\tv-if=\"main_image_exists\" \n\t\t\tclass=\"main-image border-radius-1 shadow-2\" \n\t\t\t:src=\"main_image\" \n\t\t\t@error=\"main_image_exists = false\" />\n\t\t<img \n\t\t\talt=\"project images\"\n\t\t\tclass=\"other-images border-radius-1 shadow-2\"\n\t\t\tv-for=\"(image, index) in projects_option.images.others \" \n\t\t\t:key=\"index\"\n\t\t\t:src=\"'/img/jpg/projects'+image\" />\n\t</div>\n</template>\n\n<script>\nexport default {\n\tcomponents: {\n\t},\n\tprops: {\n\t\tprojects_option: {\n\t\t\ttype: Object,\n\t\t\trequired: true\n\t\t},\n\t\tindex: {\n\t\t\ttype: Number,\n\t\t\trequired: true\n\t\t}\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tmain_image_exists: true,\n\t\t\tmain_image_loaded: false,\n\t\t\tmain_image: '/img/jpg/projects' + this.projects_option.images.main,\n\t\t\tshow_option: false,\n\t\t\tproject_id: null,\n\t\t\ttruncated_description: ''\n\t\t};\n\t},\n\tcreated() {\n\t\tthis.truncated_description = this.removeTags(this.projects_option.description);\n\t\tif(this.truncated_description.length > 200) {\n\t\t\tthis.truncated_description = this.truncated_description.substring(0, 200) + '...';\n\t\t}\n\t},\n\tmounted() {\n\t\tsetTimeout(() => {\n\t\t\tthis.show_option = true;\n\t\t\tthis.$nextTick(()=>{\n\t\t\t\tthis.project_id = this.projects_option.id;\n\t\t\t});\n\t\t}, this.index*50);\n\t},\n\tmethods: {\n\t\tshowProjectDetails() {\n\t\t\t// this.$router.push({\n\t\t\t// \tquery: {\n\t\t\t// \t\tpd: this.project_id\n\t\t\t// \t}\n\t\t\t// });\n\t\t},\n\t\tremoveTags(_string) {\n\t\t\treturn _string.replace(/<.*>/gi, ' ');\n\t\t}\n\t},\n\twatch: {\n\t\tprojects_option(_old, _new) {\n\t\t\tthis.project_id = _new.id;\n\t\t}\n\t}\n};\n</script>\n\n<style lang=\"scss\" scoped>\n\t@import '../assets/style/main.scss';\n\t.option {\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tz-index: 1;\n\t\tcolor: $white;\n\t\tbackground-color: $white-light-tr-3;\n\n\t\tfloat: left;\n\t\tmargin-bottom: 1em;\n\t\tmargin-right: 1em;\n\t\tmax-width: 360px;\n\t\t\n\t\t@supports (position: sticky) {\n\t\t\tfloat: none !important;\n\t\t\tmargin-bottom: unset !important;\n\t\t\tmargin-right: unset !important;\n\t\t\tmax-width: unset !important;\n\t\t\tmin-height: unset !important;\n\t\t\tmax-width: unset !important;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: flex-start;\n\t\t}\n\t\tflex-direction: column;\n\t\talign-items: flex-start;\n\t\tjustify-content: flex-start;\n\t\tpadding: 1em 1em;\n\t\ttransition: all 150ms ease-in;\n\t\tanimation: flip-in-up 500ms ease-in-out forwards;\n\t\ttransform-style: none;\n\t\t&>div {\n\t\t\tflex-grow: 0;\n\t\t\ttext-align: start;\n\t\t}\n\n\n\t\t>.main-image {\n\t\t\ttransition: all 500ms ease-in-out;\n\t\t\tobject-fit: cover;\n\t\t\tmargin-left: 0%;\n\t\t\twidth: 100%;\n\t\t\talign-self: center;\n\t\t}\n\t\t>.other-images {\n\t\t\ttransition: all 500ms ease-in-out;\n\t\t\tmargin-top: 1em;\n\t\t\tobject-fit: cover;\n\t\t\tmargin-left: 0%;\n\t\t\twidth: 100%;\n\t\t\talign-self: center;\n\t\t}\n\t\t&>.type {\n\t\t\talign-self: center;\n\t\t\tfont-size: 0.8em;\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\tcolor: rgba(238, 238, 238, 0.9);\n\t\t\tborder-radius: 2em;\n\t\t\tbackground-color: $white-light-tr-3;\n\t\t\tpadding: 0.2em 1em;\n\t\t\tmargin-bottom: 1.5em;\n\t\t}\n\n\t\t&>.name {\n\t\t\tz-index: 1;\n\t\t\ttext-align: start;\n\t\t\twidth: 100%;\n\t\t\tfont-weight: 500;\n\t\t\tletter-spacing: 0.1px;\n\t\t\tfont-size: 1.1em;\n\t\t\tmargin-bottom: 0.25em;\n\t\t\tborder-bottom-color: $black-light-tr-3;\n\t\t\tborder-bottom-style: solid;\n\t\t\tborder-bottom-width: 1px;\n\t\t\tpadding-bottom: 1em;\n\t\t}\n\t\t&>.descriptions {\n\t\t\tmargin-top: 1em;\n\t\t\tmargin-bottom: 1em;\n\t\t\tz-index: 1;\n\t\t\tletter-spacing: 0.1px;\n\t\t\tfont-size: 15px;\n\t\t}\n\n\t\t>.services {\n\t\t\ttext-align: start;\n\t\t\t>.services-heading {\n\t\t\t\tfont-weight: 500;\n\t\t\t\tletter-spacing: 0.1px;\n\t\t\t}\n\t\t\t>ul {\n\t\t\t\tmargin: 0px;\n\t\t\t\tli {\n\t\t\t\t\tletter-spacing: 0.1px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OptionProject.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OptionProject.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./OptionProject.vue?vue&type=template&id=4b71aa6a&scoped=true\"\nimport script from \"./OptionProject.vue?vue&type=script&lang=js\"\nexport * from \"./OptionProject.vue?vue&type=script&lang=js\"\nimport style0 from \"./OptionProject.vue?vue&type=style&index=0&id=4b71aa6a&prod&lang=scss&scoped=true\"\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  \"4b71aa6a\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"modal\"},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"button_close\",on:{\"click\":_vm.hideDetails}},[_vm._v(\"X\")]),_c('div',{staticClass:\"project-name\"},[_c('div',{staticClass:\"project-year\"},[_vm._v(_vm._s(_vm.project_details.year))]),_c('div',[_vm._v(_vm._s(_vm.project_details.name))])]),(_vm.main_image_exists)?_c('img',{staticClass:\"main-image\",attrs:{\"alt\":\"project image\",\"src\":_vm.main_image},on:{\"error\":function($event){_vm.main_image_exists = false}}}):_vm._e(),_c('div',{staticClass:\"details\",attrs:{\"id\":\"project-details\"}},[_c('div',{staticClass:\"top-part\"},[_c('p',{staticClass:\"project-client\"},[_c('span',{staticClass:\"text-bold\"},[_vm._v(_vm._s(_vm.project_details.client))]),_c('span',{staticClass:\"text-smal dim-text\"},[_vm._v(\" (\"+_vm._s(_vm.project_details.duration)+\")\")])]),_c('p',{staticClass:\"project-description\",domProps:{\"innerHTML\":_vm._s(_vm.project_details.description)}}),_c('div',{staticClass:\"other-images\"},_vm._l((_vm.project_details.images.others),function(image,index){return _c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.main_image_loaded),expression:\"main_image_loaded\"}],key:index,attrs:{\"src\":'/img/jpg/projects'+image},on:{\"load\":_vm.mainImageLoaded}})}),0)]),_c('p',{staticClass:\"project-services\"},[_c('span',{staticClass:\"text-bold\"},[_vm._v(\"Services rendered:\")]),_vm._l((_vm.project_details.services),function(service,index){return _c('ul',{key:index,attrs:{\"index\":index}},[_c('li',[_vm._v(_vm._s(service))])])})],2),_c('button',{staticClass:\"button_close\",on:{\"click\":_vm.hideDetails}},[_vm._v(\"close\")])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"modal\">\n\t\t<div class=\"content\">\n\t\t\t<div class=\"button_close\" @click=\"hideDetails\">X</div>\n\t\t\t<div class=\"project-name\">\n\t\t\t\t<div class=\"project-year\">{{project_details.year}}</div>\n\t\t\t\t<div>{{project_details.name}}</div>\n\t\t\t</div>\n\t\t\t<img alt=\"project image\" v-if=\"main_image_exists\" class=\"main-image\" :src=\"main_image\" @error=\"main_image_exists = false\" />\n\t\t\t<div id=\"project-details\" class=\"details\">\n\t\t\t\t<div class=\"top-part\">\n\t\t\t\t\t<p class=\"project-client\">\n\t\t\t\t\t\t<span class=\"text-bold\">{{project_details.client}}</span> <span class=\"text-smal dim-text\"> ({{project_details.duration}})</span>\n\t\t\t\t\t</p>\n\t\t\t\t\t<p v-html=\"project_details.description\" class=\"project-description\" />\n\t\t\t\t\t<div class=\"other-images\">\n\t\t\t\t\t\t<img \n\t\t\t\t\t\t\tv-show=\"main_image_loaded\"\n\t\t\t\t\t\t\t@load=\"mainImageLoaded\"\n\t\t\t\t\t\t\tv-for=\"(image, index) in project_details.images.others \" \n\t\t\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t\t\t:src=\"'/img/jpg/projects'+image\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<p class=\"project-services\">\n\t\t\t\t\t<span class=\"text-bold\">Services rendered:</span>\n\t\t\t\t\t<ul v-for=\"(service, index) in project_details.services\" :key=\"index\" :index=\"index\" >\n\t\t\t\t\t\t<li >{{service}}</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</p>\n\t\t\t\t<button class=\"button_close\" @click=\"hideDetails\">close</button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\n\nimport  emitter  from '@/emitter';\nexport default {\n\tname: 'projects',\n\tmetaInfo: {\n\t\ttitle: 'Project Details',\n\t\t// override the parent template and just use the above title only\n\t\t// titleTemplate: null\n\t},\n\tprops: {\n\t\tproject_details: {\n\t\t\ttype: Object,\n\t\t\trequired: true\n\t\t}\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tmain_image_exists: true,\n\t\t\tmain_image_loaded: false,\n\t\t\tmain_image: '/img/jpg/projects' + this.project_details.images.main\n\t\t};\n\t},\n\tmounted() {\n\t\tconst bounding_rect = document.querySelector('#project-details').getBoundingClientRect();\n\t\tdocument.querySelector('#app').scrollBy({\n\t\t\tleft: 0, \n\t\t\ttop: bounding_rect.top - 120,\n\t\t\tbehavior: 'smooth'\n\t\t});\n\t},\n\tmethods: {\n\t\thideDetails() {\n\t\t\temitter.$emit('hide-project-details');\n\t\t\tthis.$router.push(this.$route.path);\n\t\t},\n\t\tmainImageLoaded() {\n\t\t\tthis.main_image_loaded = true;\n\t\t}\n\t}\n};\n</script>\n<style lang=\"scss\" scoped>\n\t@import '../assets/style/main.scss';\n\t\n\t$box-shadow: 6px 2px 10px 0.3px rgba(26, 26, 26, 0.4);\n\tdiv {\n\t\tword-break: normal;\n\t}\n\t.dim-text {\n\t\tcolor: $white-light-tr-1;\n\t}\n\t.content {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: flex-start;\n\t\talign-content: stretch;\n\t\tmax-width: 1024px;\n\t\twidth: 100%;\n\t\tmin-height: calc(100vh - 128px);\n\t\tmargin: 0px auto;\n\t\tanimation: slide-up 500ms ease-in-out both;\n\n\t\t>.main-image {\n\t\t\theight: 45vh;\n\t\t\tmargin-top: 4em;\n\t\t\tmargin-top: 0em;\n\t\t\ttransition: all 500ms ease-in-out;\n\t\t\tobject-fit: cover;\n\t\t\tmargin-left: 0%;\n\t\t\twidth: 100%;\n\t\t\talign-self: center;\n\t\t\tborder-radius: 0px;\n\t\t\tbox-shadow: $box-shadow;\n\t\t}\n\t\t>.button_close {\n\t\t\tuser-select: none;\n\t\t\tfont-size: 1.3em;\n\t\t\tbackground-color: $white;\n\t\t\tborder-radius: 50%;\n\t\t\tcolor: $black-light-tr-1;\n\t\t\tmargin-left: auto;\n\t\t\twidth: 1.8em;\n\t\t\theight: 1.8em;\n\t\t\tdisplay: flex;\n\t\t\talign-self: flex-start;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tbox-shadow: $box-shadow;\n\t\t\t&:hover {\n\t\t\t\tcursor: pointer;\n\t\t\t\tcolor: $white;\n\t\t\t\tbackground-color: $black-light-tr-1;\n\t\t\t}\n\t\t}\n\t\t>.project-name {\n\t\t\tmargin-left: 2em;\n\t\t\tdisplay: flex;\n\t\t\talign-self: flex-start;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\theight: 7em;\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\tpadding: 1em;\n\t\t\tfont-size: 1.2em;\n\t\t\tcolor: $white;\n\t\t\t&::before {\n\t\t\t\tz-index: -1;\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0px;\n\t\t\t\ttop: -30%;\n\t\t\t\tcontent: '';\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 160%;\n\t\t\t\tbox-shadow: $box-shadow;\n\t\t\t\t@include gradient-gray();\n\t\t\t}\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tz-index: -2;\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: -2em;\n\t\t\t\theight: 2em;\n\t\t\t\twidth: 100vw;\n\t\t\t\tmax-width: 1024px;\n\t\t\t\tbox-shadow: $box-shadow;\n\t\t\t\tbackground-color: $red-light;\n\t\t\t}\n\n\t\t\t>.project-year {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: -10%;\n\t\t\t\tfont-size: 1.6em;\n\t\t\t\tfont-weight: 300;\n\t\t\t\tletter-spacing: 0.3ch;\n\t\t\t}\n\t\t}\n\t\t>.details {\n\t\t\topacity: 0;\n\t\t\tanimation: flip-in-up 500ms 150ms ease-in-out both;\n\t\t\tbox-shadow: $box-shadow;\n\t\t\tbackground-color: $white;\n\t\t\tmargin: 2em 0em 0em 0em;\n\t\t\talign-self: stretch;\n\t\t\tflex-grow: 1;\n\n\t\t\tline-height: 1.5em;\n\t\t\tletter-spacing: 0.04ch;\n\t\t\t\n\t\t\t>.top-part {\n\t\t\t\tpadding: 1em;\n\t\t\t\tcolor: $white;\n\t\t\t\tbackground-color: $gray;\n\n\t\t\t\t>.project-client {\n\t\t\t\t\tmargin: 0px;\n\t\t\t\t\tfont-size: 1.2em;\n\t\t\t\t}\n\t\t\t\t>.project-description {\n\t\t\t\t\tfont-size: 1.1em;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t>.other-images {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t>img {\n\t\t\t\t\t\twidth: 17em;\n\t\t\t\t\t\theight: 17em;\n\t\t\t\t\t\tobject-fit: cover;\n\t\t\t\t\t\tborder-radius: $border-radius-1;\n\t\t\t\t\t\t\n\t\t\t\t\t\t&:nth-of-type(n + 2) {\n\t\t\t\t\t\t\tmargin-left: 1em;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t>.project-services {\n\t\t\t\tfont-size: 1.1em;\n\t\t\t\tmargin: 1em;\n\t\t\t}\n\t\t\t>.button_close {\n\t\t\t\tdisplay: flex;\n\t\t\t\tmargin: 1em 1em 1em auto;\n\t\t\t\tcolor: $white;\n\t\t\t\tpadding: 0.1em 2em 0.25em 2em;\n\t\t\t\tfont-size: 1.3em;\n\t\t\t\tborder: none;\n\t\t\t\tbackground-color: $gray;\n\t\t\t\tbox-shadow: $box-shadow;\n\t\t\t\t&:hover {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\tbackground-color: $black-light-tr-1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t\n\t@media (max-width: 767px) {\n\t\t.content {\n\t\t\t>.main-image {\n\t\t\t\tmargin-left: 0%;\n\t\t\t\twidth: 100%;\n\t\t\t\tborder-radius: $border-radius-1;\n\t\t\t\talign-self: flex-start;\n\t\t\t}\n\t\t\t>.project-name {\n\t\t\t\t&::after {\n\t\t\t\t\twidth: calc(100vw - 1.5em);\n\t\t\t\t}\n\t\t\t}\n\t\t\t>.details {\n\t\t\t\t>.top-part {\n\t\t\t\t\t>.other-images {\n\t\t\t\t\t\t>img {\n\t\t\t\t\t\t\twidth: 75% !important;\n\t\t\t\t\t\t\tmax-width: 300px;\n\t\t\t\t\t\t\theight: unset;\n\t\t\t\t\t\t\tmargin-bottom: 1em;\n\t\t\t\t\t\t\tmargin-left: 1em !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t\n\t}\n\t@media (min-width: 768px){\n\t}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProjectDetails.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProjectDetails.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ProjectDetails.vue?vue&type=template&id=46a4e6cc&scoped=true\"\nimport script from \"./ProjectDetails.vue?vue&type=script&lang=js\"\nexport * from \"./ProjectDetails.vue?vue&type=script&lang=js\"\nimport style0 from \"./ProjectDetails.vue?vue&type=style&index=0&id=46a4e6cc&prod&lang=scss&scoped=true\"\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  \"46a4e6cc\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div class=\"view\">\n\t\t<div class=\"all-content\">\n\t\t\t<ProjectFilter></ProjectFilter>\n\t\t\t<div class=\"projects\">\n\t\t\t\t<div class=\"filter-heading text-white\"><center>projects</center></div>\n\t\t\t\t<div class=\"options\">\n\t\t\t\t\t<OptionProject v-for=\"(projects_option, index) in options_to_show\" :key=\"index\" :index=\"index\" :projects_option=\"projects_option\">\n\t\t\t\t\t\t<p>{{ projects_option.year }}</p>\n\t\t\t\t\t</OptionProject>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<project-details v-if=\"showing_project_details\" :project_details=\"target_project\"></project-details>\n\t</div>\n</template>\n\n<script>\nimport ProjectFilter from '@/components/ProjectFilter';\nimport ProjectsFile from '@/content/projects.json';\nimport OptionProject from '@/components/OptionProject';\nimport ProjectDetails from '@/views/ProjectDetails';\nimport  emitter  from '@/emitter';\n\nexport default {\n\tname: 'projects',\n\tmetaInfo: {\n\t\ttitle: 'Projects',\n\t\tmeta: [\n\t\t\t{\n\t\t\t\tproperty: 'og:url',\n\t\t\t\tcontent: 'http://www.dyelec.co.ls/projects'\n\t\t\t},\n\t\t\t{\n\t\t\t\tproperty: 'og:title', \n\t\t\t\tcontent: 'Dyelec Lesotho | Projects'\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'description', \n\t\t\t\tcontent: 'Our range of professional services at Dyelec Lesotho includes design, tender documentation, construction supervision and contract management for the following installations: Standby Power Supply Systems, Fire Protection, Alarm and Detection,Electronic System and Security Systems,Telephone Services Installations, and others'\n\t\t\t},\n\t\t\t{\n\t\t\t\tproperty: 'og:description', \n\t\t\t\tcontent: 'Our range of professional services at Dyelec Lesotho includes design, tender documentation, construction supervision and contract management for the following installations: Standby Power Supply Systems, Fire Protection, Alarm and Detection,Electronic System and Security Systems,Telephone Services Installations, and others'\n\t\t\t},\n\t\t\t// Twitter card\n\t\t\t{\n\t\t\t\tname: 'twitter:card',\n\t\t\t\tcontent: 'Dyelec Lesotho'\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'twitter:title',\n\t\t\t\tcontent: 'Dyelec Lesotho | Projects'\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'twitter:description',\n\t\t\t\tcontent: 'Our range of professional services at Dyelec Lesotho includes design, tender documentation, construction supervision and contract management for the following installations: Standby Power Supply Systems, Fire Protection, Alarm and Detection,Electronic System and Security Systems,Telephone Services Installations, and others'\n\t\t\t}\n\t\t]\n\t\t// override the parent template and just use the above title only\n\t\t// titleTemplate: null\n\t},\n\tcomponents: {\n\t\tProjectFilter, OptionProject, ProjectDetails\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tprojects: [...ProjectsFile.projects].sort((a,b)=>{\n\t\t\t\treturn Number(a.year) - Number(b.year);\n\t\t\t}),\n\t\t\toptions_to_show: null,\n\t\t\ttarget_project: null,\n\t\t\tshowing_project_details: false,\n\t\t\tfilter: 'all'\n\t\t};\n\t},\n\tcreated() {\n\t\temitter.$on('hide-project-details', this.hideProjectDetails);\n\t\temitter.$on('projects-filter', this.filterOptions);\n\t},\n\tdestroyed() {\n\t\temitter.$off('hide-project-details', this.hideProjectDetails);\n\t},\n\tmounted() {\n\t\temitter.$emit('new-page-name', 'Projects');\n\t\tif (typeof NodeList.prototype.forEach !== 'function')  {\n\t\t\tNodeList.prototype.forEach = Array.prototype.forEach;\n\t\t}\n\t},\n\tmethods: {\n\t\thideProjectDetails() {\n\t\t\tthis.showing_project_details = false;\n\t\t\tthis.target_project = null;\n\t\t},\n\t\tfilterOptions(options_filter) {\n\t\t\tif(Array.isArray(options_filter)) {\n\t\t\t\tif(options_filter.length === 0) {\n\t\t\t\t\tthis.options_to_show = this.projects;\n\t\t\t\t} else {\n\t\t\t\t\tthis.options_to_show = [];\n\t\t\t\t\tthis.$nextTick(()=>{\n\t\t\t\t\t\tconst temp = this.projects.filter( project => {\n\t\t\t\t\t\t\treturn options_filter.includes(project.category.replace(RegExp(/\\W*/igm),''));\n\t\t\t\t\t\t});\n\t\t\t\t\t\tif(this.options_to_show !== temp){\n\t\t\t\t\t\t\ttemp.forEach((_option, _index)=>{\n\t\t\t\t\t\t\t\tthis.$set(this.options_to_show, _index, temp[_index]);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\twatch: {\n\t\t'$route.query'(to) {\n\t\t\tif(to) {\n\t\t\t\tif(to.pd) {\n\t\t\t\t\tif(this.projects.find((_project)=>{return _project.id === to.pd;})) {\n\t\t\t\t\t\tthis.target_project = this.projects.find((_project)=>{\n\t\t\t\t\t\t\treturn _project.id === to.pd;\n\t\t\t\t\t\t});\n\t\t\t\t\t\tthis.showing_project_details = true;\n\t\t\t\t\t} else {\n\t\t\t\t\t\talert('It seems like the full details to this project are not available. Please refresh the page and try again.');\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n};\n</script>\n\n<style lang=\"scss\" scoped>\n\t@import '../assets/style/main.scss';\n\t.all-content {\n\n\t\tanimation: slide-up 500ms ease-in-out both;\n\t\tz-index: -1;\n\t\twidth: 100%;\n\t\talign-self: center;\n\t\tdisplay: flex;\n\t\t>.projects {\n\t\t\tflex-grow: 1;\n\t\t\t>.filter-heading {\n\t\t\t\tletter-spacing: 0.5ch;\n\t\t\t\tfont-size: 1.5em;\n\t\t\t\tmargin-top: 1em;\n\t\t\t\tmargin-bottom: 1em;\n\t\t\t\tposition: relative;\n\t\t\t\ttext-align: center;\n\t\t\t\t&::before {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tbottom: -0.3em;\n\t\t\t\t\tleft: calc(34%);\n\t\t\t\t\twidth: 30%;\n\t\t\t\t\theight: 1px;\n\t\t\t\t\tcontent: '';\n\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\topacity: 0.5;\n\t\t\t\t}\n\t\t\t}\n\t\t\t>.options {\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n\t\t\t\tgrid-column-gap: 12px;\n\t\t\t\tgrid-row-gap: 24px;\n\t\t\t\tjustify-content: center;\n\t\t\t\tgrid-auto-flow:  row dense;\n\t\t\t\talign-items: flex-start;\n\t\t\t\tpadding: 0em 1em;\n\t\t\t}\n\t\t}\n\t}\n\t@media (max-width: 767px) {\n\t\t.all-content {\n\t\t\tpadding: 0em;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: center;\n\t\t\t>.projects{\n\t\t\t\t>.filter-heading {\n\t\t\t\t\tmargin-top: 2em;\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tleft: 25%;\n\t\t\t\t\t\twidth: 50%;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t>.options {\n\t\t\t\t\tgrid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Projects.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Projects.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Projects.vue?vue&type=template&id=c171d9fa&scoped=true\"\nimport script from \"./Projects.vue?vue&type=script&lang=js\"\nexport * from \"./Projects.vue?vue&type=script&lang=js\"\nimport style0 from \"./Projects.vue?vue&type=style&index=0&id=c171d9fa&prod&lang=scss&scoped=true\"\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  \"c171d9fa\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"view\"},[_c('div',{staticClass:\"team\"},[_c('div',{staticClass:\"top\"},[_vm._v(\"\\n\\t\\t\\t\\tDyelec Lesotho Directors\\n\\t\\t\\t\")]),_c('div',{staticClass:\"people\"},_vm._l((_vm.directors),function(team_member,index){return _c('team-member',{key:index,attrs:{\"index\":index,\"team_member\":team_member}})}),1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.show_view),expression:\"show_view\"}],staticClass:\"person shadow-sm border-radius-1\",class:_vm.css_selector},[_c('div',{staticClass:\"header\"},[_c('h3',[_vm._v(_vm._s(_vm.team_member.name.first)+\" \"+_vm._s(_vm.team_member.name.initials)+\" \"+_vm._s(_vm.team_member.name.last))]),_c('div',[_vm._v(_vm._s(_vm.team_member.qualifications))]),_c('div',[_vm._v(_vm._s(_vm.team_member.position))])]),_c('div',{staticClass:\"body\",domProps:{\"innerHTML\":_vm._s(_vm.team_member.about)}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div v-show=\"show_view\" class=\"person shadow-sm border-radius-1\" :class=\"css_selector\">\n\t\t<div class=\"header\">\n\t\t\t<h3>{{team_member.name.first}} {{team_member.name.initials}} {{team_member.name.last}}</h3>\n\t\t\t<div>{{team_member.qualifications}}</div>\n\t\t\t<div>{{team_member.position}}</div>\n\t\t</div>\n\t\t<div v-html=\"team_member.about\" class=\"body\" />\n\t</div>\n</template>\n\n<script>\nexport default {\n\tname: 'team-member',\n\tprops: {\n\t\tteam_member : {\n\t\t\ttype: Object,\n\t\t\trequired: true\n\t\t},\n\t\tindex : {\n\t\t\ttype: Number,\n\t\t\trequired: true\n\t\t}\n\t},\n\tcomponents: {\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tshow_view: false,\n\t\t\tcss_selector: 'person' + this.index \n\t\t};\n\t},\n\tmounted() {\n\t\tsetTimeout(() => {\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.show_view = true;\n\t\t\t}, this.index * 100);\n\t\t}, 250);\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n\t@import '../assets/style/main.scss';\n\t.person {\n\t\tmargin-top: 1em;\n\t\tmargin-bottom: 4em;\n\t\tanimation: flip-in-up 500ms ease-in-out both;\n\t\tbackground-color: $white;\n\t\tborder: none;\n\t\t* {\n\t\t\tletter-spacing: 0.1px;\n\t\t}\n\t\t>div {\n\t\t\tpadding: 0.5em 1em;\n\t\t}\n\t\t>.header {\n\t\t\tbackground-color: $gray-light;\n\t\t\tcolor: $white;\n\t\t\tpadding: 1em;\n\t\t\t>h3 {\n\t\t\t\tmargin: 0px;\n\t\t\t}\n\t\t}\n\t\t>.body {\n\t\t\tbackground-color: $white;\n\t\t\tcolor: $gray;\n\t\t}\n\t}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TeamMember.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TeamMember.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TeamMember.vue?vue&type=template&id=0237ce0e&scoped=true\"\nimport script from \"./TeamMember.vue?vue&type=script&lang=js\"\nexport * from \"./TeamMember.vue?vue&type=script&lang=js\"\nimport style0 from \"./TeamMember.vue?vue&type=style&index=0&id=0237ce0e&prod&lang=scss&scoped=true\"\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  \"0237ce0e\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div class=\"view\">\n\t\t<div class=\"team\">\n\t\t\t<div class=\"top\">\n\t\t\t\tDyelec Lesotho Directors\n\t\t\t</div>\n            <div class=\"people\">\n                <team-member v-for=\"(team_member, index) in directors\" :key=\"index\" :index=\"index\" :team_member=\"team_member\" />\n            </div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport emitter from '@/emitter';\nimport TeamFile from '@/content/team.json';\nimport TeamMember from '@/components/TeamMember';\nexport default {\n\tname: 'directors',\n\tmetaInfo: {\n\t\ttitle: 'Directors',\n\t\tmeta: [\n\t\t\t{\n\t\t\t\tproperty: 'og:url',\n\t\t\t\tcontent: 'http://www.dyelec.co.ls/directors'\n\t\t\t},\n\t\t\t{\n\t\t\t\tproperty: 'og:title', \n\t\t\t\tcontent: 'Dyelec Lesotho | Team'\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'description', \n\t\t\t\tcontent: 'Dyelec Lesotho Directors'\n\t\t\t},\n\t\t\t{\n\t\t\t\tproperty: 'og:description', \n\t\t\t\tcontent: 'Dyelec Lesotho Directors'\n\t\t\t},\n\t\t\t// Twitter card\n\t\t\t{\n\t\t\t\tname: 'twitter:card',\n\t\t\t\tcontent: 'Dyelec Lesotho'\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'twitter:title',\n\t\t\t\tcontent: 'Dyelec Lesotho | Team'\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'twitter:description',\n\t\t\t\tcontent: 'Dyelec Lesotho Directors'\n\t\t\t}\n\t\t]\n\t\t// override the parent template and just use the above title only\n\t\t// titleTemplate: null\n\t},\n\tcomponents: {\n\t\tTeamMember\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tdirectors: TeamFile.directors\n\t\t};\n\t},\n\tmounted() {\n\t\temitter.$emit('new-page-name', 'Directors');\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n\t@import '../assets/style/main.scss';\n\t.team {\n\t\twidth: 100%;\n\t\tmin-height: 100%;\n\t\tmax-width: 1024px;\n\t\talign-self: center;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: stretch;\n\t\tjustify-content: flex-start;\n\t\tanimation: slide-up 500ms ease-in-out both;\n\t\tfont-size: 1.1em;\n\t\tline-height: 1.5em;\n\t\tpadding: 1em 0em;\n\t\t@media (max-width: 1024px) {\n\t\t\tpadding: 1em;\n\t\t}\n\t\t>.top {\n\t\t\tcolor: $white;\n\t\t\tpadding: 1em 1em .5em 0em;\n\t\t\tflex-grow: 0;\n\t\t\tfont-size: 1.5em;\n\t\t\tanimation: slide-up 500ms ease-in-out both;\n\t\t}\n\n\t}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Team.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Team.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Team.vue?vue&type=template&id=178e24bd&scoped=true\"\nimport script from \"./Team.vue?vue&type=script&lang=js\"\nexport * from \"./Team.vue?vue&type=script&lang=js\"\nimport style0 from \"./Team.vue?vue&type=style&index=0&id=178e24bd&prod&lang=scss&scoped=true\"\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  \"178e24bd\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"view\"},[_c('div',{staticClass:\"contact\"},[_c('div',{staticClass:\"grid-item contact-call\"},[_c('div',{staticClass:\"icon-parent\"},[_c('img',{staticClass:\"icon\",attrs:{\"alt\":\"call\",\"src\":require(\"../assets/img/svg/24px/call_24px.svg\")}})]),_c('div',{staticClass:\"msg\"},[_vm._v(\"\\n\\t\\t\\t\\tcall us\\n\\t\\t\\t\")]),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"first\"},[_c('div',[_vm._v(\"Tel:\")]),_c('div',[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t(266) 22-311441\"),_c('br'),_vm._v(\"(266) 22-324814\\n\\t\\t\\t\\t\\t\")])]),_c('div',{staticClass:\"second\"},[_c('div',[_vm._v(\"Cell:\")]),_c('div',[_vm._v(\"(266) 5888 0159\")])])])]),_c('div',{staticClass:\"grid-item contact-email\"},[_c('div',{staticClass:\"icon-parent\"},[_c('img',{staticClass:\"icon\",attrs:{\"alt\":\"mail\",\"src\":require(\"../assets/img/svg/24px/email_24px.svg\")}})]),_c('div',{staticClass:\"msg\"},[_vm._v(\"\\n\\t\\t\\t\\tmail us\\n\\t\\t\\t\")]),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"first\"},[_c('div',[_vm._v(\"email:\")]),_c('div',[_vm._v(\"admin@dyelec.co.ls\")])]),_c('div',{staticClass:\"second mail\"},[_c('div',[_vm._v(\"post:\")]),_c('div',[_vm._v(\"P/Bag A409 \"),_c('br'),_vm._v(\" MASERU 100\")])])])]),_c('div',{staticClass:\"grid-item contact-visit\"},[_c('div',{staticClass:\"icon-parent\"},[_c('img',{staticClass:\"icon\",attrs:{\"alt\":\"location\",\"src\":require(\"../assets/img/svg/24px/location_24px.svg\")}})]),_c('div',{staticClass:\"msg\"},[_vm._v(\"\\n\\t\\t\\t\\tvisit us\\n\\t\\t\\t\")]),_c('div',{staticClass:\"info justify-start\"},[_vm._v(\"\\n\\t\\t\\t\\tDYELEC LESOTHO,\"),_c('br'),_vm._v(\"\\n\\t\\t\\t\\tConsulting Building Services & Electrical Engineers,\"),_c('br'),_vm._v(\"\\n\\t\\t\\t\\tAtom Building,\"),_c('br'),_vm._v(\"\\n\\t\\t\\t\\tPlot No: 13304-1991\\n\\t\\t\\t\")])])]),_c('div',{staticClass:\"quote border-radius-1\"},[_c('div',{staticClass:\"big-caps\"},[_vm._v(\"\\\"T\")]),_vm._v(\"he attitude of a student,\"),_c('br'),_vm._v(\"\\n\\t\\tnever be too big to ask questions,\"),_c('br'),_vm._v(\"\\n\\t\\tnever know too much to learn something new.\\n\\t\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"view\">\n\t\t<div class=\"contact\">\n\t\t\t<div class=\"grid-item contact-call\">\n\t\t\t\t<div class=\"icon-parent\">\n\t\t\t\t\t<img alt=\"call\" class=\"icon\" src=\"../assets/img/svg/24px/call_24px.svg\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"msg\">\n\t\t\t\t\tcall us\n\t\t\t\t</div>\n\t\t\t\t<div class=\"info\">\n\t\t\t\t\t<div class=\"first\">\n\t\t\t\t\t\t<div>Tel:</div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t(266) 22-311441<br />(266) 22-324814\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='second'>\n\t\t\t\t\t\t<div>Cell:</div>\n\t\t\t\t\t\t<div>(266) 5888 0159</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"grid-item contact-email\">\n\t\t\t\t<div class=\"icon-parent\">\n\t\t\t\t\t<img alt=\"mail\" class=\"icon\" src=\"../assets/img/svg/24px/email_24px.svg\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"msg\">\n\t\t\t\t\tmail us\n\t\t\t\t</div>\n\t\t\t\t<div class=\"info\">\n\t\t\t\t\t<div class=\"first\">\n\t\t\t\t\t\t<div>email:</div>\n\t\t\t\t\t\t<div>admin@dyelec.co.ls</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"second mail\">\n\t\t\t\t\t\t<div>post:</div>\n\t\t\t\t\t\t<div>P/Bag A409 <br /> MASERU 100</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"grid-item contact-visit\">\n\t\t\t\t<div class=\"icon-parent\">\n\t\t\t\t\t<img alt=\"location\" class=\"icon\" src=\"../assets/img/svg/24px/location_24px.svg\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"msg\">\n\t\t\t\t\tvisit us\n\t\t\t\t</div>\n\t\t\t\t<div class=\"info justify-start\">\n\t\t\t\t\tDYELEC LESOTHO,<br />\n\t\t\t\t\tConsulting Building Services &amp; Electrical Engineers,<br />\n\t\t\t\t\tAtom Building,<br />\n\t\t\t\t\tPlot No: 13304-1991\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"quote border-radius-1\">\n\t\t\t<div class=\"big-caps\">\"T</div>he attitude of a student,<br />\n\t\t\tnever be too big to ask questions,<br />\n\t\t\tnever know too much to learn something new.\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport  emitter  from '@/emitter';\nexport default {\n\tname: 'contact',\n\tmetaInfo: {\n\t\ttitle: 'Contacts',\n\t\tmeta: [\n\t\t\t{\n\t\t\t\tproperty: 'og:url',\n\t\t\t\tcontent: 'http://www.dyelec.co.ls/contact'\n\t\t\t},\n\t\t\t{\n\t\t\t\tproperty: 'og:title', \n\t\t\t\tcontent: 'Dyelec Lesotho | Contacts'\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'description', \n\t\t\t\tcontent: 'Contact us at Dyelec Lesotho by phone call, email, post, or come to our offices'\n\t\t\t},\n\t\t\t{\n\t\t\t\tproperty: 'og:description', \n\t\t\t\tcontent: 'Contact us at Dyelec Lesotho by phone call, email, post, or come to our offices'\n\t\t\t},\n\t\t\t// Twitter card\n\t\t\t{\n\t\t\t\tname: 'twitter:card',\n\t\t\t\tcontent: 'Dyelec Lesotho'\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'twitter:title',\n\t\t\t\tcontent: 'Dyelec Lesotho | Contacts'\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'twitter:description',\n\t\t\t\tcontent: 'Contact us at Dyelec Lesotho by phone call, email, post, or come to our offices'\n\t\t\t}\n\t\t]\n\t\t// override the parent template and just use the above title only\n\t\t// titleTemplate: null\n\t},\n\tmounted() {\n\t\temitter.$emit('new-page-name', 'Contact us');\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n\t@import '../assets/style/main.scss';\n\t/* tangerine-regular - latin */\n\t@font-face {\n\t\tfont-display: swap;\n\t\tfont-family: 'Tangerine';\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t\tsrc: url('../assets/fonts/tangerine/tangerine-v11-latin-regular.eot'); /* IE9 Compat Modes */\n\t\tsrc: local('Tangerine Regular'), local('Tangerine-Regular'),\n\t\turl('../assets/fonts/tangerine/tangerine-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n\t\turl('../assets/fonts/tangerine/tangerine-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\n\t\turl('../assets/fonts/tangerine/tangerine-v11-latin-regular.woff') format('woff'), /* Modern Browsers */\n\t\turl('../assets/fonts/tangerine/tangerine-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n\t\turl('../assets/fonts/tangerine/tangerine-v11-latin-regular.svg#Tangerine') format('svg'); /* Legacy iOS */\n\t}\n\n\t\t\n\t.view {\n\t\tbackground-image: url(../assets/img/jpg/banner_bg.jpg);\n\t\tbackground-size: cover;\n\t\tbackground-position: center center;\n\t\tbackground-repeat: no-repeat;\n\t\tmargin-top: -24px;\n\t}\n\t.contact {\n\t\tanimation: slide-up 500ms ease-in-out both;\n\t\tz-index: -1;\n\t\tmax-width: 1024px;\n\t\talign-self: center;\n\t\tmargin-top: 3em;\n\t\twidth: 100%;\n\t\tpadding: 1em;\n\t\tdisplay: grid;\n\t\tgrid-gap: 1em;\n\t\tgrid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );\n\t\tgrid-auto-rows: minmax(150px, auto);\n\t\tgrid-auto-flow: row;\n\t\tjustify-content: center;\n\t\talign-content: start;\n\t\t\n\t\t.contact-call {\n\t\t\tbackground-color: $blue;\n\t\t\tanimation: flip-in-up 500ms 100ms ease-in-out both;\n\t\t}\n\t\t.contact-email {\n\t\t\tbackground-color: $blue;\n\t\t\tanimation: flip-in-up 500ms 200ms ease-in-out both;\n\t\t}\n\t\t.contact-visit {\n\t\t\tbackground-color: $blue;\n\t\t\tanimation: flip-in-up 500ms 300ms ease-in-out both;\n\t\t}\n\n\t\t.grid-item {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: flex-start;\n\t\t\tpadding: 1em;\n\t\t\tjustify-items: center;\n\t\t\tcolor: $white;\n\t\t\tmargin-top: 2em;\n\t\t\tposition: relative;\n\t\t\tborder-radius: $border-radius-2;\n\t\t\tbox-shadow: 2px 2px 2px rgba(0,0,0,0.2);\n\t\t\tz-index: -1;\n\t\t\t@media (max-width: 544px) {\n\t\t\t\tmax-width: 300px;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-left: auto;\n\t\t\t\tmargin-right: auto;\n\t\t\t}\n\n\t\t\t>.icon-parent {\n\t\t\t\tanimation: flip-in-up 500ms 500ms ease-in-out both;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-self: center;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tposition: relative;\n\t\t\t\tpadding: 1em;\n\t\t\t\tmargin: 0px auto;\n\t\t\t\tbackground-color: $blue;\n\t\t\t\ttop: -3em;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tbox-shadow: 3px 4px 2px rgba(0,0,0,0.2);\n\n\t\t\t\t>.icon {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\twidth: 3em;\n\t\t\t\t\theight: 3em;\n\n\t\t\t\t\t@media (max-width: 813px) {\n\t\t\t\t\t\twidth: 2em;\n\t\t\t\t\t\theight: 2em;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t>.msg {\n\t\t\t\tanimation: slide-up 500ms 750ms ease-in-out both;\n\t\t\t\tmargin-top: -2em;\n\t\t\t\topacity: 0.75;\n\t\t\t\tcolor: $white-light-tr-2;\n\t\t\t\talign-items:flex-end;\n\t\t\t\twidth: 100%;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tdisplay: flex;\n\t\t\t\t&::before, &::after {\n\t\t\t\t\topacity: 0.2;\n\t\t\t\t\tmargin-top: auto;\n\t\t\t\t\tmargin-bottom: 0.5em;\n\t\t\t\t\talign-self: center;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\theight: 0em;\n\t\t\t\t\tborder-bottom-color: $white;\n\t\t\t\t\tborder-bottom-style: solid;\n\t\t\t\t\tborder-bottom-width: 1px;\n\t\t\t\t\tflex-grow: 1;\n\t\t\t\t\tcontent: '';\n\t\t\t\t}\n\t\t\t\t&::before {\n\t\t\t\t\tmargin-right: 0.5em;\n\t\t\t\t\tmargin-left: 1em;\n\t\t\t\t}\n\t\t\t\t&::after {\n\t\t\t\t\tmargin-left: 0.5em;\n\t\t\t\t\tmargin-right: 1em;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t\t>.info {\n\t\t\t\tanimation: slide-up 500ms 1000ms ease-in-out both;\n\t\t\t\tmargin-top: 1em;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tletter-spacing: 0.9px;\n\t\t\t\tline-height: 1.6em;\n\t\t\t\tcolor: $white;\n\t\t\t\tpadding: 0em 0.5em 0.5em 0.5em;\n\t\t\t\twidth: 100%;\n\t\t\t\t>.first, .second{\n\t\t\t\t\t:first-child {\n\t\t\t\t\t\twidth: 5ch;\n\t\t\t\t\t\tmargin-right: 1em;\n\t\t\t\t\t\ttext-align: right;\n\t\t\t\t\t\tcolor: $white-light-tr-2\n\t\t\t\t\t}\n\t\t\t\t\t:last-child {\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t\t>div {\n\t\t\t\t\t\tfloat: left;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t>.second {\n\t\t\t\t\t:first-child {\n\t\t\t\t\t\tpadding-top: 1em;\n\t\t\t\t\t}\n\t\t\t\t\t:last-child {\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\tfloat: none;\n\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\ttext-align: left;\n\t\t\t\t\t\tpadding-top: 1em;\n\t\t\t\t\t\t\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\ttop: 0.35em;\n\t\t\t\t\t\t\tleft: 0px;\n\t\t\t\t\t\t\tcontent: '';\n\t\t\t\t\t\t\twidth: 33%;\n\t\t\t\t\t\t\tborder-top-width: 1px;\n\t\t\t\t\t\t\tborder-top-style: solid;\n\t\t\t\t\t\t\tborder-top-color: $white-light-tr-3;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t&.mail {\n\t\t\t\t\t\t:first-child {\n\t\t\t\t\t\t\tpadding-top: 0.7em;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t:last-child {\n\t\t\t\t\t\t\tpadding-top: 0.7em;\n\t\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\t\ttop: 0px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmargin-top: 0em;\n\t\t\t\t\t\tpadding-top: 2.25em;\n\t\t\t\t\t}\n\t\t\t\t\tmargin-top: 2.5em;\n\t\t\t\t\tpadding-top: 1em;\n\n\t\t\t\t\t@media (max-width: 299px) {\n\t\t\t\t\t\tmargin-top: 0.25em !important;\n\t\t\t\t\t\tpadding-top: 3.5em !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t\n\t}\n\t.justify-start {\n\t\tjustify-self: start;\n\t}\n\t.quote {\n\t\tanimation: flip-in-up 500ms 1500ms ease-in-out both;\n\t\ttransform: translate3d(0, 0, 0);\n\t\tbackground-color: hsla(0, 0%, 1%, 0.8);\n\t\tpadding: 1em;\n\t\tfont-family: 'Tangerine', cursive;;\n\t\tfont-size: 1.7em;\n\t\tletter-spacing: 0.1em;\n\t\tline-height: 1.4em;\n\t\tcolor: $white;\n\t\tmargin: 1em auto 0.5em auto;\n\t\tmax-width: 36ch;\n\t\t.big-caps {\n\t\t\tfont-size: 2.3em;\n\t\t\tdisplay: inline-block;\n\t\t\tposition: relative;\n\t\t\ttop: 0.1em;\n\t\t\tleft: -0.2em;\n\t\t\tmargin: 0em -0.2em -0.35em 0em;\n\t\t}\n\t}\n\t@media screen and (max-width: 767px) {\n\t\t.contact {\n\t\t\t.grid-item {\n\t\t\t\t.info {\n\t\t\t\t\tmin-height: 90px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\t}\n\t@media screen and (min-width: 768px) {\n\t\t.contact {\n\t\t\t.grid-item {\n\t\t\t\t&::after {\n\t\t\t\t\tbackground-attachment: fixed;\n\t\t\t\t}\n\t\t\t\t.info {\n\t\t\t\t\tmin-height: 150px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Contact.vue?vue&type=template&id=eb1e93d2&scoped=true\"\nimport script from \"./Contact.vue?vue&type=script&lang=js\"\nexport * from \"./Contact.vue?vue&type=script&lang=js\"\nimport style0 from \"./Contact.vue?vue&type=style&index=0&id=eb1e93d2&prod&lang=scss&scoped=true\"\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  \"eb1e93d2\",\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue';\nimport Router from 'vue-router';\nimport Home from './views/Home.vue';\nimport Projects from './views/Projects.vue';\nimport Team from './views/Team.vue';\nimport Contact from './views/Contact.vue';\nimport Meta from 'vue-meta';\n\nVue.use(Router);\nVue.use(Meta);\n\nexport default new Router({\n\tmode: 'history',\n\t// eslint-disable-next-line no-undef\n\tbase: process.env.BASE_URL,\n\troutes: [\n\t\t{\n\t\t\tpath: '/',\n\t\t\tname: 'home',\n\t\t\tcomponent: Home\n\t\t},\n\t\t{\n\t\t\tpath: '*',\n\t\t\tname: '404',\n\t\t\tcomponent: Home\n\t\t},\n\t\t{\n\t\t\tpath: '/projects',\n\t\t\tname: 'projects',\n\t\t\tcomponent: Projects\n\t\t\t// component: () => import('./views/Projects.vue')\n\t\t},\n\t\t{\n\t\t\tpath: '/directors',\n\t\t\tname: 'directors',\n\t\t\tcomponent: Team\n\t\t\t// component: () => import('./views/Team.vue')\n\t\t},\n\t\t{\n\t\t\tpath: '/contact',\n\t\t\tname: 'contact',\n\t\t\tcomponent: Contact\n\t\t\t// component: () => import('./views/Contact.vue')\n\t\t},\n\t\t{\n\t\t\tpath: '/contacts',\n\t\t\tname: 'contacts',\n\t\t\tcomponent: Contact\n\t\t\t// component: () => import('./views/Contact.vue')\n\t\t}\n\t]\n});\n","import Vue from 'vue';\nimport App from './App.vue';\nimport router from './router';\n//import store from './store';\n\nVue.config.productionTip = false;\n\nnew Vue({\n\trouter,\n\t//store,\n\trender: h => h(App)\n}).$mount('#app');\n","module.exports = __webpack_public_path__ + \"img/email_24px.98ac1dff.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAADAFBMVEVHcEwCcrj/qg//qwABa7D7kAD/jgACdLmnazz/sADWjRn5lgP9mQH8mAL/pQBnbGHulAr9mAH3lgX/mAD/nwAAZ673lgX/1zbvawDvbAAAV5vpkg7ajxbulArBhybjkBCcfzv/mAD/mAC2hi3gkBPpkg7/mAD/mQDNix+yhi/6lwPBiSUBbrT/mAD/mgDokQ+Fek75lQN4eFTrkgz/mACqgjTbjxeggDrokg7JiiHslAz/2jUAZLH/swDgqBT/mADBniXrlA3/ogACcrf2lQX/swDplQ392TX0ngb/swAAZan92DUBbrT/swD/tQD82TX/uw/6xR//swECaq/8mAP92DbxcQD92TQBV5r32UXpkA7vbAAAVZUIXJvvbQDvbACWakPvbADvbQDvcAACaa/01T/92DVViY7Cy37L0X2gtoSEp4j/mAACd70BV5v/swD92DXvbAD/lwD/8Xb2lwYCdbvvlg3wcAADWJoBWZ7vlAr6lwT/rAD+sgECYab91TD1fAABXaH9kQD9mAH/mQDycwD/nAD/rwD+lAD0eADdkhgBbLL+yR/92DP+zycTerL/zIAfZo/11Dj8jgANeLX3ggAaXYwpYYP7jAAxfZosYoHhlBbWjhnPix3+qACDdkvwbgABaK5ihHWFiFv/uwsIeLn+yyJtbl3Dfyj5hwAmX4UCZaoOXZYhapeOoGLw6Hj92Tb+41FUbGmpgjT8lwIKWZYfeqhMgYXncgnncAiijEaLiVfLiyCvjjz7mwNmemdVbGiMiUbqlRDmoA9VdWhxgFe9lihvc1g5a3n5swfldwr9vhABb7UfYIl2hmb/tgU1cYa7jzPgqxj71zahcjaIiUzRtzlujm/OwEidp1xgcGGoczHhdQw4fpXNkSUBbbNhg3bkrWXabRDarXArdpy0nHA1dZVzSzWGTCfPbhrJmVH5wHKIcVIRdK6Aj4PhykJnlIyYh03Jbx761jb31z5ZhXj77nb+6GHDzH6esndrl4yFqIiUol//7GlplozL0n72tn9tAAAAqXRSTlMA9xQjrRIJ/gIE9/p5SBsJ32BsfAhR/TZIvXGq2Ldz+a2etd/4XpyY513rwuCIMNMXqUbmkLLMrP2q2D4Xa9vwdLIL9POs5pn93UTe4fstx3j+54LJd4F/1f31rgzsYP676psgktPSNrStieT////////////////////////////////////////////////////////////////////////////////++GQWUAAAAwdJREFUSMftluVXWzEYh/EWBmwwOAPm7u7u7u7uW5rkthSXDnc7Y7jrhAFzd9+Yu7u7+5bS3tsEKf8Avw89557zPDfJm7fJ1dGpjDLWBq10RXK5SHeUgXXFdC8DXYmQYOdpdrO04lUNRBIqznBD3mw7cZmojSH5GTFQImGF9/lf/61cWpZga6OjM1FejK3evk0t3HOGed9lsvwVpfmFc23Fi1T4boddwhByD+j0SyaTLRNPLSHM4bh5xUhcAjgUTs1qPYQ/ZYV/li+ZzAoLOO7jh7sOwMEVgAx6GasghH8LC74txjUYYeb8XClQ5w4rbPwd+QMXTMdjGWHKDB4H0se0kAYjo6K+fMYkPSneapLAA/uHr5++YYbAn94phaGUUF3DA+8XHPf8mSCcIUNgHJqN8UgNb9iXEsCDiIhHOZohPOANjD3PhWKsJwiWNA9eRrx6S60iGJ4nAgrBVJ0aMILDE3ojJCIIrxMhE+NxhsISqjDGfbajILyGwxDyDJ2gzwtmGlhKtuMCwwdDpyuXiBA2Ho3hBVMe9wrkuNyMvTQvJz3ufjUboeyTSBihqZoPcOS4Hex8SJFgEboYglAmGm3MC03UQjTHcTtZPo300gmETiOS4UKV6qsF39RoL9c4FZnFNyuERxByVwqDBaETL3gpq5qeJQk/mwCC0iUiMh8Yf+AoUqW3IFiohVh1NwWRJifV2u+sfH9K4kEV724uCG0Am4C1Cl/uVEqMkoeJ4BhK9idCH00vGbfgdyFWoVAEklpxjpedinFYBMBhfx83IvSjurU19fJAx1TH27fWQXVyAEj2A27IfZixhhfr0xNKEmCSrXsA8APA381vCPOPa08bLjedeD4mSVUGNx9gyQjmbPsFHY8nzppNm7eonvf5gEED2GPDtEShgNTFnnm2KHEwiWsDrelf6uwzaquNr2ZU+rQ06qKF1yvrPDbu7l0O30OvnOuhed2ycGlNq/IvlM4upfiOZlrvoHb1TGjau1ZjcYXXXIeuDU262bu6NGrWso5e5TeCMv8BlesrGinEThEAAAAASUVORK5CYII=\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProjectFilter.vue?vue&type=style&index=0&id=239429ec&prod&lang=scss\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=style&index=0&id=eb1e93d2&prod&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/menu_24px.98987508.svg\";","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&id=4000c168&prod&lang=scss\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OptionProject.vue?vue&type=style&index=0&id=4b71aa6a&prod&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/logo_white.a1f16081.svg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Projects.vue?vue&type=style&index=0&id=c171d9fa&prod&lang=scss&scoped=true\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TeamMember.vue?vue&type=style&index=0&id=0237ce0e&prod&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/logo_blue_light.f7acce28.svg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProjectDetails.vue?vue&type=style&index=0&id=46a4e6cc&prod&lang=scss&scoped=true\""],"sourceRoot":""}