{"version":3,"sources":["webpack:///./src/components/physics/fluids/SubtopicMenu.vue?3698","webpack:///./src/components/physics/fluids/SubtopicMenu.vue","webpack:///src/components/physics/fluids/SubtopicMenu.vue","webpack:///./src/components/physics/fluids/SubtopicMenu.vue?7f55","webpack:///./src/components/physics/fluids/SubtopicMenu.vue?0ede","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","_c","key","topic","render","name","components","SubtopicCard","props","myStyle","type","Object","default","data","topics","headline","description","img","path","index","created","_this","$store","commit","title","newTopics","action","$router","push","newshowhome","newPhys","newLeftArrow","methods","component","staticRenderFns","staticStyle","scopedSlots","fn","_ref","hover","String","required"],"mappings":"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","file":"js/chunk-7cad6402.e09718cd.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=bf5708ba&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 mechanics of fluids.\\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 mechanics of fluids.\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: 'FluidMechanics',\r\n  components: {\r\n    SubtopicCard\r\n  },\r\n  props: {\r\n      myStyle: {\r\n          type: Object,\r\n          default: () => {}\r\n      },},\r\n  data () {\r\n    return {\r\n      topics: [\r\n        {\r\n          headline: \"Bernoulli Equation\", description: \"Principle based on conservation of energy that describes the variations in fluid pressure with its velocity and altitude\",\r\n          img: \"/assets/wdice-1.svg\", path: \"/physics/fluids/bernoulli\", index: \"hidden\"\r\n        },\r\n        {\r\n          headline: \"Capillary Effect\", description: \"Effect that explains the rise of fluid column in narrow channels due to action of surface tension\",\r\n          img: \"/assets/wdice-2.svg\", path: \"/physics/fluids/capillary\", index: \"hidden\"\r\n        },\r\n        {\r\n          headline: \"Continuity Equation\", description: \"Thin zones of high shear stress that are formed during flow of fluids around solid objects\",\r\n          img: \"/assets/wdice-3.svg\", path: \"/physics/fluids/continuity\", index: \"hidden\"\r\n        },\r\n        {\r\n          headline: \"Airfoil Theory\", description: \"Mathematical transformation that maps an airfoil to a cylinder\",\r\n          img: \"/assets/wdice-4.svg\", path: \"/physics/fluids/joukowsky\", index: \"hidden\"\r\n        }\r\n      ]\r\n    }\r\n  },\r\n  created () {\r\n    this.$store.commit('navigation/resetState');\r\n    const title = 'Fluid Mechanics';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Bernoulli Equation',img:'/assets/number-1.svg', action: () => this.$router.push({path: 'fluid-mechanics/bernoulli'})},\r\n      {title: 'Capillary Effect', img:'/assets/number-2.svg', action: () => this.$router.push({path: 'fluid-mechanics/capillary_effect'})},\r\n      {title: 'Continuity Equation', img:'/assets/number-3.svg', action: () => this.$router.push({path: 'fluid-mechanics/continuity`'})},\r\n      {title: 'Joukowsky Transformation', img:'/assets/number-4.svg', action: () => this.$router.push({path: 'fluid-mechanics/joukowsky'})},\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=bf5708ba&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=bf5708ba&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  \"bf5708ba\",\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!./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":""}