{"version":3,"sources":["webpack:///./src/components/physics/sp/SubtopicMenu.vue?7de1","webpack:///./src/views/SubTopics.vue?43e0","webpack:///./src/components/physics/sp/SubtopicMenu.vue","webpack:///src/components/physics/sp/SubtopicMenu.vue","webpack:///./src/components/physics/sp/SubtopicMenu.vue?3438","webpack:///./src/components/physics/sp/SubtopicMenu.vue?cc7f","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","_c","key","topic","render","name","components","SubtopicCard","data","topics","headline","description","img","path","created","_this","$store","commit","newTopics","title","action","$router","push","newshowhome","newPhys","newLeftArrow","methods","component","staticRenderFns","staticStyle","scopedSlots","fn","_ref","hover","props","type","String","default","required"],"mappings":"2IAAA,W,6DCAA,W,iFCAuFA,a,IAAiCC,EAAM,K,EAAC,QAAaC,G,OAAiC,QAAY,CAAEA,EAAG,MAACC,CAA6B,iCAAG,MAAI,CAAYC,YAAM,8BAAC,WAAc,EAAC,iCAAMC,EAAG,OAAM,CAACL,OAAgCC,eAAM,K,CAA8C,QAAUC,CAAiC,gCAAE,MAAK,CAAQF,SAAY,8BAAYE,SAAU,EAAG,SAAQ,uB,CAAoJ,U,YAAkB,WAAmB,qJAAE,MAAK,CAAYE,eAAM,GAAC,iBAAiB,K,CAAqB,SAAM,CAAE,OAAGF,eAAkB,GAAkB,iBAAmB,GAACI,IAAIC,K,EAAiB,KAAO,QAAE,Y,OAAC,EAAM,OAAG,C,IAAC,EAAO,I,MAAG,CAAU,KAAO,GAAE,QAAIF,KAAG,GAAiBD,KAAM,GAAC,U,CAA0D,kBAAe,C,MAAC,CAAiB,oBAAI,YAAG,cAAK,IAAKC,EAAG,IAC/9B,gBAGQG,M,qDCwCM,GACfC,KAAA,eACAC,WAAA,CACAC,qBAEAC,KAAA,WACA,OACAC,OAAA,CACA,CACAC,SAAA,kBAAAC,YAAA,iIACAC,IAAA,sBAAAC,KAAA,kBAEA,CAAAH,SAAA,qBAAAC,YAAA,gEACAC,IAAA,sBAAAC,KAAA,qBAKAC,QAAA,eAAAC,EAAA,KACA,KAAAC,OAAAC,OAAA,yBACA,KAAAD,OAAAC,OAAA,yCACA,KAAAD,OAAAC,OAAA,wCACA,IAAAC,EAAA,CACA,CAAAC,MAAA,kBAAAP,IAAA,uBAAAQ,OAAA,kBAAAL,EAAAM,QAAAC,KAAA,CAAAT,KAAA,qBACA,CAAAM,MAAA,qBAAAP,IAAA,uBAAAQ,OAAA,kBAAAL,EAAAM,QAAAC,KAAA,CAAAT,KAAA,sBAEA,KAAAG,OAAAC,OAAA,2BAAAC,GACA,IAAAK,GAAA,EACA,KAAAP,OAAAC,OAAA,4BAAAM,GACA,IAAAC,GAAA,EACA,KAAAR,OAAAC,OAAA,yBAAAO,GACA,IAAAC,GAAA,EACA,KAAAT,OAAAC,OAAA,8BAAAQ,IAEAC,QAAA,IC9EoX,I,wBCQhXC,EAAY,eACd,EACA,EACAC,GACA,EACA,KACA,WACA,MAIa,aAAAD,E,uHCnB4F,EAAK,W,IAAeE,O,EAAa,QAAU,G,OAAM,iBAAC7B,MAAM,CAAC,YAA4B,WAAE,YAAK,CAAYJ,QAAY,O,MAAc,CAAkB,eAAgB,GAAI,MAAM,KAAK,CAACK,EAAG,OAAS,CAAE6B,YAAYhC,O,MAAa,CAAUiC,eAAGC,G,iBAAgB,G,IAAI,K,UAAsD,C,YAAC,KAAW,CAACC,C,0BAA4B,G,IAAoB,EAAO,EAAC,M,MAAS,UAAU,C,YAAmB,eAAE,OAAIhC,UAAQ,MAACL,OAAW,OAAqCiC,YAAY,QAAC,MAAQ,SAAO,iBAAI/B,QAAO,KAAiH+B,QAAW,C,YAAU,oCAAO,aAAI/B,MAAO,UAA8F+B,uBAAY,2C,YAAS,oCAAO,aAAI5B,MAAG,UAAiCD,GAAK,GAAC,iE,YAAWY,O,YAAc,CAAE,iBAAQ,UAAG,wBAAQ,MAAK,CACh+B,UACGgB,QAAkB,O,4BCmCP,GACfM,MAAA,CACAxB,SAAA,CACAyB,KAAAC,OACAC,QAAA,GACAC,UAAA,GAEA3B,YAAA,CACAwB,KAAAC,OACAC,QAAA,GACAC,UAAA,GAEA1B,IAAA,CACAuB,KAAAC,OACAC,QAAA,GACAC,UAAA,GAEAzB,KAAA,CACAsB,KAAAC,OACAC,QAAA,GACAC,UAAA,KCzDmV,I,wBCQ/UX,EAAY,eACd,EACA,EACAC,GACA,EACA,KACA,WACA,MAIa,OAAAD,E","file":"js/chunk-0e047d0a.73e437c2.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!./SubtopicMenu.vue?vue&type=style&index=0&id=2d721f30&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=63f8118a&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\":\"\"}},[_c('div',{staticClass:\"font-weight-light\",class:{'headline': _vm.$vuetify.breakpoint.mdAndUp, 'body-1': _vm.$vuetify.breakpoint.smAndDown}},[_c('span',{staticClass:\"subhead\"},[_vm._v(\"E\")]),_vm._v(\"xplore our library of meticulously crafted lessons on the subject of oscillatory motions.\\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),_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>\r\n      <div class=\"font-weight-light\"\r\n           :class=\"{'headline': $vuetify.breakpoint.mdAndUp, 'body-1': $vuetify.breakpoint.smAndDown}\"\r\n      >\r\n        <span class=\"subhead\">E</span>xplore our library of meticulously crafted lessons on the subject of oscillatory motions.\r\n        <br>\r\n        <br>\r\n      </div>\r\n    </v-layout>\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    <br>\r\n    <br>\r\n    <br>\r\n  </div>\r\n</template>\r\n<script>\r\nimport SubtopicCard from '../../../views/SubTopics.vue'\r\nexport default {\r\n  name: 'Oscillations',\r\n  components: {\r\n    SubtopicCard\r\n  },\r\n  data () {\r\n    return {\r\n      topics: [\r\n      {\r\n        headline: \"Simple Pendulum\", description: \"Hooke's law is a fundamental principle of mechanics that relates the elongation/compression of a spring to the load applied.  \",\r\n        img:\"/assets/wdice-1.svg\", path: \"/physics/sp/sp\"\r\n      },\r\n      { headline: \"Spring-Mass System\", description: \"Learn about the potential energy stored in a deformed spring.\",\r\n        img: \"/assets/wdice-2.svg\", path: \"/physics/sp/sm\"\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', 'Oscillations');\r\n    this.$store.commit('navigation/changeMenu', 'Oscillations');\r\n    let newTopics = [\r\n      {title: 'Simple Pendulum', img:'/assets/number-1.svg', action: () => this.$router.push({path: '/physics/sp/sp'})},\r\n      {title: 'Spring-Mass System', img:'/assets/number-2.svg', action: () => this.$router.push({path: '/physics/sp/sm'})},\r\n    ];\r\n    this.$store.commit('navigation/replaceTopics', newTopics);\r\n    let newshowhome = false;\r\n    this.$store.commit('navigation/toggleshowhome', newshowhome);\r\n    let newPhys =true;\r\n    this.$store.commit('navigation/replacePhys', newPhys);\r\n    let newLeftArrow =true;\r\n    this.$store.commit('navigation/replaceLeftArrow', newLeftArrow);\r\n  },\r\n  methods: {\r\n  }\r\n}\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.subhead {\r\ncolor: #903;\r\nfloat: left;\r\nfont-family: Georgia;\r\nfont-size: 75px;\r\nline-height: 60px;\r\npadding-top: 4px;\r\npadding-right: 8px;}\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!./SubtopicMenu.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!./SubtopicMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubtopicMenu.vue?vue&type=template&id=2d721f30&scoped=true&\"\nimport script from \"./SubtopicMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./SubtopicMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubtopicMenu.vue?vue&type=style&index=0&id=2d721f30&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  \"2d721f30\",\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('h4',{staticClass:\"font-weight-bold mt-2 text-center\",staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.description)+\"\\n          \")]),_c('v-divider',{staticClass:\"mt-3\",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            <h4 style=\"color:black;\" class=\" font-weight-bold mt-2 text-center\">\r\n              {{ description }}\r\n            </h4>\r\n            <v-divider style=\"color:black;\" class=\"mt-3\" />\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=63f8118a&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=63f8118a&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  \"63f8118a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}