{"version":3,"sources":["webpack:///./src/views/SubTopics.vue?0e4a","webpack:///./src/views/Subjects.vue","webpack:///src/views/Subjects.vue","webpack:///./src/views/Subjects.vue?1aa6","webpack:///./src/views/Subjects.vue?7575","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","key","topic","_c","render","components","SubtopicCard","data","style","layout","topics","headline","description","img","path","created","$store","commit","metaInfo","title","titleTemplate","meta","vmid","name","content","component","staticRenderFns","staticStyle","scopedSlots","fn","_ref","hover","props","type","String","default","required"],"mappings":"wIAAA,W,iFCAuFA,a,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,eAAkB,GAAkB,iBAAmB,GAACG,IAAIC,K,EAAiB,KAAO,QAAE,Y,OAAC,EAAM,OAAG,C,IAAC,EAAO,I,MAAG,CAAU,KAAO,GAAE,QAAIC,KAAG,GAAiBH,KAAM,GAAC,U,CAA0D,kBAAe,C,MAAC,CAAiB,oBAAI,YAAG,cAAK,IAAK,EAAG,IACxxB,gBAGQI,M,6BCoCM,GACfC,WAAA,CACAC,qBAEAC,KAAA,WACA,OACAC,MAAA,CAAAC,OAAA,gBACAC,OAAA,CACA,CACAC,SAAA,UAAAC,YAAA,oBACAC,IAAA,kBAAAC,KAAA,mBAEA,CACAH,SAAA,YAAAC,YAAA,oBACAC,IAAA,kBAAAC,KAAA,qBAEA,CACAH,SAAA,cAAAC,YAAA,oBACAC,IAAA,kBAAAC,KAAA,0BAKAC,QAAA,WACA,KAAAC,OAAAC,OAAA,yBACA,KAAAD,OAAAC,OAAA,gDACA,KAAAD,OAAAC,OAAA,gCACA,KAAAD,OAAAC,OAAA,+BAEAC,SAAA,CACAC,MAAA,WACAC,cAAA,2BACAC,KAAA,CACA,CAAAC,KAAA,cAAAC,KAAA,cAAAC,QAAA,4EACA,CAAAF,KAAA,WAAAC,KAAA,WAAAC,QAAA,8DC1EkV,I,YCO9UC,EAAY,eACd,EACA,EACAC,GACA,EACA,KACA,KACA,MAIa,aAAAD,E,uHClB4F,EAAK,W,IAAeE,O,EAAa,QAAU,G,OAAM,iBAAC3B,MAAM,CAAC,YAA4B,WAAE,YAAK,CAAYJ,QAAY,O,MAAc,CAAkB,eAAgB,GAAI,MAAM,KAAK,CAACO,EAAG,OAAS,CAAEyB,YAAY9B,O,MAAa,CAAU+B,eAAGC,G,iBAAgB,G,IAAI,K,UAAsD,C,YAAC,KAAW,CAACC,C,0BAA4B,G,IAAoB,EAAO,EAAC,M,MAAS,UAAU,C,YAAmB,eAAE,OAAI5B,UAAQ,MAACP,OAAW,OAAqC+B,YAAY,QAAC,MAAQ,SAAO,iBAAI7B,QAAO,KAA2F6B,QAAW,C,YAAU,oCAAO,aAAI7B,MAAO,UAAmE6B,uBAAY,2C,YAAS,cAAO,aAAIxB,MAAG,UAAiCH,GAAK,GAAC,0C,YAAWa,O,YAAc,CAAE,iBAAQ,UAAG,wBAAQ,MAAK,CAC/6B,UACGa,QAAkB,O,4BCmCP,GACfM,MAAA,CACArB,SAAA,CACAsB,KAAAC,OACAC,QAAA,GACAC,UAAA,GAEAxB,YAAA,CACAqB,KAAAC,OACAC,QAAA,GACAC,UAAA,GAEAvB,IAAA,CACAoB,KAAAC,OACAC,QAAA,GACAC,UAAA,GAEAtB,KAAA,CACAmB,KAAAC,OACAC,QAAA,GACAC,UAAA,KCzDmV,I,yBCQ/UX,EAAY,eACd,EACA,EACAC,GACA,EACA,KACA,WACA,MAIa,OAAAD,E","file":"js/chunk-e3c78340.f45c1b46.js","sourcesContent":["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('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      Pick a Subject to Start\\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.topics),function(topic){return _c('v-flex',{key:topic.key,attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md12\":\"\",\"lg12\":\"\",\"xl12\":\"\"}},[_c('subtopic-card',{attrs:{\"headline\":topic.headline,\"description\":topic.description,\"img\":topic.img,\"path\":topic.path}})],1)}),1)],1)],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}\"\n    />\r\n    <v-layout align-center justify-center>\r\n      <div class=\"size\">\r\n        Pick a Subject to Start\r\n      </div>\r\n    </v-layout>\r\n    <br>\r\n    <!--  <divide-content :my-style=\"style\" /> -->\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 topics\"\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.headline\"\r\n            :description=\"topic.description\"\r\n            :img=\"topic.img\"\r\n            :path=\"topic.path\"\r\n          />\r\n        </v-flex>\r\n      </v-layout>\r\n    </v-container>\r\n  </div>\r\n</template>\r\n<script>\r\nimport SubtopicCard from './SubTopics.vue'\r\nexport default {\r\n  components: {\r\n    SubtopicCard\r\n              },\r\n    data () {\r\n                return {\r\n                  style: {layout: \"margin: 10px\"},\r\n                  topics: [\r\n                    {\r\n                      headline: \"Physics\", description: \"Selected Examples\",\r\n                      img: \"assets/Phys.svg\", path: \"/physics/sample\"\r\n                    },\r\n                    {\r\n                      headline: \"Chemistry\", description: \"Selected Examples\",\r\n                      img: \"assets/Chem.svg\", path: \"/chemistry/sample\"\r\n                    },\r\n                    {\r\n                      headline: \"Mathematics\", description: \"Selected Examples\",\r\n                      img: \"assets/Math.svg\", path: \"/mathematics/sample\"\r\n                    },\r\n                        ]\r\n                     }\r\n            },\r\n    created () {\r\n              this.$store.commit('navigation/resetState');\r\n              this.$store.commit('navigation/changeTitle', 'Explore Our Content');\r\n              this.$store.commit('navigation/toggleshowhome', false);\r\n              this.$store.commit('navigation/replaceBrain', true);\r\n            },\r\n    metaInfo: {\r\n                    title: 'Examples',\r\n                    titleTemplate: '%s | Learn interactively',\r\n                    meta: [\r\n                            {vmid: 'description', name: 'description', content: 'Explore our visually interactive content on physics, chemistry and math.'},\r\n                            {vmid: 'keywords', name: 'keywords', content: 'Learn to code, visual interactive programming interface'},\r\n                          ]\r\n                     }\r\n                }\r\n</script>\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!./Subjects.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!./Subjects.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Subjects.vue?vue&type=template&id=721fecfa&\"\nimport script from \"./Subjects.vue?vue&type=script&lang=js&\"\nexport * from \"./Subjects.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function 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":""}