{"version":3,"sources":["webpack:///./src/views/SubtopicMenuMath.vue","webpack:///src/views/SubtopicMenuMath.vue","webpack:///./src/views/SubtopicMenuMath.vue?38f9","webpack:///./src/views/SubtopicMenuMath.vue?0096","webpack:///./src/views/SubtopicMenuMath.vue?ebc1","webpack:///./src/views/SubTopics.vue?0e4a","webpack:///./src/views/SubTopics.vue","webpack:///src/views/SubTopics.vue","webpack:///./src/views/SubTopics.vue?bf9a","webpack:///./src/views/SubTopics.vue?89da"],"names":["staticClass","class","_vm","$vuetify","attrs","topics1","key","topic","_c","topics2","topics3","render","name","components","SubtopicCard","metaInfo","title","titleTemplate","meta","vmid","content","charset","link","rel","href","data","style","layout","gradesList","description","img","created","$store","commit","mounted","_mounted","_asyncToGenerator","regeneratorRuntime","mark","_callee","response","i","j","wrap","_context","prev","next","console","log","$route","query","id","localStorage","getItem","undefined","axios","get","process","sent","success","category","courses","slice","t0","error","$notify","group","type","text","stop","apply","arguments","component","staticRenderFns","staticStyle","scopedSlots","fn","_ref","hover","props","headline","String","default","required","path"],"mappings":"iKAAuFA,G,UAAAA,W,IAAiCC,EAAM,K,EAAC,QAAaC,G,OAAiC,QAAY,CAAEA,EAAG,MAACC,CAA6B,iCAAG,MAAI,CAAYC,YAAM,8BAAC,WAAc,EAAG,iCAAoB,UAAE,MAAK,CAAOJ,eAAY,GAASE,iBAAO,K,CAAwF,S,YAAkB,QAAmB,6EAAE,MAAK,CAAYE,eAAM,GAAC,iBAAiB,K,CAAqB,SAAM,CAAE,OAAGF,eAAYG,GAAyB,iBAAmB,GAACC,IAAIC,K,EAAiB,KAAO,SAAE,Y,OAAC,EAAM,OAAG,C,IAAC,EAAO,I,MAAG,CAAU,KAAO,GAAE,QAAIC,KAAG,GAAiBJ,KAAM,GAAC,U,CAAuD,kBAAe,C,MAAC,CAAiB,iBAAI,YAAG,cAAK,IAAI,EAAMI,IAAwBJ,KAAM,WAAmB,MAAoB,KAAM,wBAAE,OAAGF,eAAYO,GAAyB,iBAAmB,GAACH,IAAIC,K,EAAiB,KAAO,SAAE,Y,OAAC,EAAM,OAAG,C,IAAC,EAAO,I,MAAG,CAAU,KAAO,GAAE,QAAIC,KAAG,GAAiBJ,KAAM,GAAC,U,CAAuD,kBAAe,C,MAAC,CAAiB,iBAAI,YAAG,cAAK,IAAI,EAAMI,IAAwBJ,KAAM,WAAmB,MAAoB,KAAM,wBAAE,OAAGF,eAAYQ,GAAyB,iBAAmB,GAACJ,IAAIC,K,EAAiB,KAAO,SAAE,Y,OAAC,EAAM,OAAG,C,IAAC,EAAO,I,MAAG,CAAU,KAAO,GAAE,QAAIC,KAAG,GAAiBJ,KAAM,GAAC,U,CAAuD,kBAAe,C,MAAC,CAAiB,iBAAI,YAAG,cAAK,IAAKI,EAAG,IAC98C,gBAGQG,M,mGCsFM,GACfC,KAAA,aACAC,WAAA,CACAC,qBAEAC,SACA,CACAC,MAAA,sBACAC,cAAA,2BACAC,KAAA,CACA,CAAAC,KAAA,cAAAP,KAAA,cAAAQ,QAAA,gEACA,CAAAD,KAAA,WAAAP,KAAA,WAAAQ,QAAA,6FACA,CAAAD,KAAA,QAAAE,QAAA,SACA,CAAAF,KAAA,WAAAP,KAAA,WAAAQ,QAAA,wCAEAE,KAAA,EAAAC,IAAA,YAAAC,KAAA,kCAEAC,KAAA,WACA,OACAC,MAAA,CAAAC,OAAA,gBACAC,WAAA,GACAvB,QAAA,CACA,CAAAW,MAAA,YACAa,YAAA,cACAC,IAAA,8BACAR,KAAA,mBAEA,CAAAN,MAAA,YACAa,YAAA,cACAC,IAAA,8BACAR,KAAA,mBAEA,CACAN,MAAA,YACAa,YAAA,cACAC,IAAA,8BACAR,KAAA,oBAGAb,QAAA,CACA,CACAO,MAAA,YACAa,YAAA,eACAC,IAAA,8BACAR,KAAA,oBAGAZ,QAAA,CACA,CACAM,MAAA,aACAa,YAAA,cACAC,IAAA,+BACAR,KAAA,oBAEA,CAAAN,MAAA,aACAa,YAAA,cACAC,IAAA,+BACAR,KAAA,oBAEA,CAAAN,MAAA,aACAa,YAAA,cACAC,IAAA,+BACAR,KAAA,uBAKAS,QAAA,WACA,KAAAC,OAAAC,OAAA,yBAEA,KAAAD,OAAAC,OAAA,gDAEA,KAAAD,OAAAC,OAAA,gCACA,KAAAD,OAAAC,OAAA,6BACA,KAAAD,OAAAC,OAAA,mCAYAC,QAAA,eAAAC,EAAAC,eAAAC,mBAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAAC,EAAAC,EAAA,OAAAL,mBAAAM,MAAA,SAAAC,GAAA,eAAAA,EAAAC,KAAAD,EAAAE,MAAA,OAKA,GAJAC,QAAAC,IAAA,YAAAC,OAAAC,MAAAC,IACAJ,QAAAC,IAAA,cAAAI,aAAAC,QAAA,UACAT,EAAAC,KAAA,EAEAE,QAAAC,IAAA,YAAAC,OAAAC,MAAAC,SACAG,IAAA,KAAAL,OAAAC,MAAAC,GAAA,CAAAP,EAAAE,KAAA,eAAAF,EAAAE,KAAA,EAEAS,IAAAC,IAAAC,4DAAA,KAAAR,OAAAC,MAAAC,GAAA,mBACA,GADAX,EAAAI,EAAAc,KACAlB,EAAAf,KAAAkC,QACA,CAEA,IAAAlB,KADA,KAAAb,WAAAY,EAAAf,UAAAmC,SAAAC,QACA,KAAAjC,WACAc,GAAAD,EAAA,EACA,KAAAb,WAAAa,GAAAnB,KAAA,KAAAM,WAAAa,GAAAnB,KAAA,eAAAM,WAAAa,GAAAU,GACA,KAAAvB,WAAAa,GAAAX,IAAA,uBAAAY,EAAA,SAEA,KAAArC,QAAA,KAAAuB,WAAAkC,MAAA,KACA,KAAArD,QAAA,KAAAmB,WAAAkC,MAAA,KACA,KAAApD,QAAA,KAAAkB,WAAAkC,MAAA,KACA,OAAAlB,EAAAE,KAAA,iBAAAF,EAAAC,KAAA,GAAAD,EAAAmB,GAAAnB,EAAA,YAIAG,QAAAiB,MAAApB,EAAAmB,IACA,KAAAE,QAAA,CACAC,MAAA,SACAC,KAAA,QACAnD,MAAA,yBACAoD,KAAA,+BACA,yBAAAxB,EAAAyB,UAAA9B,EAAA,4BAAAL,IAAA,OAAAC,EAAAmC,MAAA,KAAAC,WAAA,OAAArC,EA9BA,IChL0V,I,wBCQtVsC,EAAY,eACd,EACA,EACAC,GACA,EACA,KACA,WACA,MAIa,aAAAD,E,oECnBf,W,mCCAA,W,qICA2G,EAAK,W,IAAeE,O,EAAa,QAAU,G,OAAM,iBAACtE,MAAM,CAAC,YAA4B,WAAE,YAAK,CAAYJ,QAAY,O,MAAc,CAAkB,eAAgB,GAAI,MAAM,KAAK,CAACQ,EAAG,OAAS,CAAEmE,YAAYzE,O,MAAa,CAAU0E,eAAGC,G,iBAAgB,G,IAAI,K,UAAsD,C,YAAC,KAAW,CAACC,C,0BAA4B,G,IAAoB,EAAO,EAAC,M,MAAS,UAAU,C,YAAmB,eAAE,OAAItE,UAAQ,MAACR,OAAW,OAAqC0E,YAAY,QAAC,MAAQ,SAAO,iBAAIxE,QAAO,KAA2FwE,QAAW,C,YAAU,oCAAO,aAAIxE,MAAO,UAAmEwE,uBAAY,2C,YAAS,cAAO,aAAIlE,MAAG,UAAiCJ,GAAK,GAAC,0C,YAAW0B,O,YAAc,CAAE,iBAAQ,UAAG,wBAAQ,MAAK,CAC/6B,UACG2C,QAAkB,O,4BCmCP,GACfM,MAAA,CACAC,SAAA,CACAb,KAAAc,OACAC,QAAA,GACAC,UAAA,GAEAtD,YAAA,CACAsC,KAAAc,OACAC,QAAA,GACAC,UAAA,GAEArD,IAAA,CACAqC,KAAAc,OACAC,QAAA,GACAC,UAAA,GAEAC,KAAA,CACAjB,KAAAc,OACAC,QAAA,GACAC,UAAA,KCzDmV,I,yBCQ/UX,EAAY,eACd,EACA,EACAC,GACA,EACA,KACA,WACA,MAIa,OAAAD,E","file":"js/chunk-56d4aad0.95ecd2c3.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"font-weight-medium\",class:{'display-1': _vm.$vuetify.breakpoint.mdAndUp, 'subheading': _vm.$vuetify.breakpoint.smAndDown}}),_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\"}},[_c('div',{staticClass:\"size\"},[_vm._v(\"\\n      Select Your Grade Level\\n    \")])]),_c('br'),_c('br'),_c('v-container',{attrs:{\"grid-list-xl\":\"\",\"text-xs-center\":\"\"}},[_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\",\"row\":\"\"}},_vm._l((_vm.topics1),function(topic){return _c('v-flex',{key:topic.key,attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md12\":\"\",\"lg12\":\"\",\"xl12\":\"\"}},[_c('subtopic-card',{attrs:{\"headline\":topic.title,\"description\":topic.description,\"img\":topic.img,\"path\":topic.link}})],1)}),1),_c('br'),_c('br'),_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\",\"row\":\"\"}},_vm._l((_vm.topics2),function(topic){return _c('v-flex',{key:topic.key,attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md12\":\"\",\"lg12\":\"\",\"xl12\":\"\"}},[_c('subtopic-card',{attrs:{\"headline\":topic.title,\"description\":topic.description,\"img\":topic.img,\"path\":topic.link}})],1)}),1),_c('br'),_c('br'),_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\",\"row\":\"\"}},_vm._l((_vm.topics3),function(topic){return _c('v-flex',{key:topic.key,attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md12\":\"\",\"lg12\":\"\",\"xl12\":\"\"}},[_c('subtopic-card',{attrs:{\"headline\":topic.title,\"description\":topic.description,\"img\":topic.img,\"path\":topic.link}})],1)}),1)],1),_c('br'),_c('br'),_c('br')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"font-weight-medium\"\r\n         :class=\"{'display-1': $vuetify.breakpoint.mdAndUp, 'subheading': $vuetify.breakpoint.smAndDown}\"\r\n    />\r\n    <v-layout align-center justify-center>\r\n      <div class=\"size\">\r\n        Select Your Grade Level\r\n      </div>\r\n    </v-layout>\r\n    <br>\r\n    <!--  <divide-content /> -->\r\n    <br>\r\n    <v-container grid-list-xl text-xs-center>\r\n      <v-layout\r\n        align-center\r\n        justify-center\r\n        row\r\n      >\r\n        <v-flex v-for=\"topic in topics1\"\r\n                :key=\"topic.key\"\r\n                xs12\r\n                sm12\r\n                md12\r\n                lg12\r\n                xl12\r\n        >\r\n          <subtopic-card\r\n            :headline=\"topic.title\"\r\n            :description=\"topic.description\"\r\n            :img=\"topic.img\"\r\n            :path=\"topic.link\"\r\n          />\r\n        </v-flex>\r\n      </v-layout>\r\n      <br><br>\r\n      <v-layout\r\n        align-center\r\n        justify-center\r\n        row\r\n      >\r\n        <v-flex v-for=\"topic in topics2\"\r\n                :key=\"topic.key\"\r\n                xs12\r\n                sm12\r\n                md12\r\n                lg12\r\n                xl12\r\n        >\r\n          <subtopic-card\r\n            :headline=\"topic.title\"\r\n            :description=\"topic.description\"\r\n            :img=\"topic.img\"\r\n            :path=\"topic.link\"\r\n          />\r\n        </v-flex>\r\n      </v-layout>\r\n      <br><br>\r\n      <v-layout\r\n        align-center\r\n        justify-center\r\n        row\r\n      >\r\n        <v-flex v-for=\"topic in topics3\"\r\n                :key=\"topic.key\"\r\n                xs12\r\n                sm12\r\n                md12\r\n                lg12\r\n                xl12\r\n        >\r\n          <subtopic-card\r\n            :headline=\"topic.title\"\r\n            :description=\"topic.description\"\r\n            :img=\"topic.img\"\r\n            :path=\"topic.link\"\r\n          />\r\n        </v-flex>\r\n      </v-layout>\r\n    </v-container>\r\n    <br>\r\n    <br>\r\n    <br>\r\n  </div>\r\n</template>\r\n<script>\r\nimport axios from 'axios';\r\nimport SubtopicCard from './SubTopics.vue'\r\n//import DivideContent from './Divider.vue'\r\nimport { mapGetters } from 'vuex'\r\nexport default {\r\n    name: 'GradesMath',\r\n    components: {\r\n    SubtopicCard\r\n    },\r\n  metaInfo:\r\n        {\r\n          title:\"Explore Mathematics\",\r\n          titleTemplate: \"%s | Learn interactively\",\r\n          meta:[\r\n            {vmid:\"description\", name: \"description\", content: \"Learn math concepts using visually interactive illustrations\"},\r\n            {vmid:\"keywords\", name: \"keywords\", content: \"math concepts, high-school math, demos in mathematics, visually interactive illustrations\"},\r\n            { vmid:\"chars\", charset: \"utf-8\" },\r\n            { vmid:\"viewport\", name: \"viewport\", content: \"width=device-width, initial-scale=1\" }\r\n          ],\r\n          link: [{rel:\"canonical\", href: \"https://edliy.com/gradesMath\"}]\r\n        },\r\n    data () {\r\n    return {\r\n      style: {layout: \"margin: 10px\"},\r\n      gradesList:[],\r\n      topics1:[\r\n      { title: \"6th Grade\",\r\n        description: \"Mathematics\",\r\n        img: \"/assets/Mathematics-6th.svg\",\r\n        link: \"/mathematics6th\"\r\n      },\r\n      { title: \"7th Grade\",\r\n        description: \"Mathematics\",\r\n        img: \"/assets/Mathematics-7th.svg\",\r\n        link: \"/mathematics7th\"\r\n      },\r\n      {\r\n        title: \"8th Grade\",\r\n        description: \"Mathematics\",\r\n        img: \"/assets/Mathematics-8th.svg\",\r\n        link: \"/mathematics8th\"\r\n      }\r\n    ],\r\n      topics2:[\r\n      {\r\n        title: \"9th Grade\",\r\n        description: \"Mathematics \",\r\n        img: \"/assets/Mathematics-9th.svg\",\r\n        link: \"/mathematics9th\"\r\n      }\r\n      ],\r\n      topics3: [\r\n      {\r\n        title: \"10th Grade\",\r\n        description: \"Mathematics\",\r\n        img:\"/assets/Mathematics-10th.svg\",\r\n        link: \"/mathematics10th\"\r\n      },\r\n      { title: \"11th Grade\",\r\n        description: \"Mathematics\",\r\n        img: \"/assets/Mathematics-11th.svg\",\r\n        link: \"/mathematics11th\"\r\n      },\r\n      { title: \"12th Grade\",\r\n        description: \"Mathematics\",\r\n        img: \"/assets/Mathematics-12th.svg\",\r\n        link: \"/mathematics12th\"\r\n      }\r\n    ]\r\n    }\r\n  },\r\n    created () {\r\n    this.$store.commit('navigation/resetState');\r\n    //this.$store.dispatch('navigation/getData');\r\n    this.$store.commit('navigation/changeTitle', 'Explore Mathematics');\r\n  //  this.$store.commit('navigation/changeMenu', 'Explore Math');\r\n    this.$store.commit('navigation/toggleshowhome', false);\r\n    this.$store.commit('navigation/replaceMath', true);\r\n    this.$store.commit('navigation/replaceLeftArrow', true);\r\n  },\r\n/*computed:\r\n  {\r\n    ...mapGetters(\r\n      {\r\n        showhome: 'navigation/showhome',\r\n        showMath: 'navigation/showMath',\r\n        showPhys: 'navigation/showPhys',\r\n        showChem: 'navigation/showChem'\r\n      })\r\n  },*/\r\n  async mounted () {\r\n    console.log(\"id::\",this.$route.query.id)\r\n    console.log(\"logged in??\", localStorage.getItem('token'))\r\n  //  if(localStorage.getItem('token')){\r\n    try {\r\n        console.log(\"id::\",this.$route.query.id)\r\n        if(this.$route.query.id !== undefined)\r\n          {\r\n          const response = await axios.get(process.env.VUE_APP_API+'category/'+this.$route.query.id+'/courses');\r\n            if(response.data.success)\r\n            {\r\n            this.gradesList = response.data.data.category.courses;\r\n              for(let i in this.gradesList)\r\n              { let j = 6+ +i;\r\n                this.gradesList[i].link = this.gradesList[i].link+'?grade='+this.gradesList[i].id;\r\n                this.gradesList[i].img ='/assets/Mathematics-'+j+'th.svg'\r\n              }\r\n            this.topics1=this.gradesList.slice(0,3);\r\n            this.topics2=this.gradesList.slice(3,4);\r\n            this.topics3=this.gradesList.slice(4,8);\r\n            }\r\n          }\r\n        }\r\n    catch (error) {\r\n      console.error(error);\r\n      this.$notify({\r\n                group: 'notify',\r\n                type: 'error',\r\n                title: 'You are not logged in!',\r\n                text: 'Log in to get full access.'\r\n      });\r\n    }\r\n//  }\r\n }\r\n}\r\n</script>\r\n<style scoped lang=\"scss\">\r\n@import '@/styles/screen-sizes.scss';\r\n</style>\r\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!./SubtopicMenuMath.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!./SubtopicMenuMath.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubtopicMenuMath.vue?vue&type=template&id=67e578c7&scoped=true&\"\nimport script from \"./SubtopicMenuMath.vue?vue&type=script&lang=js&\"\nexport * from \"./SubtopicMenuMath.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubtopicMenuMath.vue?vue&type=style&index=0&id=67e578c7&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  \"67e578c7\",\n  null\n  \n)\n\nexport default component.exports","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!./SubtopicMenuMath.vue?vue&type=style&index=0&id=67e578c7&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!./SubTopics.vue?vue&type=style&index=0&id=5833d470&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('router-link',{attrs:{\"to\":_vm.path}},[_c('v-container',{staticStyle:{\"padding\":\"0px\"},attrs:{\"grid-list-xs\":\"\",\"fluid\":\"\"}},[_c('v-layout',{staticClass:\"px-1\",attrs:{\"align-center\":\"\",\"justify-center\":\"\",\"row\":\"\"}},[_c('v-hover',{scopedSlots:_vm._u([{key:\"default\",fn:function({ hover }){return [_c('v-card',{staticClass:\"rounded-card\",attrs:{\"elevation\":hover ? 9:2,\"height\":\"auto\",\"max-width\":\"400px\",\"align\":\"center\",\"justify\":\"center\",\"contain\":\"\"}},[_c('h3',{staticClass:\"font-weight-bold mt-3 text-center\",staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.headline)+\"\\n          \")]),_c('h6',{staticClass:\"text-center\",staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n            \\n          \")]),_c('v-divider',{staticClass:\"mt-2\",staticStyle:{\"color\":\"black\"}}),_c('v-img',{staticClass:\"mt-2 mb-2\",attrs:{\"src\":_vm.img,\"contain\":\"\"}})],1)]}}])})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <router-link :to=\"path\">\r\n    <v-container style=\"padding:0px\" grid-list-xs fluid>\r\n      <v-layout\r\n        align-center\r\n        justify-center\r\n        row\r\n        class=\"px-1\"\r\n      >\r\n        <v-hover v-slot:default=\"{ hover }\">\r\n          <v-card class=\"rounded-card\"\r\n                  :elevation=\"hover ? 9:2\"\r\n                  height=\"auto\"\r\n                  max-width=\"400px\"\r\n                  align=\"center\"\r\n                  justify=\"center\"\r\n                  contain\r\n          >\r\n            <h3 style=\"color:black;\" class=\"font-weight-bold mt-3 text-center\">\r\n              {{ headline }}\r\n            </h3>\r\n            <h6 style=\"color:black;\" class=\"text-center\">\r\n             &nbsp;\r\n            </h6>\r\n            <v-divider style=\"color:black;\" class=\"mt-2\" />\r\n            <v-img\r\n              class=\"mt-2 mb-2\"\r\n              :src=\"img\"\r\n              contain\r\n            />\r\n          </v-card>\r\n        </v-hover>\r\n      </v-layout>\r\n    </v-container>\r\n  </router-link>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    headline: {\r\n      type: String,\r\n      default: '',\r\n      required: true\r\n    },\r\n    description: {\r\n      type: String,\r\n      default: '',\r\n      required: false\r\n    },\r\n    img: {\r\n      type: String,\r\n      default: '',\r\n      required: false\r\n    },\r\n    path: {\r\n      type: String,\r\n      default: '',\r\n      required: true\r\n    },\r\n  }\r\n}\r\n</script>\r\n<style scoped lang=\"scss\">\r\n@import '@/styles/screen-sizes.scss';\r\n.rounded-card {\r\n  margin-top:auto;\r\n  margin-bottom:auto;\r\n  @include respond-to(less-smallest-screens) {height:52vw; width:30vw; border-radius: 4.5px; }\r\n  @include respond-to(smallest-screens) { height:40vw; width:28vw; border-radius: 4.5px; }\r\n  @include respond-to(small-screens) { height:44vw; width:29vw;border-radius: 5.5px;}\r\n  @include respond-to(medium-screens) { height:42vw; width:28vw;border-radius: 6.5px;}\r\n  @include respond-to(large-screens) { height: 32vw; width:22vw;border-radius: 7.5px;}\r\n  @include respond-to(largest-screens) { height:auto; width:15vw; border-radius: 8.5px;}\r\n}\r\n.thumbnail {\r\n  display: inline-block;\r\n  max-width: 100%; /* only this one important */\r\n  margin-bottom: 1rem;\r\n  border: solid 4px #fefefe;\r\n  border-radius: 3px;\r\n  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);\r\n  line-height: 0; }\r\n.imgC{\r\n  justify:center;\r\n  align:center;\r\n  position:relative;\r\n  @include respond-to(less-smallest-screens) {height:60px; top:5px;}\r\n  @include respond-to(smallest-screens) {height:60px;top:6.5px;}\r\n  @include respond-to(small-screens) {height:70px;top:10px;}\r\n  @include respond-to(medium-screens) {height:80px;top:12px;}\r\n  @include respond-to(large-screens) {height: 140px;top:12px;}\r\n  @include respond-to(largest-screens) {height:150px;top:15px;}\r\n  padding-bottom:20px;\r\n  padding-top:30px;\r\n  }\r\n.subjects{\r\n  text-decoration: none;\r\n  font-family: Oswald;\r\n  display: inline-block;\r\n  text-align:center;\r\n  position:relative;\r\n  @include respond-to(less-smallest-screens) {font-size:2vw;padding-top:15px}\r\n  @include respond-to(smallest-screens) {font-size:2vw;padding-top:15px}\r\n  @include respond-to(small-screens) {font-size:3vw;padding-top:20px;}\r\n  @include respond-to(medium-screens) {font-size:2.0vw;padding-top:15px;}\r\n  @include respond-to(large-screens) {font-size:2.0vw;padding-top:15px;}\r\n  @include respond-to(largest-screens) {font-size:2.0vw; padding-top:20px;}\r\n  }\r\na {\r\n  text-decoration: none !important;\r\n}\r\n\r\n</style>\r\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!./SubTopics.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!./SubTopics.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubTopics.vue?vue&type=template&id=5833d470&scoped=true&\"\nimport script from \"./SubTopics.vue?vue&type=script&lang=js&\"\nexport * from \"./SubTopics.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubTopics.vue?vue&type=style&index=0&id=5833d470&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  \"5833d470\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}