{"version":3,"sources":["webpack:///./src/components/mechanics/SubtopicMenu.vue?b9c7","webpack:///./src/views/SubtopicCard.vue?7e65","webpack:///./src/components/mechanics/SubtopicMenu.vue","webpack:///./src/views/SubtopicCard.vue","webpack:///src/views/SubtopicCard.vue","webpack:///./src/views/SubtopicCard.vue?9e66","webpack:///./src/views/SubtopicCard.vue?8c1f","webpack:///src/components/mechanics/SubtopicMenu.vue","webpack:///./src/components/mechanics/SubtopicMenu.vue?2b16","webpack:///./src/components/mechanics/SubtopicMenu.vue?f5a8"],"names":["attrs","_c","_vm","key","topic","render","staticStyle","scopedSlots","fn","_ref","hover","staticClass","_v","staticRenderFns","props","headline","type","String","default","required","description","img","path","component","components","SubtopicCard","data","headline1","topics1","headline2","topics2","created","_this","$store","commit","newTopics","title","action","$router","push","methods"],"mappings":"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","file":"js/chunk-2fcc5eac.4c108133.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=7ffb6e4b&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!./SubtopicCard.vue?vue&type=style&index=0&id=7d0118da&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{attrs:{\"grid-list-xl\":\"\",\"text-xs-center\":\"\",\"fluid\":\"\"}},[_c('v-layout',{attrs:{\"justify-space-around\":\"\",\"wrap\":\"\",\"row\":\"\"}},_vm._l((_vm.topics1),function(topic){return _c('v-flex',{key:topic.key,attrs:{\"xs12\":\"\",\"sm6\":\"\"}},[_c('subtopic-card',{attrs:{\"headline\":topic.headline,\"description\":topic.description,\"img\":topic.img,\"path\":topic.path}})],1)}),1),_c('br'),_c('v-layout',{attrs:{\"justify-space-around\":\"\",\"wrap\":\"\",\"row\":\"\"}},_vm._l((_vm.topics2),function(topic){return _c('v-flex',{key:topic.key,attrs:{\"xs12\":\"\",\"sm6\":\"\"}},[_c('subtopic-card',{attrs:{\"headline\":topic.headline,\"description\":topic.description,\"img\":topic.img,\"path\":topic.path}})],1)}),1),_c('v-layout',{attrs:{\"align-left\":\"\",\"justify-space-around\":\"\",\"wrap\":\"\",\"row\":\"\"}},_vm._l((_vm.topics3),function(topic){return _c('v-flex',{key:topic.key,attrs:{\"xs12\":\"\",\"sm6\":\"\"}},[_c('subtopic-card',{attrs:{\"headline\":topic.headline,\"description\":topic.description,\"img\":topic.img,\"path\":topic.path}})],1)}),1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('router-link',{attrs:{\"to\":_vm.path}},[_c('v-container',{staticStyle:{\"padding\":\"10px\"},attrs:{\"grid-list-xs\":\"\",\"justify-center\":\"\"}},[_c('v-layout',{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:0,\"max-width\":\"300px\",\"align\":\"center\",\"justify\":\"center\"}},[_c('v-img',{staticClass:\"ma-2\",attrs:{\"src\":_vm.img,\"contain\":\"\"}}),_c('v-row',{attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('span',{staticClass:\"subjects\"},[_vm._v(\"\\n              \"+_vm._s(_vm.headline)+\"\\n            \")])])],1)]}}])})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <router-link :to=\"path\">\r\n    <v-container style=\"padding:10px\" grid-list-xs justify-center>\r\n      <v-layout\r\n        align-center\r\n        justify-center\r\n        row\n      >\r\n        <v-hover v-slot:default=\"{ hover }\">\r\n          <v-card class=\"rounded-card\"\r\n                  :elevation=\"hover ? 9:0\"\r\n                  max-width=\"300px\"\r\n                  align=\"center\"\r\n                  justify=\"center\"\r\n          >\r\n            <v-img\r\n              class=\"ma-2\"\r\n              :src=\"img\"\r\n              contain\r\n            />\r\n            <v-row align=\"center\" justify=\"center\">\r\n              <span class=\"subjects\">\r\n                {{ headline }}\r\n              </span>\r\n            </v-row>\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: 130px; width:130px; border-radius: 4.5px; }\r\n  @include respond-to(smallest-screens) { height: 140px; width:140px; border-radius: 4.5px; }\r\n  @include respond-to(small-screens) { height: 150px; width:150px;border-radius: 5.5px;}\r\n  @include respond-to(medium-screens) { height:220px; width:220px;border-radius: 6.5px;}\r\n  @include respond-to(large-screens) { height: 250px; width:250px;border-radius: 7.5px;}\r\n  @include respond-to(largest-screens) { height:300px; width:300px; 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  @include respond-to(less-smallest-screens) {height:60px; top:10px;}\r\n  @include respond-to(smallest-screens) {height:60px;top:10px;}\r\n  @include respond-to(small-screens) {height: 70px;top:10px;}\r\n  @include respond-to(medium-screens) {height:100px;top:7.5px;}\r\n  @include respond-to(large-screens) {height: 130px;top:8.5px;}\r\n  @include respond-to(largest-screens) {height:140px; top:20px;}\r\n  padding-bottom:20px;\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  padding-top:20px;\r\n  @include respond-to(less-smallest-screens) {font-size:1.25em;}\r\n  @include respond-to(smallest-screens) {font-size:1.3em;}\r\n  @include respond-to(small-screens) {font-size:1.2em;}\r\n  @include respond-to(medium-screens) {font-size:1.25em;}\r\n  @include respond-to(large-screens) {font-size:1.5em; top:10px;}\r\n  @include respond-to(largest-screens) {font-size:1.5em; top:35px;}\r\n  }\r\na {\r\n  text-decoration: none !important;\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!./SubtopicCard.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!./SubtopicCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubtopicCard.vue?vue&type=template&id=7d0118da&scoped=true&\"\nimport script from \"./SubtopicCard.vue?vue&type=script&lang=js&\"\nexport * from \"./SubtopicCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubtopicCard.vue?vue&type=style&index=0&id=7d0118da&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  \"7d0118da\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <v-container grid-list-xl text-xs-center fluid>\r\n    <!--    <div  class=\"horizontal-divider\">\r\n      <p class=\"horizontal-divider-text\">\r\n        {{headline1}}\r\n      </p>\r\n    </div>\r\n-->\r\n    <v-layout\r\n      justify-space-around\r\n      wrap\r\n      row\r\n    >\r\n      <v-flex v-for=\"topic in topics1\"\r\n              :key=\"topic.key\"\r\n              xs12\r\n              sm6\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    <br>\r\n    <v-layout\r\n      justify-space-around\r\n      wrap\r\n      row\r\n    >\r\n      <v-flex v-for=\"topic in topics2\"\r\n              :key=\"topic.key\"\r\n              xs12\r\n              sm6\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-layout align-left\r\n              justify-space-around\r\n              wrap\r\n              row\r\n    >\r\n      <v-flex v-for=\"topic in topics3\"\r\n              :key=\"topic.key\"\r\n              xs12\r\n              sm6\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</template>\r\n\r\n<script>\r\nimport SubtopicCard from '../../views/SubtopicCard.vue'\r\nexport default {\r\n  components: {\r\n    SubtopicCard\r\n  },\r\n  data () {\r\n    return {\r\n      headline1: 'Conservative Forces',\r\n      topics1: [\r\n      {\r\n        headline: \"Gravitational Force\", description: \"The attractive force acting between bodies due to virtue of their mass.\",\r\n        img:\"assets/one.svg\", path: \"physics/gravity\"\r\n      },\r\n      { headline: \"Elastic Force\", description: \"The restoring force exerted by an elastic material when it is stretched or compressed.\",\r\n        img: \"assets/two.svg\", path: \"mechanics/elastic\"\r\n      },\r\n      ],\r\n      headline2:'Non-conservative Forces',\r\n      topics2: [\r\n        { headline: \"Friction\", description: \"The force resisting the relative motion between two solid surface that are sliding against each other. \",\r\n          img: \"assets/three.svg\", path: \"mechanics/friction\"\r\n        },\r\n        {\r\n          headline: \"Buoyant Force\", description: \"The upward force exerted by any fluid upon a body that is fully or partially immersed in it.\",\r\n          img: \"assets/four.svg\", path: \"mechanics/buoyancy\"\r\n        },\r\n        ]\r\n    }\r\n  },\r\n  created () {\r\n    this.$store.commit('navigation/changeTitle', 'Forces in Mechanics');\r\n    this.$store.commit('navigation/changeMenu', 'Forces in Mechanics');\r\n    let newTopics = [\r\n      {title: 'Gravitational Force', img:'assets/number-1.svg', action: () => this.$router.push({path: 'physics/gravity'})},\r\n      {title: 'Elastic Force', img:'assets/number-2.svg', action: () => this.$router.push({path: 'mechanics/elastic'})},\r\n      {title: 'Friction', img:'assets/number-3.svg', action: () => this.$router.push({path: 'mechanics/friction'})},\r\n      {title: 'Buoyant Force', img:'assets/number-4.svg', action: () => this.$router.push({path: 'mechanics/buoyancy'})}\r\n    ];\r\n    this.$store.commit('navigation/replaceTopics', newTopics);\r\n  },\r\n  methods: {\r\n  }\r\n}\r\n</script>\r\n<style scoped lang=\"scss\">\r\n@import 'src/styles/subtopic-menu.scss';\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!./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=7ffb6e4b&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=7ffb6e4b&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  \"7ffb6e4b\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}