{"version":3,"sources":["webpack:///./src/views/Demo/Dashboard.vue","webpack:///./src/views/Demo/dash-1.vue","webpack:///src/views/Demo/dash-1.vue","webpack:///./src/views/Demo/dash-1.vue?cc6f","webpack:///./src/views/Demo/dash-1.vue?00e5","webpack:///./src/views/Demo/dash-2.vue","webpack:///src/views/Demo/dash-2.vue","webpack:///./src/views/Demo/dash-2.vue?9b7b","webpack:///./src/views/Demo/dash-2.vue?5310","webpack:///src/views/Demo/Dashboard.vue","webpack:///./src/views/Demo/Dashboard.vue?8de4","webpack:///./src/views/Demo/Dashboard.vue?4935","webpack:///./src/views/Divider.vue","webpack:///src/views/PP/Divider.vue","webpack:///./src/views/Divider.vue?a8a0","webpack:///./src/views/Divider.vue?89f6","webpack:///./src/views/Demo/Dashboard.vue?3d3b","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","attrs","class","$vuetify","_vm","_c","staticRenderFns","staticStyle","style","myStyle","breakpoint","lgAndUp","layout","name","props","type","Object","default","data","component","topic","path","render","components","SubtopicCard","headline","topics","description","img","EdliyContent","TopicContent","DivideContent","created","$store","commit","metaInfo","title","meta","vmid","content","charset","link","rel","href","scopedSlots","fn","_ref","hover","String","required"],"mappings":"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","file":"js/chunk-1def3366.efba2815.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"main\",attrs:{\"align-content-center\":\"\"}},[_c('div',{staticClass:\"font-weight-medium\",class:{'display-1': _vm.$vuetify.breakpoint.mdAndUp, 'subheading': _vm.$vuetify.breakpoint.smAndDown}},[_c('div',{staticClass:\"font-weight-medium\",class:{'display-1': _vm.$vuetify.breakpoint.mdAndUp, 'subheading': _vm.$vuetify.breakpoint.smAndDown}},[_c('a',{staticClass:\"btntitle\",attrs:{\"href\":\"#/courses\"}})])]),(_vm.$vuetify.breakpoint.xlAndUp)?_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('v-card',{staticClass:\"rounded-card\",attrs:{\"elevation\":\"1\",\"max-width\":\"2400px\"}},[_c('edliy-content',{attrs:{\"my-style\":_vm.style}})],1)],1):_c('edliy-content',{attrs:{\"my-style\":{layout: ''}}}),_c('div',{staticClass:\"font-weight-medium\",class:{'display-1': _vm.$vuetify.breakpoint.mdAndUp, 'subheading': _vm.$vuetify.breakpoint.smAndDown}},[_c('a',{staticClass:\"btntitle\",attrs:{\"href\":\"#/courses\"}})]),_c('divide-content',{attrs:{\"my-style\":_vm.style}}),(_vm.$vuetify.breakpoint.xlAndUp)?_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('v-card',{staticClass:\"rounded-card\",attrs:{\"elevation\":\"1\",\"max-width\":\"2400px\"}},[_c('topic-content',{attrs:{\"my-style\":_vm.style}})],1)],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"sc123\"}},[_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('v-layout',{class:{'px-4': _vm.$vuetify.breakpoint.lgAndUp,'px-2': _vm.$vuetify.breakpoint.mdOnly, 'px-0': _vm.$vuetify.breakpoint.smAndDown},style:(_vm.myStyle.layout),attrs:{\"align-center\":\"\",\"justify-center\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"font-weight-light subheader-content\",class:{'headline px-4': _vm.$vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': _vm.$vuetify.breakpoint.mdOnly, 'body-2 px-0': _vm.$vuetify.breakpoint.smAndDown},attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md12\":\"\",\"lg12\":\"\",\"xl12\":\"\"}},[_vm._v(\"\\n      At MagicGraph, we offer a wide array of analytics and visualizations aids that range from visually active illustrations, virtual experiments, and self-guided test modules, to interactive charts and graphs.\\n      \"),_c('br'),_c('br'),_c('v-layout',{staticClass:\"my-2 pa-0\",attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-flex',{attrs:{\"xl4\":\"\",\"sm4\":\"\",\"md4\":\"\",\"lg4\":\"\",\"xs4\":\"\",\"justify-center\":\"\"}},[_c('v-layout',{attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-img',{attrs:{\"src\":\"/assets/eggOne.svg\",\"max-height\":\"80px\",\"max-width\":\"80px\",\"contain\":\"\"}})],1),_c('v-layout',{staticClass:\"mt-3 mx-auto\",attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('h4',{staticStyle:{\"color\":\"black\"},attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_vm._v(\"Visio-interactive\")])]),_c('v-layout',{staticClass:\"mt-0 mx-auto\",attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('h4',{staticStyle:{\"color\":\"black\"},attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_vm._v(\" Data Analytics \")])])],1),_c('v-flex',{staticClass:\"pa-2\",attrs:{\"xl4\":\"\",\"sm4\":\"\",\"md4\":\"\",\"lg4\":\"\",\"xs4\":\"\"}},[_c('v-layout',{attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-img',{attrs:{\"src\":\"/assets/eggTwo.svg\",\"max-height\":\"80px\",\"max-width\":\"80px\",\"contain\":\"\"}})],1),_c('v-layout',{staticClass:\"mt-3\",attrs:{\"justify-center\":\"\"}},[_c('h4',{staticStyle:{\"color\":\"black\"}},[_vm._v(\" Immersive\")])]),_c('v-layout',{staticClass:\"mt-0 mx-auto\",attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('h4',{staticStyle:{\"color\":\"black\"},attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_vm._v(\"Visualizations\")])])],1),_c('v-flex',{staticClass:\"pa-2\",attrs:{\"xl4\":\"\",\"sm4\":\"\",\"md4\":\"\",\"lg4\":\"\",\"xs4\":\"\"}},[_c('v-layout',{attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-img',{attrs:{\"src\":\"/assets/eggThree.svg\",\"max-height\":\"80px\",\"max-width\":\"80px\",\"contain\":\"\"}})],1),_c('v-layout',{staticClass:\"mt-3 mx-auto\",attrs:{\"justify-center\":\"\"}},[_c('h4',{staticStyle:{\"color\":\"black\"}},[_vm._v(\"Real-time\")])]),_c('v-layout',{staticClass:\"mt-0 mx-auto\",attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('h4',{staticStyle:{\"color\":\"black\"},attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_vm._v(\"Collaboration\")])])],1)],1)],1)],1),_c('div',{staticStyle:{\"margin-top\":\"20px\"}}),_c('v-layout',{class:{'px-4': _vm.$vuetify.breakpoint.lgAndUp,'px-2': _vm.$vuetify.breakpoint.mdOnly, 'px-0': _vm.$vuetify.breakpoint.smAndDown},style:(_vm.myStyle.layout),attrs:{\"align-center\":\"\",\"justify-center\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm5\":\"\",\"md5\":\"\",\"lg5\":\"\",\"xl5\":\"\"}},[_c('div',{staticClass:\"font-weight-medium\",class:{'display-1 px-4': _vm.$vuetify.breakpoint.lgAndUp,'headline px-2': _vm.$vuetify.breakpoint.mdOnly, 'title px-0': _vm.$vuetify.breakpoint.smAndDown}},[_c('span',{staticStyle:{\"font-family\":\"Oswald\"}},[_vm._v(\" Cutting-Edge Analytics\")])]),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('div',{staticClass:\"font-weight-light subheader-content\",class:{'headline px-4': _vm.$vuetify.breakpoint.lgAndUp, 'subtitle-1 px-2': _vm.$vuetify.breakpoint.mdOnly, 'body-2 px-0': _vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n        MagicGraph combines cutting-edge analytics with interactive visuals.\\n        \"),_c('br'),_c('a',{staticClass:\"btnLeft mt-3 mb-3\",attrs:{\"href\":\"https://edliy.com/gradesMath\"}},[_vm._v(\"Start Learning!\")])])]),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm7\":\"\",\"md7\":\"\",\"lg7\":\"\",\"xl7\":\"\",\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-responsive',{staticClass:\"mt-2\",attrs:{\"aspect-ratio\":1.665}},[_c('iframe',{staticStyle:{\"border\":\"1.25px solid black\",\"border-radius\":\"4.5px\",\"background\":\"white\",\"position\":\"absolute\",\"top\":\"0\",\"left\":\"0\"},attrs:{\"src\":\"https://www.youtube.com/embed/mL-EfwAE3wo?theme=dark&loop=1&controls=0&rel=0&modestbranding=1\",\"width\":\"100%\",\"height\":\"100%\",\"frameborder\":\"0\"}})]),_c('br'),_c('v-divider',{staticClass:\"mt-3 mb-3\"}),_c('br')],1)],1),_c('v-layout',{class:{'px-4': _vm.$vuetify.breakpoint.lgAndUp,'px-2': _vm.$vuetify.breakpoint.mdOnly, 'px-0': _vm.$vuetify.breakpoint.smAndDown},style:(_vm.myStyle.layout),attrs:{\"align-center\":\"\",\"justify-end\":\"\",\"row\":\"\",\"wrap\":\"\",\"reverse\":\"$vuetify.breakpoint.mdAndUp\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm5\":\"\",\"md5\":\"\",\"lg5\":\"\",\"xl5\":\"\"}},[_c('div',{staticClass:\"font-weight-medium\",class:{'display-1 px-4': _vm.$vuetify.breakpoint.lgAndUp,'headline px-2': _vm.$vuetify.breakpoint.mdOnly, 'title px-1': _vm.$vuetify.breakpoint.smAndDown}},[_c('span',{staticStyle:{\"font-family\":\"Oswald\"}},[_vm._v(\" Image Processing \")])]),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('div',{staticClass:\"font-weight-light subheader-content\",class:{'headline px-4': _vm.$vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': _vm.$vuetify.breakpoint.mdOnly, 'body-2 px-1': _vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n        MagicGraph's virtual lab lets you conduct experiments and explore scientific concepts in a simulated environment.\\n        \"),_c('br'),_c('a',{staticClass:\"btnLeft mt-3 mb-3\",attrs:{\"href\":\"https://edliy.com/gradesMath\"}},[_vm._v(\"Try It Yourself!\")])])]),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm7\":\"\",\"md7\":\"\",\"lg7\":\"\",\"xl7\":\"\"}},[_c('v-responsive',{staticClass:\"mt-2\",attrs:{\"aspect-ratio\":1.678}},[_c('iframe',{staticStyle:{\"border\":\"1.5px solid black\",\"border-radius\":\"4.5px\"},attrs:{\"src\":\"https://www.youtube.com/embed/KtTrDDZwr30?controls=0&rel=0\",\"width\":\"100%\",\"height\":\"100%\"}})]),_c('br'),_c('v-divider',{staticClass:\"mt-3 mb-3\"}),_c('br')],1)],1),_c('v-layout',{class:{'px-4': _vm.$vuetify.breakpoint.lgAndUp,'px-2': _vm.$vuetify.breakpoint.mdOnly, 'px-0': _vm.$vuetify.breakpoint.smAndDown},style:(_vm.myStyle.layout),attrs:{\"align-center\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm5\":\"\",\"md5\":\"\",\"lg5\":\"\",\"xl5\":\"\"}},[_c('div',{staticClass:\"font-weight-medium\",class:{'display-1 px-4': _vm.$vuetify.breakpoint.lgAndUp,'headline px-2': _vm.$vuetify.breakpoint.mdOnly, 'title px-0': _vm.$vuetify.breakpoint.smAndDown}},[_c('span',{staticStyle:{\"font-family\":\"Oswald\"}},[_vm._v(\" Interactive Samplers\")])]),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('div',{staticClass:\"font-weight-light subheader-content\",class:{'headline px-4': _vm.$vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': _vm.$vuetify.breakpoint.mdOnly, 'body-2 px-0': _vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n        End exam anxiety with \"),_c('span',{staticClass:\"edliy-e\"},[_vm._v(\"ε\")]),_vm._v(\"dliy's ExamEasy. ExamEasy offers visually active test modules with built-in analytics and AI-powered adaptive engine.\\n        \"),_c('br'),_c('a',{staticClass:\"btnLeft mt-3 mb-3\",attrs:{\"href\":\"https://edliy.com/gradesMath\"}},[_vm._v(\" See Our Apps in Action!\")])])]),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm7\":\"\",\"md7\":\"\",\"lg7\":\"\",\"xl7\":\"\"}},[_c('v-responsive',{staticClass:\"mt-3\",attrs:{\"aspect-ratio\":\"1.678\"}},[_c('iframe',{staticStyle:{\"border\":\"1.25px solid black\",\"border-radius\":\"4.5px\",\"background\":\"white\",\"position\":\"absolute\",\"top\":\"0\",\"left\":\"0\"},attrs:{\"src\":\"https://www.youtube.com/embed/vtnpvKK4rpo?controls=0&rel=0\",\"width\":\"100%\",\"height\":\"100%\",\"frameborder\":\"0\"}})]),_c('br'),_c('v-divider',{staticClass:\"mt-3 mb-3\"}),_c('br')],1)],1),_c('v-layout',{class:{'px-4': _vm.$vuetify.breakpoint.lgAndUp,'px-2': _vm.$vuetify.breakpoint.mdOnly, 'px-0': _vm.$vuetify.breakpoint.smAndDown},style:(_vm.myStyle.layout),attrs:{\"align-center\":\"\",\"row\":\"\",\"wrap\":\"\",\"reverse\":\"$vuetify.breakpoint.mdAndUp\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm5\":\"\",\"md5\":\"\",\"lg5\":\"\",\"xl5\":\"\"}},[_c('div',{staticClass:\"font-weight-medium\",class:{'display-1 px-4': _vm.$vuetify.breakpoint.lgAndUp,'headline px-2': _vm.$vuetify.breakpoint.mdOnly, 'title px-1': _vm.$vuetify.breakpoint.smAndDown}},[_c('span',{staticStyle:{\"font-family\":\"Oswald\"}},[_vm._v(\" Interactive Graphs & Analytics \")])]),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('div',{staticClass:\"font-weight-light subheader-content\",class:{'headline px-4': _vm.$vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': _vm.$vuetify.breakpoint.mdOnly, 'body-2 px-1': _vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n        MagicGraph's interactive graphs help students visualize data, see patterns and trends, and explore relationships.\\n        \"),_c('br'),_c('a',{staticClass:\"btnLeft mt-3 mb-3\",attrs:{\"href\":\"/gradesMath\"}},[_vm._v(\"Try It Yourself!\")])])]),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm7\":\"\",\"md7\":\"\",\"lg7\":\"\",\"xl7\":\"\"}},[_c('v-responsive',{staticClass:\"mt-2\",attrs:{\"aspect-ratio\":1.665}},[_c('iframe',{staticStyle:{\"border\":\"1.25px solid black\",\"border-radius\":\"4.5px\",\"background\":\"white\",\"position\":\"absolute\",\"top\":\"0\",\"left\":\"0\"},attrs:{\"src\":\"https://www.youtube.com/embed/NBvrCxuFDEo?theme=dark&loop=1&controls=0&rel=0&modestbranding=1\",\"width\":\"100%\",\"height\":\"100%\",\"frameborder\":\"0\"}})])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"sc123\">\r\n    <div style=\"margin-top: 10px\" />\r\n    <v-layout :style=\"myStyle.layout\"\r\n              align-center\r\n              justify-center\r\n              row\r\n              wrap\r\n              :class=\"{'px-4': $vuetify.breakpoint.lgAndUp,'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\"\r\n    >\r\n      <v-flex\r\n        xs12\r\n        sm12\r\n        md12\r\n        lg12\r\n        xl12\r\n        class=\"font-weight-light subheader-content\"\r\n        :class=\"{'headline px-4': $vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': $vuetify.breakpoint.mdOnly, 'body-2 px-0': $vuetify.breakpoint.smAndDown}\"\r\n      >\r\n        At MagicGraph, we offer a wide array of analytics and visualizations aids that range from visually active illustrations, virtual experiments, and self-guided test modules, to interactive charts and graphs.\r\n        <br><br>\r\n        <v-layout\r\n      justify-center\r\n      align-center\r\n      class=\"my-2 pa-0\"\r\n    >\r\n      <v-flex\r\n        xl4\r\n        sm4\r\n        md4\r\n        lg4\r\n        xs4\r\n        justify-center\r\n      >\r\n        <v-layout justify-center align-center>\r\n          <v-img\r\n            src=\"/assets/eggOne.svg\"\r\n            max-height=\"80px\"\r\n            max-width=\"80px\"\r\n            contain\r\n          />\r\n        </v-layout>\r\n        <v-layout class=\"mt-3 mx-auto\" justify-center align-center>\r\n         <h4 style=\"color:black\" justify-center align-center>Visio-interactive</h4>\r\n        </v-layout>\r\n        <v-layout class=\"mt-0 mx-auto\" justify-center align-center>\r\n         <h4 style=\"color:black\" justify-center align-center> Data Analytics </h4>\r\n        </v-layout>\r\n      </v-flex>\r\n      <v-flex\r\n        xl4\r\n        sm4\r\n        md4\r\n        lg4\r\n        xs4\r\n        class=\"pa-2\"\r\n      >\r\n        <v-layout justify-center align-center>\r\n          <v-img\r\n            src=\"/assets/eggTwo.svg\"\r\n            max-height=\"80px\"\r\n            max-width=\"80px\"\r\n            contain\r\n          />\r\n        </v-layout>\r\n        <v-layout class=\"mt-3\" justify-center>\r\n          <h4 style=\"color:black\"> Immersive</h4>\r\n        </v-layout>\r\n        <v-layout class=\"mt-0 mx-auto\" justify-center align-center>\r\n         <h4 style=\"color:black\" justify-center align-center>Visualizations</h4>\r\n        </v-layout>\r\n      </v-flex>\r\n      <v-flex\r\n        xl4\r\n        sm4\r\n        md4\r\n        lg4\r\n        xs4\r\n        class=\"pa-2\"\r\n      >\r\n        <v-layout justify-center align-center>\r\n          <v-img\r\n            src=\"/assets/eggThree.svg\"\r\n            max-height=\"80px\"\r\n            max-width=\"80px\"\r\n            contain\r\n          />\r\n        </v-layout>\r\n        <v-layout class=\"mt-3 mx-auto\" justify-center>\r\n          <h4 style=\"color:black\">Real-time</h4>\r\n        </v-layout>\r\n        <v-layout class=\"mt-0 mx-auto\" justify-center align-center>\r\n         <h4 style=\"color:black\" justify-center align-center>Collaboration</h4>\r\n        </v-layout>\r\n      </v-flex>\r\n    </v-layout>\r\n      </v-flex>\r\n    </v-layout>\r\n    <div style=\"margin-top: 20px\" />\r\n    <v-layout\r\n      :style=\"myStyle.layout\"\r\n      align-center\r\n      justify-center\r\n      row\r\n      wrap\r\n      :class=\"{'px-4': $vuetify.breakpoint.lgAndUp,'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\"\r\n    >\r\n      <v-flex\r\n        xs12\r\n        sm5\r\n        md5\r\n        lg5\r\n        xl5\r\n      >\r\n        <div\r\n          class=\"font-weight-medium\"\r\n          :class=\"{'display-1 px-4': $vuetify.breakpoint.lgAndUp,'headline px-2': $vuetify.breakpoint.mdOnly, 'title px-0': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n          <span style=\"font-family:Oswald\"> Cutting-Edge Analytics</span>\r\n        </div>\r\n        <div style=\"margin-top: 10px\" />\r\n        <div\r\n          class=\"font-weight-light subheader-content\"\r\n          :class=\"{'headline px-4': $vuetify.breakpoint.lgAndUp, 'subtitle-1 px-2': $vuetify.breakpoint.mdOnly, 'body-2 px-0': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n          MagicGraph combines cutting-edge analytics with interactive visuals.\r\n          <br>\r\n          <a href=\"https://edliy.com/gradesMath\" class=\"btnLeft mt-3 mb-3\">Start Learning!</a>\r\n        </div>\r\n      </v-flex>\r\n      <v-flex\r\n        xs12\r\n        sm7\r\n        md7\r\n        lg7\r\n        xl7\r\n        justify-center\r\n        align-center\r\n      >\r\n        <v-responsive class=\"mt-2\"\r\n                      :aspect-ratio=\"1.665\"\r\n        >\r\n          <iframe\r\n            style=\"border:1.25px solid black; border-radius:4.5px; background:white; position:absolute; top:0; left: 0\"\r\n            src=\"https://www.youtube.com/embed/mL-EfwAE3wo?theme=dark&loop=1&controls=0&rel=0&modestbranding=1\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n            frameborder=\"0\"\r\n          />\r\n        </v-responsive>\r\n        <br>\r\n        <v-divider class=\"mt-3 mb-3\" />\r\n        <br>\r\n      </v-flex>\r\n    </v-layout>\r\n    <v-layout\r\n      :style=\"myStyle.layout\"\r\n      align-center\r\n      justify-end\r\n      row\r\n      wrap\r\n      reverse=\"$vuetify.breakpoint.mdAndUp\"\r\n      :class=\"{'px-4': $vuetify.breakpoint.lgAndUp,'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\"\r\n    >\r\n      <v-flex\r\n        xs12\r\n        sm5\r\n        md5\r\n        lg5\r\n        xl5\r\n      >\r\n        <div\r\n          class=\"font-weight-medium\"\r\n          :class=\"{'display-1 px-4': $vuetify.breakpoint.lgAndUp,'headline px-2': $vuetify.breakpoint.mdOnly, 'title px-1': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n          <span style=\"font-family:Oswald\"> Image Processing </span>\r\n        </div>\r\n        <div style=\"margin-top: 10px\" />\r\n        <div\r\n          class=\"font-weight-light subheader-content\"\r\n          :class=\"{'headline px-4': $vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': $vuetify.breakpoint.mdOnly, 'body-2 px-1': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n          MagicGraph's virtual lab lets you conduct experiments and explore scientific concepts in a simulated environment.\r\n          <br>\r\n          <a href=\"https://edliy.com/gradesMath\" class=\"btnLeft mt-3 mb-3\">Try It Yourself!</a>\r\n        </div>\r\n      </v-flex>\r\n      <v-flex\r\n        xs12\r\n        sm7\r\n        md7\r\n        lg7\r\n        xl7\r\n      >\r\n        <v-responsive class=\"mt-2\"\r\n                      :aspect-ratio=\"1.678\"\r\n        >\r\n          <iframe\r\n            style=\"border:1.5px solid black; border-radius:4.5px;\"\r\n            src=\"https://www.youtube.com/embed/KtTrDDZwr30?controls=0&rel=0\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n          />\r\n        </v-responsive>\r\n        <br>\r\n        <v-divider class=\"mt-3 mb-3\" />\r\n        <br>\r\n      </v-flex>\r\n    </v-layout>\r\n    <v-layout\r\n      :style=\"myStyle.layout\"\r\n      align-center\r\n      row\r\n      wrap\r\n      :class=\"{'px-4': $vuetify.breakpoint.lgAndUp,'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\"\r\n    >\r\n      <v-flex\r\n        xs12\r\n        sm5\r\n        md5\r\n        lg5\r\n        xl5\r\n      >\r\n        <div class=\"font-weight-medium\" :class=\"{'display-1 px-4': $vuetify.breakpoint.lgAndUp,'headline px-2': $vuetify.breakpoint.mdOnly, 'title px-0': $vuetify.breakpoint.smAndDown}\">\r\n          <span style=\"font-family:Oswald\"> Interactive Samplers</span>\r\n        </div>\r\n        <div style=\"margin-top: 10px\" />\r\n        <div class=\"font-weight-light subheader-content\"\r\n             :class=\"{'headline px-4': $vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': $vuetify.breakpoint.mdOnly, 'body-2 px-0': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n          End exam anxiety with <span class=\"edliy-e\">&epsilon;</span>dliy's ExamEasy. ExamEasy offers visually active test modules with built-in analytics and AI-powered adaptive engine.\r\n          <br>\r\n          <a href=\"https://edliy.com/gradesMath\" class=\"btnLeft mt-3 mb-3\"> See Our Apps in Action!</a>\r\n        </div>\r\n      </v-flex>\r\n      <v-flex\r\n        xs12\r\n        sm7\r\n        md7\r\n        lg7\r\n        xl7\r\n      >\r\n        <v-responsive class=\"mt-3\"\r\n                      aspect-ratio=\"1.678\"\r\n        >\r\n        <iframe\r\n            style=\"border:1.25px solid black; border-radius:4.5px; background:white; position:absolute; top:0; left: 0\"\r\n            src=\"https://www.youtube.com/embed/vtnpvKK4rpo?controls=0&rel=0\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n            frameborder=\"0\"\r\n          />\r\n        </v-responsive>\r\n        <br>\r\n        <v-divider class=\"mt-3 mb-3\" />\r\n        <br>\r\n      </v-flex>\r\n    </v-layout>\r\n    <v-layout\r\n      :style=\"myStyle.layout\"\r\n      align-center\r\n      row\r\n      wrap\r\n      reverse=\"$vuetify.breakpoint.mdAndUp\"\r\n      :class=\"{'px-4': $vuetify.breakpoint.lgAndUp,'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\"\r\n    >\r\n      <v-flex\r\n        xs12\r\n        sm5\r\n        md5\r\n        lg5\r\n        xl5\r\n      >\r\n        <div\r\n          class=\"font-weight-medium\"\r\n          :class=\"{'display-1 px-4': $vuetify.breakpoint.lgAndUp,'headline px-2': $vuetify.breakpoint.mdOnly, 'title px-1': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n          <span style=\"font-family:Oswald\"> Interactive Graphs & Analytics </span>\r\n        </div>\r\n        <div style=\"margin-top: 10px\" />\r\n        <div\r\n          class=\"font-weight-light subheader-content\"\r\n          :class=\"{'headline px-4': $vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': $vuetify.breakpoint.mdOnly, 'body-2 px-1': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n          MagicGraph's interactive graphs help students visualize data, see patterns and trends, and explore relationships.\r\n          <br>\r\n          <a href=\"/gradesMath\" class=\"btnLeft mt-3 mb-3\">Try It Yourself!</a>\r\n        </div>\r\n      </v-flex>\r\n      <v-flex\r\n        xs12\r\n        sm7\r\n        md7\r\n        lg7\r\n        xl7\r\n      >\r\n      <v-responsive class=\"mt-2\"\r\n                      :aspect-ratio=\"1.665\"\r\n        >\r\n          <iframe\r\n            style=\"border:1.25px solid black; border-radius:4.5px; background:white; position:absolute; top:0; left: 0\"\r\n            src=\"https://www.youtube.com/embed/NBvrCxuFDEo?theme=dark&loop=1&controls=0&rel=0&modestbranding=1\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n            frameborder=\"0\"\r\n          />\r\n        </v-responsive>\r\n      </v-flex>\r\n    </v-layout>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  name: 'AboutContent',\r\n  props: {\r\n    myStyle: {\r\n      type: Object,\r\n        default: () => {}\r\n    },\r\n  },\r\n  data () {\r\n    return {\r\n      style: {layout: \"margin:5px\"},\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!./dash-1.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!./dash-1.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./dash-1.vue?vue&type=template&id=e4585226&\"\nimport script from \"./dash-1.vue?vue&type=script&lang=js&\"\nexport * from \"./dash-1.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('div',{attrs:{\"id\":\"subjectcard123\"}},[_c('v-layout',{class:{'px-4': _vm.$vuetify.breakpoint.lgAndUp,'px-2': _vm.$vuetify.breakpoint.mdOnly, 'px-0': _vm.$vuetify.breakpoint.smAndDown},style:(_vm.myStyle.layout),attrs:{\"align-center\":\"\",\"justify-center\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md12\":\"\",\"lg12\":\"\",\"xl12\":\"\"}},[_c('div',{class:{'px-4': _vm.$vuetify.breakpoint.lgAndUp,'px-2': _vm.$vuetify.breakpoint.mdOnly, 'px-0': _vm.$vuetify.breakpoint.smAndDown}},[_c('v-layout',{staticClass:\"mt-4\"},[_c('h1',{staticStyle:{\"text-align\":\"start\"}},[_vm._v(\"\\n            Explore \"),_c('span',{staticClass:\"header-etsy\"},[_vm._v(\"ε\")]),_vm._v(\"dliy!\\n          \")])])],1)])],1),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('v-layout',{class:{'px-4': _vm.$vuetify.breakpoint.lgAndUp,'px-2': _vm.$vuetify.breakpoint.mdOnly, 'px-0': _vm.$vuetify.breakpoint.smAndDown},style:(_vm.myStyle.layout),attrs:{\"align-center\":\"\",\"justify-center\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"font-weight-light subheader-content\",class:{'headline px-4': _vm.$vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': _vm.$vuetify.breakpoint.mdOnly, 'body-2 px-0': _vm.$vuetify.breakpoint.smAndDown},attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md12\":\"\",\"lg12\":\"\",\"xl12\":\"\"}},[_vm._v(\"\\n      Explore our library of more than 100 meticulously authored lessons on a variety of topics in Science, Engineering and Mathematics.\\n      Each lesson contains brilliantly designed visually interactive simulations to provide students with a truly experiential learning environment.\\n      \"),_c('br'),_c('br')])],1),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('v-layout',{class:{'headline mt-3 px-4': _vm.$vuetify.breakpoint.lgAndUp,'subtitle-1 mt-3 px-2': _vm.$vuetify.breakpoint.mdOnly, 'body-2 mt-3 px-1': _vm.$vuetify.breakpoint.smAndDown},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),_c('br'),_c('br'),_c('br')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"subjectcard123\">\r\n    <v-layout\r\n      :style=\"myStyle.layout\"\r\n      align-center\r\n      justify-center\r\n      :class=\"{'px-4': $vuetify.breakpoint.lgAndUp,'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\"\r\n    >\r\n      <v-flex\r\n        xs12\r\n        sm12\r\n        md12\r\n        lg12\r\n        xl12\r\n      >\r\n        <div\r\n          :class=\"{'px-4': $vuetify.breakpoint.lgAndUp,'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n          <v-layout class=\"mt-4\">\r\n            <h1 style=\"text-align:start\">\n              Explore <span class=\"header-etsy\">&epsilon;</span>dliy!\n            </h1>\r\n          </v-layout>\r\n        </div>\r\n      </v-flex>\r\n    </v-layout>\r\n    <div style=\"margin-top: 10px\" />\r\n    <v-layout :style=\"myStyle.layout\"\r\n              align-center\r\n              justify-center\r\n              row\n              wrap\r\n              :class=\"{'px-4': $vuetify.breakpoint.lgAndUp,'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\"\r\n    >\r\n      <v-flex\r\n        xs12\r\n        sm12\r\n        md12\r\n        lg12\r\n        xl12\r\n        class=\"font-weight-light subheader-content\"\r\n        :class=\"{'headline px-4': $vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': $vuetify.breakpoint.mdOnly, 'body-2 px-0': $vuetify.breakpoint.smAndDown}\"\r\n      >\r\n        Explore our library of more than 100 meticulously authored lessons on a variety of topics in Science, Engineering and Mathematics.\r\n        Each lesson contains brilliantly designed visually interactive simulations to provide students with a truly experiential learning environment.\r\n        <br>\r\n        <br>\r\n      </v-flex>\r\n    </v-layout>\r\n    <div style=\"margin-top: 10px\" />\r\n    <v-layout\r\n      align-center\r\n      justify-center\r\n      row\r\n      :class=\"{'headline mt-3 px-4': $vuetify.breakpoint.lgAndUp,'subtitle-1 mt-3 px-2': $vuetify.breakpoint.mdOnly, 'body-2 mt-3 px-1': $vuetify.breakpoint.smAndDown}\"\r\n    >\r\n      <v-flex\r\n        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    <br>\r\n    <br>\r\n    <br>\r\n  </div>\r\n</template>\r\n<script>\r\nimport SubtopicCard from '../SubTopics.vue'\r\nexport default {\r\n    name: 'TopicContent',\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        style: {layout: \"margin: 20px\"},\r\n        headline: ' ',\r\n        topics: [\r\n          {\r\n            headline: \"Physics\", description: \"\",\r\n            img: \"/assets/Phys.svg\", path: \"/gradesPhy\"\r\n          },\r\n          {\r\n            headline: \"Chemistry\", description: \"\",\r\n            img: \"/assets/Chem.svg\", path: \"/gradesChem\"\r\n          },\r\n          {\r\n            headline: \"Mathematics \", description: \"\",\r\n            img: \"/assets/classroom.svg\", path: \"/gradesMath\"\r\n          },\r\n        /*  {\r\n            headline: \"Programming\", description: \"\",\r\n            img: \"/assets/chip.svg\", path: \"/programming\"\r\n          },*/\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!./dash-2.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!./dash-2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./dash-2.vue?vue&type=template&id=3a9cb58d&\"\nimport script from \"./dash-2.vue?vue&type=script&lang=js&\"\nexport * from \"./dash-2.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","<template>\r\n  <v-container align-content-center class=\"main\">\r\n    <div class=\"font-weight-medium\"\r\n         :class=\"{'display-1': $vuetify.breakpoint.mdAndUp, 'subheading': $vuetify.breakpoint.smAndDown}\"\n    >\r\n      <div class=\"font-weight-medium\"\r\n           :class=\"{'display-1': $vuetify.breakpoint.mdAndUp, 'subheading': $vuetify.breakpoint.smAndDown}\"\n      >\r\n        <a class=\"btntitle\" href=\"#/courses\" />\r\n      </div>\r\n    </div>\r\n    <v-layout v-if=\"$vuetify.breakpoint.xlAndUp\" justify-center>\r\n      <v-card class=\"rounded-card\" elevation=\"1\" max-width=\"2400px\">\r\n        <edliy-content :my-style=\"style\" />\r\n      </v-card>\r\n    </v-layout>\r\n    <edliy-content v-else :my-style=\"{layout: ''}\" />\r\n    <div class=\"font-weight-medium\"\r\n         :class=\"{'display-1': $vuetify.breakpoint.mdAndUp, 'subheading': $vuetify.breakpoint.smAndDown}\"\n    >\r\n      <a class=\"btntitle\" href=\"#/courses\" />\r\n    </div>\r\n    <divide-content :my-style=\"style\" />\r\n    <v-layout v-if=\"$vuetify.breakpoint.xlAndUp\" justify-center>\r\n      <v-card class=\"rounded-card\" elevation=\"1\" max-width=\"2400px\">\r\n        <topic-content :my-style=\"style\" />\r\n      </v-card>\r\n    </v-layout>\r\n  <!--\r\n    <topic-content v-else :my-style=\"{layout: ''}\" />\r\n    <div class=\"font-weight-medium\"\r\n         :class=\"{'display-1': $vuetify.breakpoint.xlAndUp, 'subheading': $vuetify.breakpoint.smAndDown}\"\n    >\r\n      <a class=\"btntitle\" href=\"#/courses\" />\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      <a class=\"btntitle\" href=\"#/courses\" />\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      <div class=\"font-weight-medium\"\r\n           :class=\"{'display-1': $vuetify.breakpoint.mdAndUp, 'subheading': $vuetify.breakpoint.smAndDown}\"\n      >\r\n        <a class=\"btntitle\" href=\"#/courses\" />\r\n      </div>\r\n    </div> -->\r\n  </v-container>\r\n</template>\r\n<script>\r\n// Removed import FeaturedContent from './dash-0.vue'\r\nimport EdliyContent from './dash-1.vue'\r\nimport TopicContent from './dash-2.vue'\r\nimport DivideContent from '../Divider.vue'\r\n//import YourContent from './Demo/dash-3.vue'\r\nexport default {\r\n    name: 'DemoPage',\r\n    components: {\r\n    EdliyContent,\r\n    TopicContent,\r\n    DivideContent},\r\n    data () {\r\n      return {\r\n        style: {layout: \"margin: 2%\"},\r\n        headline: ' ',\r\n             }\r\n    },\r\n    created ()  {\r\n    this.$store.commit('navigation/resetState');\r\n    this.$store.commit('navigation/changeTitle', 'Products & Services');\r\n    this.$store.commit('navigation/replaceLeftArrow', true);\r\n    this.$store.commit('navigation/toggleshowhome', false);\r\n    this.$store.commit('navigation/replaceBrain', true);\r\n    },\r\n   metaInfo: {\r\n          title:\"Products & Services\",\r\n          meta: [\r\n            {vmid:\"description\", name:\"description\", content: \"Watch our visually interactive MagicGraphs in action\"},\r\n            {vmid:\"keywords\", name:\"keywords\", content: \"Demo of visually interactive illustration in science, engineering and mathematics, STEM\"},\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/demo\"}]\r\n        }\r\n    }\r\n</script>\r\n<style lang=\"scss\">\r\n@import 'src/styles/subtopic-menu.scss';\r\n@import 'src/styles/edliy-box-about.scss';\r\n@import 'src/styles/screen-sizes.scss';\r\n#jxgbox4a input {border-style:solid;border-radius:4px;background-color:#FEBD49}\r\n.about-img {\r\n    margin-left: 100px;\r\n}\r\n.reload{\r\nposition: relative;\r\ntop: -50px;\r\nleft: 30px;\r\n}\r\n.main{\r\nmax-width:1600px;\r\nwidth:100%;\r\n}\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}\r\n.btnhead{\r\nbackground-color: #4CAF50; /* Green */\r\nborder-style: solid;\r\nborder: 0px;\r\nborder-radius: 3.5px;\r\ncolor: white;\r\npadding: 5px 15px 5px 15px;\r\ntext-align: center;\r\ntext-decoration: none;\r\ndisplay: inline-block;\r\nfont-family: Oswald;\r\n@include respond-to(less-smallest-screens) {font-size: 12px;}\r\n@include respond-to(smallest-screens) {font-size: 14px;}\r\n@include respond-to(small-screens) {font-size: 16px;}\r\n@include respond-to(medium-screens) {font-size: 20px;}\r\n@include respond-to(large-screens) {font-size: 25px;}\r\n@include respond-to(largest-screens) {font-size: 30px;}\r\n}\r\n.btntitle{\r\nborder-style: solid;\r\nborder: 0px;\r\nborder-radius: 3.5px;\r\ncolor: black;\r\npadding: 5px 15px 5px 15px;\r\ntext-align: center;\r\ntext-decoration: none;\r\ndisplay: inline-block;\r\nfont-family: Oswald;\r\nfont-size :32px;\r\n}\r\n@include respond-to(less-smallest-screens) {\r\n.size{\r\nfont-size:28px;\r\n//font-weight: bold;\r\nfont-family:Oswald;\r\n}\r\n}\r\n@include respond-to(smallest-screens) {\r\n.size{\r\nfont-size:29px;\r\n//font-weight: bold;\r\nfont-family:Oswald;\r\nposition:relative;\r\n}\r\n}\r\n@include respond-to(small-screens) {\r\n.size{\r\nfont-size:40px;\r\n//font-weight: bold;\r\nfont-family:Oswald;\r\nposition:relative;\r\n}\r\n}\r\n@include respond-to(medium-screens) {\r\n.size{\r\nfont-size:62px;\r\nfont-weight:light;\r\nfont-family:Oswald;\r\nposition:relative;\r\n}\r\n}\r\n@include respond-to(large-screens) {\r\n.size{\r\nfont-size:56px;\r\nfont-weight: light;\r\nfont-family:Oswald;\r\nposition:relative;\r\n}\r\n}\r\n@include respond-to(largest-screens) {\r\n.size{\r\nfont-size:62px;\r\nfont-weight: light;\r\nfont-family:Oswald;\r\nposition:relative;\r\n}\r\n}\r\n.imgL{\r\n@include respond-to(less-smallest-screens) {width:32%;}\r\n@include respond-to(smallest-screens) {width:37%;}\r\n@include respond-to(small-screens) {width: 60%;}\r\n@include respond-to(medium-screens) {width: 67%;}\r\n@include respond-to(large-screens) {width: 84%;}\r\n@include respond-to(largest-screens) {width: 100%;}\r\n}\r\n.imgK {\r\nmargin-left:auto;\r\nmargin-right:auto;\r\nmargin-top:auto;\r\nmargin-bottom:auto;\r\nleft:0;\r\n@include respond-to(less-smallest-screens) {width:50vw; height:50vw;}\r\n@include respond-to(smallest-screens) {width:50vw; height:50vw;}\r\n@include respond-to(small-screens) {width:40vw; height:40vw;}\r\n@include respond-to(medium-screens) {width:40vw; height:40vw;}\r\n@include respond-to(large-screens) {width:24vw; height:24vw;}\r\n@include respond-to(largest-screens) {width:24vw; height:24vw;}\r\n}\r\n.jsxbox {\r\n@include respond-to(less-smallest-screens) {width:12vw; height:12vw;}\r\n@include respond-to(smallest-screens) {width:12vw; height:12vw;}\r\n@include respond-to(small-screens) {width:12vw; height:12vw;}\r\n@include respond-to(medium-screens) {width:24vw; height:24vw;}\r\n@include respond-to(large-screens) {width:24vw; height:24vw;}\r\n@include respond-to(largest-screens) {width:24vw; height:24vw;}\r\n}\r\n.rounded-card{\r\n    border-radius:10px;\r\n    width:100%;\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!./Dashboard.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!./Dashboard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Dashboard.vue?vue&type=template&id=a8998d8c&\"\nimport script from \"./Dashboard.vue?vue&type=script&lang=js&\"\nexport * from \"./Dashboard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Dashboard.vue?vue&type=style&index=0&id=a8998d8c&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticStyle:{\"margin-top\":\"5px\"}}),_c('v-layout',{class:{'px-4': _vm.$vuetify.breakpoint.lgAndUp,'px-2': _vm.$vuetify.breakpoint.mdOnly, 'px-0': _vm.$vuetify.breakpoint.smAndDown},attrs:{\"align-center\":\"\",\"justify-center\":\"\"}},[_c('v-flex',{attrs:{\"xs6\":\"\",\"sm6\":\"\",\"md6\":\"\",\"lg6\":\"\",\"xl6\":\"\"}},[_c('v-divider',{staticClass:\"mt-3 mb-3\",attrs:{\"color\":\"black\"}})],1),_c('v-flex',{attrs:{\"xs1\":\"\",\"sm1\":\"\",\"md1\":\"\",\"lg1\":\"\",\"xl1\":\"\"}},[_c('v-img',{staticClass:\"mx-auto\",attrs:{\"src\":\"/assets/edliyProton.svg\",\"aspect-ratio\":\"1\",\"contain\":\"\",\"max-width\":\"35px\"}})],1),_c('v-flex',{attrs:{\"xs6\":\"\",\"sm6\":\"\",\"md6\":\"\",\"lg6\":\"\",\"xl6\":\"\"}},[_c('v-divider',{staticClass:\"mt-3 mb-3\",attrs:{\"color\":\"black\"}})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div style=\"margin-top:5px\" />\r\n    <v-layout\r\n      align-center\r\n      justify-center\r\n      :class=\"{'px-4': $vuetify.breakpoint.lgAndUp,'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\"\r\n    >\r\n      <v-flex\r\n        xs6\r\n        sm6\r\n        md6\r\n        lg6\r\n        xl6\r\n      >\r\n        <v-divider color=\"black\" class=\"mt-3 mb-3\" />\r\n      </v-flex>\r\n      <v-flex\r\n        xs1\r\n        sm1\r\n        md1\r\n        lg1\r\n        xl1\r\n      >\r\n        <v-img\r\n          src=\"/assets/edliyProton.svg\"\r\n          aspect-ratio=\"1\"\r\n          contain\r\n          class=\"mx-auto\"\r\n          max-width=\"35px\"\r\n        />\r\n      </v-flex>\r\n      <v-flex\r\n        xs6\r\n        sm6\r\n        md6\r\n        lg6\r\n        xl6\r\n      >\r\n        <v-divider color=\"black\" class=\"mt-3 mb-3\" />\r\n      </v-flex>\r\n    </v-layout>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'DivideContent',\r\n    props: {\r\n        myStyle: {\r\n            type: Object,\r\n            default: () => {}\r\n        }},\r\n    data () { return {}}\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!./Divider.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!./Divider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Divider.vue?vue&type=template&id=39a07be6&\"\nimport script from \"./Divider.vue?vue&type=script&lang=js&\"\nexport * from \"./Divider.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","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!./Dashboard.vue?vue&type=style&index=0&id=a8998d8c&prod&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":""}