{"version":3,"sources":["webpack:///./src/views/Home/NewAbout.vue","webpack:///./src/views/Home/EdliyL.vue","webpack:///./src/views/Home/Divider.vue","webpack:///src/views/Home/Divider.vue","webpack:///./src/views/Home/Divider.vue?b594","webpack:///./src/views/Home/Divider.vue?f2da","webpack:///src/views/Home/EdliyL.vue","webpack:///./src/views/Home/EdliyL.vue?9486","webpack:///./src/views/Home/EdliyL.vue?c4fd","webpack:///./src/views/Home/AboutContent.vue","webpack:///src/views/Home/AboutContent.vue","webpack:///./src/views/Home/AboutContent.vue?c9e7","webpack:///./src/views/Home/AboutContent.vue?6f84","webpack:///./src/views/Home/TopicContent.vue","webpack:///src/views/Home/TopicContent.vue","webpack:///./src/views/Home/TopicContent.vue?cb7a","webpack:///./src/views/Home/TopicContent.vue?baf8","webpack:///src/views/Home/NewAbout.vue","webpack:///./src/views/Home/NewAbout.vue?8975","webpack:///./src/views/Home/NewAbout.vue?ae38","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","webpack:///./src/views/Home/NewAbout.vue?efdd"],"names":["staticClass","_c","staticStyle","_vm","$vuetify","attrs","style","class","staticRenderFns","breakpoint","mdOnly","_class","_defineProperty","_class2","smAndDown","_class3","_class4","_class5","_class6","_class7","_class8","_class9","directives","name","rawName","value","_class10","_class11","_class12","_class13","component","components","DivideContent","data","layout","mounted","toggle","x","i","sArray","tArray","setInterval","document","getElementById","innerHTML","videos","getElementsByTagName","checkScroll","j","length","video","box","getBoundingClientRect","top","window","outerHeight","innerHeight","bottom","play","playbackRate","pause","currentTime","addEventListener","methods","reloadPage","location","reload","mdAndUp","_v","expression","props","myStyle","type","Object","default","key","highlight","dates","Date","_self","topic","path","render","SubtopicCard","topics","headline","description","img","EdliyContent","AboutContent","TopicContent","created","_this","ij","sjArray","$store","commit","metaInfo","title","titleTemplate","meta","vmid","content","charset","link","rel","href","scopedSlots","fn","_ref","hover","String","required"],"mappings":"iNAAqFA,aAAkB,IAAGC,EAAG,KAAOC,UAAY,G,OAAC,SAAa,CAAK,oBAAG,CAAEC,EAAG,MAACC,CAA4CC,YAAM,CAAC,sBAAuBJ,EAAG,SAAS,6BAACD,OAA2BK,iBAAM,K,CAAiB,UAAoB,2BAAE,MAAK,CAAiBA,UAAM,IAAC,YAAWF,WAAa,GAAG,gBAAQ,CAAiBE,MAAM,CAAC,WAAWF,EAAIG,UAASL,IAAG,GAAM,mBAACD,OAAiCO,WAAM,WAA+C,SAA+C,iCAAE,MAAK,CAAKP,YAAY,WAAU,mBAACK,WAAM,kCAAmB,QAAG,YAAM,WAAmEA,MAAM,CAAC,sBAAyB,EAAC,kBAAS,wCAACL,OAA2BK,iBAAM,K,CAAiB,UAAoB,2BAAE,MAAK,CAAiBA,UAAM,IAAC,YAAWF,WAAa,GAAG,gBAAQ,CAAiBE,MAAM,CAAC,WAAWF,EAAIG,UAASL,IAAG,GAAM,mBAACD,OAAiCO,WAAM,WAA+C,SAA+C,iCAAE,MAAK,CAAOP,YAAY,sBAAoB,QAACO,WAAM,kC,CAA+C,SAA+C,iCAAE,MAAK,CAAKP,YAAY,WAAU,mBAACK,WAAM,kCAAmB,QAAG,YAAQ,WAAmEA,MAAM,CAAC,wBAA0B,oBAAS,wCAACL,OAA2BK,iBAAM,K,CAAiB,UAAoB,2BAAE,MAAK,CAAiBA,UAAM,IAAC,YAAWF,WAAa,GAAG,gBAAQ,CAAiBE,MAAM,CAAC,WAAWF,EAAIG,UAASL,IAAG,GAAM,mBAACD,OAAiCO,WAAM,WAA+C,SAA+C,iCAAE,MAAK,CAAOP,YAAY,sBAAoB,QAACO,WAAM,kC,CAA+C,SAA+C,iCAAE,MAAK,CAAKP,YAAY,WAAU,mBAACK,WAAM,kCAAmB,QAAG,YAAQ,WAC55D,OACGG,yB,uECFqG,W,IAAkC,EAAQL,EAAIC,EAASK,EAAWC,EAAM,gBAAE,EAAM,KAAmC,EAAC,W,OAAM,EAAC,iB,MAAC,CAAkB,kBAAgB,mBAAE,oCAAIT,OAAG,EAAQ,SAAC,sB,MAAQ,CAAU,eAAS,GAAC,gBAAS,K,CAAW,SAAO,CAAE,OAAIA,KAAG,GAAYD,QAAqBC,KAAO,GAAEC,QAAa,UAAwB,CAACC,EAAG,OAAI,CAAkCD,YAAY,Q,CAAC,OAAQ,CAAS,YAAC,CAACG,aAAM,WAAc,uCAAE,YAAS,CAAsEH,MAAW,WAAoB,OAAID,GAAG,W,CAAmB,KAAM,eAAeQ,oCAAkB,gB,YAAY,CAA6B,aAAYL,SAA+BC,EAAK,OAAC,C,MAAC,CAAkB,kBAAgB,mBAAE,oCAAIJ,OAAG,EAAQ,SAAC,sB,MAAQ,CAAU,eAAS,GAAC,gBAAS,K,CAAW,SAAO,CAAE,OAAIA,KAAQ,GAAED,QAAgCO,KAAKI,GAAE,QAA6C,KAAAC,KAA8XZ,SAAW,CAAaK,YAAM,oB,OAAC,GAAoB,aAAc,EAAC,6BAAE,+HAAG,CAACJ,EAAG,sOAAS,0CAACI,YAAM,Y,MAAM,CAAI,iBAAQ,GAAC,eAAQ,K,CAAU,SAAQ,C,MAAC,CAAmB,OAAIJ,IAAG,GAAYI,IAAM,GAAC,OAAoB,OAAiB,sBAAgBA,GAAK,OAAC,C,MAAM,CAAsB,iBAAa,GAAO,eAAY,KAAmB,WAAG,MAAKJ,CAAeD,yBAA2BK,aAAM,OAAC,mBAAoB,eAAqBJ,GAAG,EAAI,OAAC,CAACC,YAAY,e,MAAC,CAAgB,oBAACG,eAAM,K,CAAqB,QAAiB,aAAIF,MAAO,SAAmEE,MAAM,CAAC,iBAAiB,GAAG,eAAe,KAAK,CAACJ,EAAG,GAAI,yBAAC,UAACC,YAAY,e,MAAC,CAAgB,oBAACG,eAAM,K,CAAqB,QAAiB,aAAIF,MAAO,SAA4DE,MAAM,CAAC,iBAAQ,GAAC,eAAQ,K,CAAU,KAAM,yBAAE,a,YAAO,OAAE,OAAIJ,IAAG,GAAYI,IAAM,GAAC,OAAoB,OAAiB,SAAgBA,GAAK,OAAC,C,MAAM,CAAsB,iBAAa,GAAO,eAAY,KAAmB,WAAG,MAAKJ,CAAeD,yBAAmBK,aAAM,OAAC,mBAAmB,eAAaH,YAAY,C,YAAS,OAAO,OAAIC,iBAAO,KAA4DE,GAAK,KAAC,C,YAAC,CAAoB,gBAAoB,CAACJ,EAAG,GAAI,kBAAC,UAACC,YAAY,e,MAAC,CAAgB,oBAACG,eAAM,K,CAAqB,QAAiB,aAAIF,MAAO,SAA0DE,MAAM,CAAC,iBAAQ,GAAC,eAAQ,K,CAAU,KAAM,uBAAE,a,YAAO,OAAE,OAAIJ,IAAG,GAAYI,IAAM,GAAC,OAAoB,OAAiB,SAAgBA,GAAK,OAAC,C,MAAM,CAAwB,iBAAa,GAAO,eAAY,KAAmB,WAAG,MAAKJ,CAAeD,2BAA2BK,aAAM,OAAC,mBAAmB,eAAaH,YAAY,C,YAAS,eAAO,OAAIC,iBAAkB,KAAgDE,GAAK,KAAC,C,YAAC,CAAoB,gBAAoB,CAACJ,EAAG,GAAI,iBAAC,UAACC,YAAY,e,MAAC,CAAgB,oBAACG,eAAM,K,CAAqB,QAAiB,aAAIF,MAAO,S,MAA4D,CAAwC,iBAAYC,GAA4B,eAAYA,KAA+BC,GAAK,GAAC,+C,MAAC,CAAkB,kBAAgB,mBAAE,oCAAIJ,OAAG,EAAQ,SAAC,sB,MAAQ,CAAU,eAAS,GAAC,gBAAS,K,CAAW,SAAO,CAAE,OAAIA,KAAQ,GAAED,QAAgCO,KAAKM,GAAE,QAA6C,KAAAD,KAAkUZ,SAAW,CAAoBO,YAAM,oB,OAAC,EAAgBH,CAA6B,aAAcD,EAAIC,SAASK,WAAWK,SAAS,+HAAG,CAACb,EAAG,GAAI,+MAAS,SAACD,YAAY,mBAAUK,MAAM,CAAC,SAAO,8BAAO,+CAAaL,SAAW,EAAC,KAAkC,YAAS,UAA+GO,MAAM,CAAC,KAAQJ,U,CAAwE,OAAQA,CAAiC,YAAC,mCAACE,GAAK,GAAC,uG,MAAC,CAAoB,kBAAiB,mBAAC,OAAM,EAAE,2BAAC,OAAO,iCAAI,MAAK,CAAUA,iBAAM,GAAC,eAAS,GAAC,IAAM,GAAI,KAAM,K,CAAY,SAAM,CAAE,OAAIJ,KAAG,GAAYD,QAAmBO,IAAKQ,GAAE,IAAM,GAAiC,IAAAH,KAA+FV,UAAY,C,YAAC,OAAqB,UAAIC,OAAO,sBAAwB,SAAOD,eAAY,oG,CAAC,QAAkB,aAAID,aAAS,WAAiCM,GAAK,GAAAS,qBAAA,S,YAAE,CAAkD,aAAAJ,SAAuZV,QAAW,C,YAAE,oBAAkB,UAAID,kBAAO,+BAACD,eAAY,oBAAmB,sGAACE,gSAAY,S,YAAS,CAAU,sBAAQ,MAAO,CAAO,gCAAE,YAAU,CAACF,MAAW,WAA8GK,MAAM,CAAC,KAAO,U,CAAa,OAAQ,C,YAAS,mC,CAAC,KAAM,+DAAE,OAAIJ,KAAG,GAAYD,QAAsBO,IAAKU,GAAE,IAAM,GAAiC,IAAAL,K,CAA4F,UAAgB,sBAAE,OAAK,GAAgBZ,SAAY,SAAM,oBAACK,eAAM,mG,MAAC,CAAoB,mBAAiBH,UAAY,C,YAAU,O,MAAoB,CAAwB,uB,CAAQ,WAAM,C,YAAqE,CAAO,OAAS,oBAAM,yBAA4CF,OAA0B,IAAM,6DAAYE,MAAW,OAAE,mBAAyB,EAAC,OAAU,GAAC,kBAACK,YAAM,eAAC,IAAM,GAAEJ,EAAIC,MAAQ,C,YAA+B,CAA6B,aAAYA,UAA+BC,EAAK,OAAC,C,MAAC,CAAoB,kBAAiB,mBAAC,OAAM,EAAE,2BAAC,OAAO,EAAE,+BAAwC,OAAIJ,iBAAY,GAACI,eAAM,GAAC,IAAM,GAAI,KAAO,GAAG,QAAQ,gC,CAAU,SAAM,CAAE,OAAIJ,KAAG,GAAYD,QAAmBO,IAAM,GAAC,IAAM,GAAmC,IAAM,KAA0E,WAAE,YAAU,OAACL,OAAa,SAAY,SAAC,mBAAQ,oCAAIC,OAAO,kC,CAAqF,QAAkB,aAAIF,aAAS,WAAiCM,GAAK,GAAC,uE,YAAC,CAAoD,sBAAuG,SAAE,YAAS,oBAAqQL,OAAa,kBAAa,8BAAK,+CAAID,kBAAO,kCAAiCC,iQAAY,S,YAAS,CAAU,sBAAQ,MAAO,CAAO,gCAAE,YAAU,CAACF,MAAW,WAAmHK,MAAM,CAAC,KAAO,U,CAAa,OAAQ,C,YAAS,mC,CAAC,KAAM,oEAAE,OAAIJ,KAAG,GAAYD,QAAsBO,IAAKW,GAAE,IAAM,GAAiC,IAAAN,K,CAA4F,UAAkB,sBAAE,OAAK,GAAgBZ,SAAY,SAAM,oBAACK,eAAM,mG,MAAC,CAAoB,qBAAiBH,UAAY,C,YAAU,O,MAAqB,CAAwB,eAAa,Q,CAA8B,WAAS,C,YAAQ,CAAI,4BAACG,gBAAM,QAAC,WAAM,QAAgG,SAAQ,WAAO,QAAgB,UAAoB,MAAM,CAAmCL,oGAA0B,MAAO,OAAWE,OAAW,OAAE,YAAa,SAAY,EAAC,OAAU,GAAC,kBAACK,YAAM,eAAC,IAAM,GAAEJ,EAAIC,MAAQ,C,YAA+B,CAA6B,aAAYA,UAA+BC,EAAK,OAAC,C,MAAC,CAAkB,kBAAmB,mBAAC,OAAM,EAAE,2BAAC,OAAO,iCAAI,MAAK,CAAUA,eAAM,GAAC,iBAAS,GAAC,IAAM,GAAI,KAAM,K,CAAY,SAAM,CAAE,OAAIJ,KAAG,GAAYD,QAAmBO,IAAKY,GAAE,IAAM,GAAiC,IAAAP,KAA+FV,UAAY,C,YAAC,OAAqB,UAAIC,OAAO,+BAA+DD,eAAY,oG,CAAC,QAAkB,aAAID,aAAS,WAAiCM,GAAK,GAAAa,qDAAA,S,YAAE,CAAkD,aAAAR,SAA4TV,QAAW,C,YAAE,oBAAkB,UAAID,kBAAO,+BAACD,eAAY,oBAAmB,sGAACE,qMAAY,S,YAAS,CAAU,sBAAQ,MAAO,CAAO,gCAAE,YAAU,CAACF,MAAW,WAAgHK,MAAM,CAAC,KAAO,U,CAAa,OAAQ,C,YAAS,mC,CAAC,KAAM,iEAAE,OAAIJ,KAAG,GAAYD,QAAsBO,IAAKc,GAAE,IAAM,GAAiC,IAAAT,K,CAA4F,UAAgB,sBAAE,OAAK,GAAgBZ,SAAY,SAAM,oBAACK,eAAM,mG,MAAC,CAAoB,mBAAiBH,UAAY,C,YAAU,O,MAAqB,CAAwB,eAAa,Q,CAA8B,WAAS,C,YAAQ,CAAI,4BAACG,gBAAM,QAAC,WAAM,QAA6D,SAAQ,WAAO,QAAgB,UAAoB,MAAM,CAA0BL,iEAAwBE,MAAW,OAAE,OAAQ,OAAS,sBAAsBA,KAAW,MAAC,U,YAAC,YAAmB,aAAID,MAAG,cAAmB,IAAM,GAAEE,EAAIC,MAAQ,C,YAA+B,CAA6B,aAAYA,UAA+BC,EAAK,OAAC,C,MAAC,CAAkB,kBAAmB,mBAAC,OAAM,EAAE,2BAAC,OAAO,EAAE,+BAAwC,OAAIJ,eAAY,GAACI,iBAAM,GAAC,IAAM,GAAI,KAAO,GAAG,QAAQ,gC,CAAU,SAAM,CAAE,OAAIJ,KAAG,GAAYD,QAAmBO,IAAM,GAAC,IAAM,GAAmC,IAAM,KAA0E,WAAE,YAAU,OAACL,OAAa,SAAY,SAAC,mBAAO,oCAAIC,OAAO,kC,CAA4E,QAAmB,aAAIF,aAAS,UAAmDM,GAAK,GAAC,8D,YAAC,CAAoD,uBAAuG,SAAE,YAAS,sCAAoNe,OAAaC,kBAAgB,8BAACC,kBAAQ,EAAa,2BAACC,kBAAc,kCAAqB,CAAC,uNAACzB,WAAW,CAAC,CAAoBE,iBAAa,QAAQ,cAAS,aAAID,WAAQ,WAA+C,YAAS,oBAAmEI,YAAM,CAAC,MAAO,Y,CAAa,OAAQ,C,YAAS,mC,CAAC,KAAM,gEAAE,OAAIJ,KAAG,GAAYD,QAAsBO,IAAKmB,GAAE,IAAM,GAAiC,IAAAd,K,CAA4F,UAAkB,sBAAE,OAAK,EAAc,CAAEZ,SAAY,SAAM,oBAACK,eAAM,mG,MAAC,CAAoB,qBAAiBH,UAAY,C,YAAU,O,MAAqB,CAAwB,eAAa,Q,CAA8B,WAAS,C,YAAQ,CAAI,4BAACG,gBAAM,QAAC,WAAM,QAAgG,SAAQ,WAAO,QAAgB,UAAoB,MAAM,CAA0BL,oGAA0B,MAAO,OAAWE,OAAW,OAAE,YAAa,UAAa,WAAW,UAACK,YAAM,eAAC,IAAM,GAAEJ,EAAIC,MAAQ,C,YAA+B,CAA6B,aAAYA,UAA+BC,EAAK,OAAC,C,MAAC,CAAoB,kBAAiB,mBAAC,OAAM,EAAE,2BAAC,OAAO,iCAAI,MAAK,CAAUA,iBAAM,GAAC,eAAS,GAAC,IAAM,GAAI,KAAM,K,CAAY,SAAM,CAAE,OAAIJ,KAAG,GAAYD,QAAmBO,IAAKoB,GAAE,IAAM,GAAiC,IAAAf,KAA+FV,UAAY,C,YAAC,OAAqB,UAAIC,OAAO,+BAA8CD,eAAY,oG,CAAC,QAAkB,aAAID,aAAS,WAAiCM,GAAK,GAAAqB,oCAAA,S,YAAE,CAAkD,aAAAhB,SAAyQV,QAAW,C,YAAE,oBAAkB,UAAID,kBAAO,+BAACD,eAAY,oBAAmB,sGAACE,kJAAY,S,YAAS,CAAU,sBAAQ,MAAO,CAAO,gCAAE,YAAU,CAACF,MAAW,WAA8GK,MAAM,CAAC,KAAO,U,CAAa,OAAQ,C,YAAS,mC,CAAC,KAAM,+DAAE,OAAIJ,KAAG,GAAYD,QAAsBO,IAAKsB,GAAE,IAAM,GAAiC,IAAAjB,K,CAA4F,UAAgB,sBAAE,OAAK,EAAc,CAAEZ,SAAY,SAAM,oBAACK,eAAM,mG,MAAC,CAAoB,mBAAiBH,UAAY,C,YAAU,O,MAAoB,CAAwB,uB,CAAQ,WAAM,C,YAAqE,CAAO,OAAS,oBAAM,yBAC9+b,OACGM,iEAEJ,MAAe,O,mDCJqF,W,IAAkB,OAAG,EAAI,QAAU,G,OAAO,EAAC,gB,YAAY,CAA6B,aAAYJ,SAAsE,UAACC,MAAM,CAAC,kBAAiB,mBAAC,kBAAiB,kBAAE,wCAAiBA,MAAM,CAAC,eAAQ,GAAC,iBAAQ,K,CAAU,SAAQ,C,MAAM,CAAG,OAAIJ,IAAG,GAAaD,OAAwBK,IAAM,GAAC,IAAO,KAAY,GAAG,OAAI,CAAUA,YAAM,Y,MAAM,CAAI,MAAQ,YAAU,GAAK,EAAC,OAAE,C,MAAM,CAAG,OAAIJ,IAAG,GAASD,OAAsBK,IAAM,GAAC,IAAM,K,CAA6C,SAAS,C,YAAe,UAAO,OAAI,IAAM,0BAAWA,eAAM,IAAC,QAAQ,GAAC,YAAQ,WAAU,GAAK,EAAC,OAAE,C,MAAM,CAAG,OAAIJ,IAAG,GAAaD,OAAwBK,IAAM,GAAC,IAAO,KAAY,GAAG,OAAQ,CAC5xB,wBACGG,OAEJ,MAAe,Y,iBCyCA,GACfe,KAAA,iBC9CgW,I,YCO5VO,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QCwcA,GACfP,KAAA,eACAQ,WAAA,CACAC,iBAEAC,KAAA,WACA,OACA3B,MAAA,CAAA4B,OAAA,gBAGAC,QAAA,WACA,SAAAC,EAAAC,GAAA,OAAAA,EAAA,EAAAA,EAAA,IACA,IAAAC,EAAA,EACAC,EAAA,8CACAC,EAAA,qCACAC,aAAA,WAAAH,EAAAF,EAAAE,GACAI,SAAAC,eAAA,UAAAC,UAAAL,EAAAD,GACAI,SAAAC,eAAA,UAAAC,UAAAJ,EAAAF,KACA,KACA,IAAAO,EAAAH,SAAAI,qBAAA,SACA,SAAAC,IAEA,QAAAC,EAAA,EAAAA,EAAAH,EAAAI,OAAAD,IACA,CACA,IAAAE,EAAAL,EAAAG,GACAG,EAAAD,EAAAE,wBAEAD,EAAAE,KAAAC,OAAAC,YAAAD,OAAAE,aAAA,IAAAL,EAAAM,OAAAH,OAAAE,aAEAN,EAAAQ,OACAR,EAAAS,aAAA,MAKAT,EAAAU,QACAV,EAAAW,YAAA,IAKAP,OAAAQ,iBAAA,SAAAf,GAAA,GACAO,OAAAQ,iBAAA,SAAAf,GAAA,IAEAgB,QAAA,CACAC,WAAA,WAAAV,OAAAW,SAAAC,YCvgB+V,ICO3V,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QClB8D7D,EAAM,W,IAAC,EAAK,gBAAO,OAAE,EAAK,QAAU,G,OAAO,EAAC,O,MAAC,CAAwC,GAAM,UAA4E,WAACA,MAAM,CAAC,kBAAiB,mBAAC,kBAAiB,kBAAE,wCAAiBA,MAAM,CAAC,eAAS,GAAC,iBAAS,K,CAAW,SAAS,C,MAAC,CAAS,QAAIJ,KAAG,GAAYD,QAAqBC,KAAO,GAAEC,UAAkC,WAAE,YAAY,QAACA,QAAW,C,YAAU,CAAU,wB,CAAQ,SAAK,CAAQ,aAAIC,MAAO,W,MAAuF,CAAmB,cAAmBI,GAAK,GAAC,uE,YAAY,CAA6B,aAAYH,UAAsE,UAACC,MAAM,CAAC,kBAAgB,mBAAE,oCAAIJ,OAAG,EAAQ,SAAC,sB,MAAQ,CAAU,gBAAS,K,CAAW,SAAS,C,MAAC,CAAS,QAAIA,KAAQ,GAAED,QAAgCO,KAAKI,GAAE,UAA8I,CAACR,EAAG,MAAI,CAAwNH,YAAY,oBAAoBO,OAAKK,GAAE,aAAcT,EAAIC,SAASK,WAAW0D,SAAO,eAAgBhE,EAAIC,aAAoBU,WAAS,sFAAG,CAACb,EAAG,GAAI,gJAAS,kEAACD,YAAY,oBAAUK,MAAM,gBAAC,aAAO,+BAAO,+CAAG,CAACJ,EAAG,MAAK,OAACD,YAAY,UAAkC,MAAMoE,CAAoElE,eAAgC,SAAG,YAAI,mCAAYK,GAAK,GAAC,gE,YAAY,CAA6B,aAAYH,UAAsE,UAACC,MAAM,CAAC,kBAAiB,mBAAC,kBAAmB,kBAAC,OAAM,EAAE,+BAAU,OAAIJ,eAAY,GAACI,iBAAM,GAAC,IAAM,GAAI,KAAM,K,CAAY,SAAQ,C,MAAM,CAAG,QAAIJ,IAAG,GAAYD,OAAmBO,IAAKQ,GAAE,IAAM,KAAsH,CAACd,EAAG,OAAK,CAACC,YAAY,O,OAAC,EAAa,CAAQ,sCAAIC,eAAO,SAA0B,EAAI,SAAM,gFAACD,QAAW,C,YAAE,CAAmB,wBAAcF,iCAAY,SAAsCO,YAAKS,CAAE,uBAA+Jb,EAAG,MAAI,CAA6OmB,YAAY,sC,OAAM,GAAYE,kBAAQ,EAAa,6BAACC,eAAO,EAAkB,wH,CAAC4C,iOAAW,eAAmB,WAAE,EAACrE,iBAA6BC,QAAQ,cAACD,wBAAgDG,WAAO,sB,YAA2F,gB,CAAC,OAAQ,C,YAAS,mC,CAAC,KAAM,2DAAE,a,MAAM,CAAI,QAAoB,OAAiB,OAAIF,IAAG,GAASD,OAAsBK,iBAAM,GAAC,eAAe,K,CAAsB,U,YAA0B,U,MAAsB,CAAY,cAAIJ,aAAc,QAAED,YAAY,QAAc,IAAM,sBAAYE,QAAY,MAAoB,UAAG,YAAI,eAAYK,IAAM,Y,YAAY,CAA6B,aAAYH,UAAsE,UAACC,MAAM,CAAC,kBAAiB,mBAAC,OAAM,EAAE,2BAAC,OAAO,EAAE,+BAAwC,OAAIJ,eAAY,GAACI,IAAM,GAAC,KAAO,GAAG,QAAQ,gC,CAAU,SAAQ,C,MAAM,CAAG,QAAIJ,IAAG,GAAYD,OAAmBO,IAAKU,GAAE,IAAM,KAAsH,CAAChB,EAAG,OAAK,CAACC,YAAY,O,OAAC,EAAa,CAAQ,sCAAIC,eAAO,SAA2B,EAAGF,SAAQ,WAAC,qEAACC,QAAW,C,YAAE,CAAmB,wBAAcF,oCAAY,QAAqC,CAACO,YAAKW,CAAE,uBAA8Jf,EAAG,MAAI,CAA6NmB,YAAY,sC,OAAM,GAAYE,kBAAQ,EAAa,6BAACC,eAAO,EAAkB,wH,CAAC4C,iNAAW,eAAmB,WAAE,EAACrE,iBAA6BC,QAAQ,cAACD,wBAAgDG,WAAO,sB,YAAuF,gB,CAAC,OAAQ,C,YAAS,mC,CAAC,KAAM,uDAAE,a,MAAM,CAAG,QAAIF,IAAG,GAASD,OAAsBK,IAAM,GAAC,IAAO,K,CAA8B,U,YAA0B,U,MAAyB,CAAY,cAAIJ,aAAc,QAAED,YAAY,QAAc,IAAM,yBAAYE,QAAY,MAAoB,UAAG,YAAI,eAAYK,IAAM,Y,YAAY,CAA6B,aAAYH,UAAsE,UAACC,MAAM,CAAC,kBAAiB,mBAAC,OAAM,EAAE,2BAAC,OAAO,iCAAI,MAAK,CAAUA,eAAM,GAAC,IAAM,GAAI,KAAM,K,CAAY,SAAQ,C,MAAM,CAAG,QAAIJ,IAAG,GAAYD,OAAmBO,IAAKY,GAAE,IAAM,KAAsH,CAAClB,EAAG,OAAK,CAACC,YAAY,O,OAAC,EAAa,CAAQ,sCAAIC,eAAO,oBAAwC,WAAS,QAAC,6DAACD,QAAW,C,YAAE,CAAmB,wBAAcF,+CAAiD,SAACO,YAAKa,CAAE,uBAA8JjB,EAAG,MAAI,CAAoMmB,YAAY,sC,OAAM,GAAYE,kBAAQ,EAAa,6BAACC,eAAO,EAAkB,wH,CAAC4C,wLAAW,eAAmB,WAAE,EAACrE,iBAA6BC,QAAQ,cAACD,wBAAgDG,WAAO,sB,YAA0F,gB,CAAC,OAAQ,C,YAAS,mC,CAAC,KAAM,0DAAE,a,MAAM,CAAG,QAAIF,IAAG,GAASD,OAAsBK,IAAM,GAAC,IAAO,K,CAA8B,U,YAA0B,U,MAAyB,CAAY,cAAIJ,aAAc,QAAED,YAAY,QAAc,IAAM,yBAAYE,QAAY,MAAoB,UAAG,YAAI,eAAYK,IAAM,Y,YAAY,CAA6B,aAAYH,UAAsE,UAACC,MAAM,CAAC,kBAAiB,mBAAC,OAAM,EAAE,2BAAC,OAAO,EAAE,+BAAwC,OAAIJ,eAAY,GAACI,IAAM,GAAC,KAAO,GAAG,QAAQ,gC,CAAU,SAAQ,C,MAAM,CAAG,QAAIJ,IAAG,GAAYD,OAAmBO,IAAKc,GAAE,IAAM,KAAsH,CAACpB,EAAG,OAAK,CAACC,YAAY,O,OAAC,EAAa,CAAQ,sCAAIC,eAAO,SAA2B,EAAI,SAAK,WAAM,qEAACD,QAAW,C,YAAE,CAAmB,wBAAcF,uCAAY,QAAqC,CAACO,YAAKmB,CAAE,uBAA8JvB,EAAG,MAAI,CAAkOmB,YAAY,sC,OAAM,EAAW,CAACE,kBAAQ,EAAa,6BAACC,eAAO,EAAkB,wH,CAAC4C,sNAAW,eAAmB,WAAE,EAACrE,iBAA6BC,QAAQ,cAACD,wBAAgDG,WAAO,sB,YAAuF,gB,CAAC,OAAQ,C,YAAS,mC,CAAC,KAAM,uDAAE,a,MAAM,CAAG,QAAIF,IAAG,GAASD,OAAsBK,IAAM,GAAC,IAAO,K,CAA8B,U,YAA0B,U,MAAyB,CAAY,cAAI,aAAW,QACr3P,oBACGG,6BAEJ,QAAiBA,O,yBCqPF,GACfe,KAAA,eACA+C,MAAA,CACAC,QAAA,CACAC,KAAAC,OACAC,QAAA,eAGAzC,KAAA,WACA,OACA5B,MAAA,CACA,CACAsE,IAAA,QACAC,UAAA,MACAC,MAAA,IAAAC,UCvQqW,ICOjW,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QClB6B7E,EAAO8E,WAAS,MAAiB1E,EAAM,K,EAAC,EAAK,S,OAAgB,SAAE,MAAK,CAAYE,GAAM,mB,CAAyC,SAAYH,C,MAA4B,CAA0C,qCAACC,OAAM,6BAAC,kBAAiB,sBAAoB,OAAIJ,eAAY,GAACI,iBAAM,K,CAAW,SAAS,C,MAAC,CAAU,KAAO,GAAG,KAAO,GAAE,QAAIJ,KAAG,GAAYD,UAA8BE,UAAY,C,YAAC,QAAoB,SAAE,YAAS,CAAuEA,aAAY,UAAoB,4EAAG,YAAI,CAAYK,aAAM,UAAyC,SAAYH,C,MAA4B,CAA0C,qCAACC,OAAM,6BAAC,kBAAiB,sBAAoB,OAAIJ,eAAS,GAACD,iBAAY,K,CAA6C,SAA6C,YAAAY,sCAAgG,OAAQ,EAAC,CAAySV,aAAY,+BAAC,eAAa,gHAAM,4SAAG,YAAI,CAAYG,aAAM,UAAmB,U,MAAyB,CAAG,kBAAGF,iBAAoB,GAAgB,IAAS,K,EAAyBE,GAAK,EAAC,oB,OAAC,EAAM,OAAG,C,IAAC,EAAO,I,MAAG,CAAU,KAAO,GAAG,KAAO,GAAE,QAAIJ,KAAG,GAAiBI,KAAM,K,CAA2B,kBAAmB,C,MAAkB,CAAW,SAAO2E,EAAMC,SAAI,0BAAI,IAAG,MAAK,KAAI,EAAQ,SAErnDzE,MAEJ,GAAS0E,QAAQ1E,a,iBC6KF,GACfe,KAAA,eACAQ,WAAA,CACAoD,qBAEAlD,KAAA,WACA,OACA3B,MAAA,CAAA4B,OAAA,eACAkD,OAAA,CACA,CACAC,SAAA,aACAC,YAAA,IACAC,IAAA,qBACAN,KAAA,SAEA,CACAI,SAAA,eACAC,YAAA,IACAC,IAAA,2BACAN,KAAA,aAEA,CACAI,SAAA,eACAC,YAAA,IACAC,IAAA,uBACAN,KAAA,gBC1MqW,ICOjW,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCuLA,GACf1D,KAAA,OACAQ,WAAA,CACAyD,eAAAC,eAAAC,eAAA1D,iBAEAC,KAAA,WACA,OACA3B,MAAA,CAAA4B,OAAA,gBAGAyD,QAAA,eAAAC,EAAA,KACA,SAAAxD,EAAAC,GAAA,OAAAA,EAAA,EAAAA,EAAA,IACA,IAAAwD,EAAA,EACAC,EAAA,yHACA,KAAAC,OAAAC,OAAA,yBACAvD,aAAA,WAAAoD,EAAAzD,EAAAyD,GAAAD,EAAAG,OAAAC,OAAA,yBAAAF,EAAAD,MAAA,MAEA1D,QAAA,WACA,SAAAC,EAAAC,GAAA,OAAAA,EAAA,EAAAA,EAAA,IACA,IAAAC,EAAA,EACAE,EAAA,qCACAC,aAAA,WAAAH,EAAAF,EAAAE,GACAI,SAAAC,eAAA,UAAAC,UAAAJ,EAAAF,KACA,MAgBA2D,SAAA,CACAC,MAAA,aACAC,cAAA,yDACAC,KAAA,EAAAC,KAAA,cACA9E,KAAA,cACA+E,QAAA,+HAEA,CAAAD,KAAA,WACA9E,KAAA,WACA+E,QAAA,2GAEA,CAAAD,KAAA,QAAAE,QAAA,SACA,CAAAF,KAAA,WAAA9E,KAAA,WAAA+E,QAAA,wCAEAE,KAAA,EAAAC,IAAA,YAAAC,KAAA,wBC9PiW,ICQ7V,G,UAAY,eACd,EACA,EACAlG,GACA,EACA,KACA,KACA,OAIa,e,4CCnBf,W,8GCA2G,EAAK,W,IAAeN,O,EAAa,QAAU,G,OAAM,iBAACG,MAAM,CAAC,YAA4B,WAAE,YAAK,CAAYL,QAAY,O,MAAc,CAAkB,eAAgB,GAAI,MAAM,KAAK,CAACC,EAAG,OAAS,CAAE0G,YAAYxG,O,MAAa,CAAUyG,eAAGC,G,iBAAgB,G,IAAI,K,UAAsD,C,YAAC,KAAW,CAACC,C,0BAA4B,G,IAAoB,EAAO,EAAC,M,MAAS,UAAU,C,YAAmB,eAAE,OAAI7G,UAAQ,MAACD,OAAW,OAAqCE,YAAY,QAAC,MAAQ,SAAO,iBAAIC,QAAO,KAA2FD,QAAW,C,YAAU,oCAAO,aAAIC,MAAO,UAAmED,uBAAY,2C,YAAS,cAAO,aAAID,MAAG,UAAiCI,GAAK,GAAC,0C,YAAWkF,O,YAAc,CAAE,iBAAQ,UAAG,wBAAQ,MAAK,CAC/6B,UACG/E,QAAkB,O,4BCmCP,GACf8D,MAAA,CACAe,SAAA,CACAb,KAAAuC,OACArC,QAAA,GACAsC,UAAA,GAEA1B,YAAA,CACAd,KAAAuC,OACArC,QAAA,GACAsC,UAAA,GAEAzB,IAAA,CACAf,KAAAuC,OACArC,QAAA,GACAsC,UAAA,GAEA/B,KAAA,CACAT,KAAAuC,OACArC,QAAA,GACAsC,UAAA,KCzDmV,I,yBCQ/UlF,EAAY,eACd,EACA,EACAtB,GACA,EACA,KACA,WACA,MAIa,OAAAsB,E,2CCnBf","file":"js/chunk-562aa438.207c1411.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"main\"},[_c('div',{staticStyle:{\"margin-top\":\"5px\"}}),(_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\":_vm.style}}),_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'),(_vm.$vuetify.breakpoint.xlAndUp)?_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('v-card',{staticClass:\"rounded-card\",attrs:{\"elevation\":\"1\",\"max-width\":\"2400px\"}},[_c('about-content',{attrs:{\"my-style\":_vm.style}})],1)],1):_c('about-content',{attrs:{\"my-style\":_vm.style}}),_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\"}})])]),_c('divide-content'),(_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):_c('topic-content',{attrs:{\"my-style\":_vm.style}}),_c('div',{staticClass:\"font-weight-medium\",class:{'display-1': _vm.$vuetify.breakpoint.xlAndUp, '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\"}})])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_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-start\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md12\":\"\",\"lg12\":\"\",\"xl12\":\"\"}},[_c('v-layout',{staticClass:\"mt-4\"},[_c('h1',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(\"\\n            Data \"),_c('span',{staticStyle:{\"color\":\"#FFC100\"},attrs:{\"id\":\"spaned\"}},[_vm._v(\"analytics\")]),_vm._v(\" super app\\n          \")])])],1)],1),_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-start\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md12\":\"\",\"lg12\":\"\",\"xl12\":\"\"}},[_c('div',{staticClass:\"font-weight-light\",class:{'subtitle-1': _vm.$vuetify.breakpoint.lgAndUp,'subtitle-1': _vm.$vuetify.breakpoint.mdOnly, 'subtitle-1': _vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n      Data is the modern gold, yet very few have the shovels to dig it. At MagicGraph, we are pioneering Visual Intelligence (VI) combined with AI to get the power of data & analytics into the hands of the masses.\\n      \"),_c('br'),_c('br')])])],1),_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),_c('br'),_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-start\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md12\":\"\",\"lg12\":\"\",\"xl12\":\"\"}},[_c('div',{staticClass:\"font-weight-light\",class:{'subtitle-1': _vm.$vuetify.breakpoint.lgAndUp,'subtitle-1': _vm.$vuetify.breakpoint.mdOnly, 'subtitle-1': _vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n     Data doesn't need to be complicated. Run analytics on your data, collaborate across the entire data stream, and enjoy a suite of easy-to-use visio-intelligence tools that work seamlessly.\\n     \")]),_c('div',{staticClass:\"font-weight-bold\",class:{'headline': _vm.$vuetify.breakpoint.mdAndUp, 'subtitle-1': _vm.$vuetify.breakpoint.smAndDown}},[_c('br'),_c('a',{staticClass:\"btnLeft\",attrs:{\"href\":\"/demo\"}},[_c('h4',{staticClass:\"pa-0 align-start justify-center\"},[_vm._v(\"\\n          See Examples    →\\n          \")])])])])],1),_c('br'),_c('divide-content'),_c('br'),_c('v-layout',{class:{'px-4': _vm.$vuetify.breakpoint.lgAndUp,'px-2': _vm.$vuetify.breakpoint.mdOnly, 'px-0': _vm.$vuetify.breakpoint.smAndDown},attrs:{\"justify-center\":\"\",\"align-center\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md5\":\"\",\"lg5\":\"\",\"xl5\":\"\"}},[_c('v-layout',{staticClass:\"mb-2\",class:{'px-2': _vm.$vuetify.breakpoint.lgAndUp, 'px-2': _vm.$vuetify.breakpoint.mdOnly,'px-0': _vm.$vuetify.breakpoint.smAndDown}},[_c('h2',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(\" AI meets VI \")])]),_c('div',{staticStyle:{\"margin-top\":\"5px\"}}),_c('div',{staticClass:\"font-weight-light\",class:{'subtitle-1 px-2': _vm.$vuetify.breakpoint.lgAndUp, 'subtitle-1 px-2': _vm.$vuetify.breakpoint.mdOnly,'subtitle-1 px-0': _vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n      Experience the future as AI meets VI — a transformative convolution of artificial intelligence and visual intelligence. Discover a world where technology not only thinks but sees, unlocking new possibilities for innovation, efficiency, and a brighter tomorrow.\\n        \"),_c('div',{staticStyle:{\"margin-top\":\"5px\"}}),_c('a',{staticClass:\"btnLeft mt-2 mb-4\",staticStyle:{\"color\":\"#FFC100\"},attrs:{\"href\":\"/demo\"}},[_c('h4',{staticClass:\"pa-1 align-start justify-center\"},[_vm._v(\"\\n          Learn More    →\\n          \")])])])],1),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md7\":\"\",\"lg7\":\"\",\"xl7\":\"\"}},[_c('v-layout',{staticClass:\"mx-auto\",class:{'px-2': _vm.$vuetify.breakpoint.lgAndUp, 'px-2': _vm.$vuetify.breakpoint.mdOnly, 'px-0': _vm.$vuetify.breakpoint.smAndDown},attrs:{\"justify-end\":\"\"}},[_c('v-responsive',{staticClass:\"mt-2\",attrs:{\"aspect-ratio\":1.665}},[_c('iframe',{staticStyle:{\"border\":\"1.5px solid black\",\"border-radius\":\"4.5px\"},attrs:{\"src\":\"https://www.youtube.com/embed/mL-EfwAE3wo?controls=0&rel=0\",\"width\":\"100%\",\"height\":\"100%\"}})]),_c('br')],1),_c('br'),_c('v-divider',{staticClass:\"mt-3 mb-3\"})],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},attrs:{\"justify-center\":\"\",\"align-center\":\"\",\"row\":\"\",\"wrap\":\"\",\"reverse\":\"$vuetify.breakpoint.mdAndUp\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md5\":\"\",\"lg5\":\"\",\"xl5\":\"\"}},[_c('v-layout',{staticClass:\"mt-2\",class:{'px-4': _vm.$vuetify.breakpoint.lgAndUp, 'px-2': _vm.$vuetify.breakpoint.mdOnly,'px-0': _vm.$vuetify.breakpoint.smAndDown}},[_c('h2',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(\"\\n            Easy to Learn | Easy to Use \\n          \")])]),_c('div',{staticStyle:{\"margin-top\":\"5px\"}}),_c('div',{staticClass:\"font-weight-light\",class:{'subtitle-1 px-4': _vm.$vuetify.breakpoint.lgAndUp, 'subtitle-1 px-2': _vm.$vuetify.breakpoint.mdOnly, 'subtitle-1 px-0': _vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n        Thanks to its Conversational User Interface (CUI), MagicGraph makes data analytics an intuitive and effortless experience. Enjoy the perfect blend of simplicity and convenience as technology adapts to your natural conversation.\\n        \"),_c('div',{staticStyle:{\"margin-top\":\"5px\"}}),_c('a',{staticClass:\"btnLeft mt-2 mb-4\",staticStyle:{\"color\":\"#FFC100\"},attrs:{\"href\":\"/demo\"}},[_c('h4',{staticClass:\"pa-1 align-start justify-center\"},[_vm._v(\"\\n          Try It Yourself    →\\n          \")])])])],1),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md7\":\"\",\"lg7\":\"\",\"xl7\":\"\"}},[_c('v-layout',{staticClass:\"mx-auto\",class:{'px-2': _vm.$vuetify.breakpoint.lgAndUp, 'px-2': _vm.$vuetify.breakpoint.mdOnly, 'px-0': _vm.$vuetify.breakpoint.smAndDown},attrs:{\"justify-start\":\"\"}},[_c('v-responsive',{staticClass:\"mt-2\",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/KtTrDDZwr30?theme=dark&loop=1&controls=0&rel=0&modestbranding=1\",\"width\":\"100%\",\"height\":\"100%\",\"frameborder\":\"0\"}})]),_c('br')],1),_c('br'),_c('v-divider',{staticClass:\"mt-3 mb-3\"})],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},attrs:{\"align-center\":\"\",\"justify-center\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md5\":\"\",\"lg5\":\"\",\"xl5\":\"\"}},[_c('v-layout',{staticClass:\"mt-2\",class:{'px-2': _vm.$vuetify.breakpoint.lgAndUp, 'px-2': _vm.$vuetify.breakpoint.mdOnly,'px-0': _vm.$vuetify.breakpoint.smAndDown}},[_c('h2',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(\"\\n           Visual + Interactive\\n          \")])]),_c('div',{staticStyle:{\"margin-top\":\"5px\"}}),_c('div',{staticClass:\"font-weight-light\",class:{'subtitle-1 px-2': _vm.$vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': _vm.$vuetify.breakpoint.mdOnly, 'subtitle-1 px-0': _vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n      Empower your world with access to data and powerful analytics whenever and wherever you need it. Seamlessly connect to the insights that matter, no matter where you are.\\n        \"),_c('div',{staticStyle:{\"margin-top\":\"5px\"}}),_c('a',{staticClass:\"btnLeft mt-2 mb-4\",staticStyle:{\"color\":\"#FFC100\"},attrs:{\"href\":\"/demo\"}},[_c('h4',{staticClass:\"pa-1 align-start justify-center\"},[_vm._v(\"\\n          See Examples    →\\n          \")])])])],1),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md7\":\"\",\"lg7\":\"\",\"xl7\":\"\"}},[_c('v-layout',{staticClass:\"mx-auto\",class:{'px-2': _vm.$vuetify.breakpoint.lgAndUp, 'px-2': _vm.$vuetify.breakpoint.mdOnly, 'px-0': _vm.$vuetify.breakpoint.smAndDown},attrs:{\"justify-end\":\"\"}},[_c('v-responsive',{staticClass:\"mt-2\",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\"}})])],1),_c('br'),_c('v-divider',{staticClass:\"mt-3 mb-3\",staticStyle:{\"color\":\"#FFC100\"}})],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},attrs:{\"align-center\":\"\",\"justify-center\":\"\",\"row\":\"\",\"wrap\":\"\",\"reverse\":\"$vuetify.breakpoint.mdAndUp\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md5\":\"\",\"lg5\":\"\",\"xl5\":\"\"}},[_c('v-layout',{staticClass:\"mt-2\",class:{'px-4': _vm.$vuetify.breakpoint.lgAndUp, 'px-2': _vm.$vuetify.breakpoint.mdOnly,'px-0': _vm.$vuetify.breakpoint.smAndDown}},[_c('h2',{staticStyle:{\"text-align\":\"start\"}},[_vm._v(\"\\n           Customizable Modules\\n          \")])]),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('div',{staticClass:\"font-weight-light subheader-content\",class:{'px-4 subtitle-1': _vm.$vuetify.breakpoint.lgAndUp, 'px-2 subtitle-1': _vm.$vuetify.breakpoint.mdOnly, 'px-0 subtitle-1': _vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n      Take control of your data like never before. Craft, explore, and visualize your data in ways that matter most to your business. Your data, your vision — now into your hands.\\n        \"),_c('br'),_c('a',{directives:[{name:\"scroll-to\",rawName:\"v-scroll-to\",value:('#daf'),expression:\"'#daf'\"}],staticClass:\"btnLeft mt-2 mb-4\",staticStyle:{\"color\":\"#FFC100\"}},[_c('h4',{staticClass:\"pa-1 align-start justify-center\"},[_vm._v(\"\\n          Get Started    →\\n          \")])])])],1),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md7\":\"\",\"lg7\":\"\",\"xl7\":\"\"}},[_c('v-layout',{staticClass:\"mx-auto\",class:{'px-2': _vm.$vuetify.breakpoint.lgAndUp, 'px-2': _vm.$vuetify.breakpoint.mdOnly, 'px-0': _vm.$vuetify.breakpoint.smAndDown},attrs:{\"justify-start\":\"\"}},[_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/n7KBvh5ZzvA?theme=dark&loop=1&controls=0&rel=0&modestbranding=1\",\"width\":\"100%\",\"height\":\"100%\",\"frameborder\":\"0\"}})])],1),_c('br'),_c('v-divider',{staticClass:\"mt-3 mb-3\"})],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},attrs:{\"justify-center\":\"\",\"align-center\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md5\":\"\",\"lg5\":\"\",\"xl5\":\"\"}},[_c('v-layout',{staticClass:\"mb-2\",class:{'px-2': _vm.$vuetify.breakpoint.lgAndUp, 'px-2': _vm.$vuetify.breakpoint.mdOnly,'px-0': _vm.$vuetify.breakpoint.smAndDown}},[_c('h2',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(\" Low-Code/No-Code Interface \")])]),_c('div',{staticStyle:{\"margin-top\":\"5px\"}}),_c('div',{staticClass:\"font-weight-light\",class:{'subtitle-1 px-2': _vm.$vuetify.breakpoint.lgAndUp, 'subtitle-1 px-2': _vm.$vuetify.breakpoint.mdOnly,'subtitle-1 px-0': _vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n      Unleash your creativity, build solutions effortlessly, and harness the power of your data — no coding skills required.\\n        \"),_c('div',{staticStyle:{\"margin-top\":\"5px\"}}),_c('a',{staticClass:\"btnLeft mt-2 mb-4\",staticStyle:{\"color\":\"#FFC100\"},attrs:{\"href\":\"/demo\"}},[_c('h4',{staticClass:\"pa-1 align-start justify-center\"},[_vm._v(\"\\n          Learn More    →\\n          \")])])])],1),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md7\":\"\",\"lg7\":\"\",\"xl7\":\"\"}},[_c('v-layout',{staticClass:\"mx-auto\",class:{'px-2': _vm.$vuetify.breakpoint.lgAndUp, 'px-2': _vm.$vuetify.breakpoint.mdOnly, 'px-0': _vm.$vuetify.breakpoint.smAndDown},attrs:{\"justify-end\":\"\"}},[_c('v-responsive',{staticClass:\"mt-2\",attrs:{\"aspect-ratio\":1.665}},[_c('iframe',{staticStyle:{\"border\":\"1.5px solid black\",\"border-radius\":\"4.5px\"},attrs:{\"src\":\"https://www.youtube.com/embed/mL-EfwAE3wo?controls=0&rel=0\",\"width\":\"100%\",\"height\":\"100%\"}})]),_c('br')],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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=89bbc044&\"\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","<template>\r\n  <div>\r\n    <v-layout\r\n      align-center\r\n      justify-start\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          <v-layout class=\"mt-4\">\r\n            <h1 style=\"text-align:center\">\r\n              Data <span id=\"spaned\" style=\"color:#FFC100\">analytics</span> super app\r\n            </h1>\r\n          </v-layout>\r\n      </v-flex>\r\n    </v-layout>\r\n    <div style=\"margin-top:5px\"/>\r\n    <v-layout\r\n      align-center\r\n      justify-start\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 class=\"font-weight-light\"\r\n        :class=\"{'subtitle-1': $vuetify.breakpoint.lgAndUp,'subtitle-1': $vuetify.breakpoint.mdOnly, 'subtitle-1': $vuetify.breakpoint.smAndDown}\">\r\n        Data is the modern gold, yet very few have the shovels to dig it. At MagicGraph, we are pioneering Visual Intelligence (VI) combined with AI to get the power of data & analytics into the hands of the masses.\r\n        <br><br>\r\n        </div>\r\n      </v-flex>\r\n    </v-layout>\r\n    <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    <br>\r\n    <v-layout\r\n      align-center\r\n      justify-start\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 class=\"font-weight-light\"\r\n        :class=\"{'subtitle-1': $vuetify.breakpoint.lgAndUp,'subtitle-1': $vuetify.breakpoint.mdOnly, 'subtitle-1': $vuetify.breakpoint.smAndDown}\">\r\n       Data doesn't need to be complicated. Run analytics on your data, collaborate across the entire data stream, and enjoy a suite of easy-to-use visio-intelligence tools that work seamlessly.\r\n       </div>\r\n        <div\r\n          class=\"font-weight-bold\"\r\n          :class=\"{'headline': $vuetify.breakpoint.mdAndUp, 'subtitle-1': $vuetify.breakpoint.smAndDown}\">\r\n          <br>\r\n          <a href=\"/demo\" class=\"btnLeft\"> \r\n            <h4 class=\"pa-0 align-start justify-center\">\r\n            See Examples &nbsp;&nbsp; &rightarrow;\r\n            </h4>\r\n          </a>\r\n        </div>\r\n      </v-flex>\r\n    </v-layout>\r\n    <br>\r\n    <divide-content />\r\n    <br>\r\n    <v-layout\r\n      justify-center\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        sm12\r\n        md5\r\n        lg5\r\n        xl5\r\n      >\r\n      <!--\r\n        <div class=\"font-weight-bold\"\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:Roboto\"> Collaborate in Real-Time</span>\r\n        </div> -->\r\n        <v-layout class=\"mb-2\" \r\n        :class=\"{'px-2': $vuetify.breakpoint.lgAndUp, 'px-2': $vuetify.breakpoint.mdOnly,'px-0': $vuetify.breakpoint.smAndDown}\">\r\n        <h2 style=\"text-align:center\"> AI meets VI </h2>\r\n        </v-layout>\r\n        <div style=\"margin-top:5px\" />\r\n        <div\r\n          class=\"font-weight-light\"\r\n          :class=\"{'subtitle-1 px-2': $vuetify.breakpoint.lgAndUp, 'subtitle-1 px-2': $vuetify.breakpoint.mdOnly,'subtitle-1 px-0': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n        Experience the future as AI meets VI &mdash; a transformative convolution of artificial intelligence and visual intelligence. Discover a world where technology not only thinks but sees, unlocking new possibilities for innovation, efficiency, and a brighter tomorrow.\r\n          <div style=\"margin-top:5px\" />\r\n          <a class=\"btnLeft mt-2 mb-4\" style=\"color:#FFC100\" href=\"/demo\">\r\n            <h4 class=\"pa-1 align-start justify-center\">\r\n            Learn More &nbsp;&nbsp; &rightarrow;\r\n            </h4></a>\r\n        </div>\r\n      </v-flex>\r\n      <v-flex\r\n        xs12\r\n        sm12\r\n        md7\r\n        lg7\r\n        xl7\r\n      >\r\n      <v-layout class=\"mx-auto\"\r\n      :class=\"{'px-2': $vuetify.breakpoint.lgAndUp, 'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\"\r\n      justify-end>\r\n        <v-responsive class=\"mt-2\"\r\n                      :aspect-ratio=\"1.665\"\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/mL-EfwAE3wo?controls=0&rel=0\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n          />\r\n        </v-responsive>\r\n        <br>\r\n      </v-layout>     \r\n      <br> \r\n      <v-divider class=\"mt-3 mb-3\" />\r\n      </v-flex>\r\n    </v-layout>\r\n    <div style=\"margin-top: 20px\" />\r\n    <!-- ========== Slide 2 ========== -->\r\n    <v-layout\r\n      justify-center\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        sm12\r\n        md5\r\n        lg5\r\n        xl5\r\n      >\r\n      <!--\r\n        <div\r\n          class=\"font-weight-bold\"\r\n          :class=\"{'display-1': $vuetify.breakpoint.mdAndUp,'headline': $vuetify.breakpoint.mdOnly, 'title': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n        <span style=\"font-family:Roboto\">Easy to Learn | Easy to Use </span>\r\n        </div> -->\r\n        <v-layout class=\"mt-2\"\r\n        :class=\"{'px-4': $vuetify.breakpoint.lgAndUp, 'px-2': $vuetify.breakpoint.mdOnly,'px-0': $vuetify.breakpoint.smAndDown}\">\r\n            <h2 style=\"text-align:center\">\r\n              Easy to Learn | Easy to Use \r\n            </h2>\r\n        </v-layout>\r\n        <div style=\"margin-top: 5px\" />\r\n        <div\r\n          class=\"font-weight-light\"\r\n          :class=\"{'subtitle-1 px-4': $vuetify.breakpoint.lgAndUp, 'subtitle-1 px-2': $vuetify.breakpoint.mdOnly, 'subtitle-1 px-0': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n          Thanks to its Conversational User Interface (CUI), MagicGraph makes data analytics an intuitive and effortless experience. Enjoy the perfect blend of simplicity and convenience as technology adapts to your natural conversation.\r\n          <div style=\"margin-top:5px\"/>\r\n          <a class=\"btnLeft mt-2 mb-4\" style=\"color:#FFC100\" href=\"/demo\"> <h4 class=\"pa-1 align-start justify-center\">\r\n            Try It Yourself &nbsp;&nbsp; &rightarrow;\r\n            </h4></a>\r\n        </div>\r\n      </v-flex>\r\n      <v-flex\r\n        xs12\r\n        sm12\r\n        md7\r\n        lg7\r\n        xl7\r\n      >\r\n      <v-layout class=\"mx-auto\"\r\n      :class=\"{'px-2': $vuetify.breakpoint.lgAndUp, 'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\"\r\n      justify-start>\r\n      <v-responsive class=\"mt-2\"\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/KtTrDDZwr30?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-layout>     \r\n      <br> \r\n      <v-divider class=\"mt-3 mb-3\" />\r\n      </v-flex>\r\n    </v-layout>\r\n    <div style=\"margin-top: 20px\" />\r\n    <v-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        md5\r\n        lg5\r\n        xl5\r\n      >\r\n      <v-layout class=\"mt-2\" \r\n      :class=\"{'px-2': $vuetify.breakpoint.lgAndUp, 'px-2': $vuetify.breakpoint.mdOnly,'px-0': $vuetify.breakpoint.smAndDown}\">\r\n            <h2 style=\"text-align:center\">\r\n             Visual + Interactive\r\n            </h2>\r\n        </v-layout>\r\n        <div style=\"margin-top: 5px\" />\r\n        <div\r\n          class=\"font-weight-light\"\r\n          :class=\"{'subtitle-1 px-2': $vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': $vuetify.breakpoint.mdOnly, 'subtitle-1 px-0': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n        Empower your world with access to data and powerful analytics whenever and wherever you need it. Seamlessly connect to the insights that matter, no matter where you are.\r\n          <div style=\"margin-top:5px\" />\r\n          <a class=\"btnLeft mt-2 mb-4\" style=\"color:#FFC100\" href=\"/demo\"> <h4 class=\"pa-1 align-start justify-center\">\r\n            See Examples &nbsp;&nbsp; &rightarrow;\r\n            </h4></a>\r\n        </div>\r\n      </v-flex>\r\n      <v-flex\r\n        xs12\r\n        sm12\r\n        md7\r\n        lg7\r\n        xl7\r\n      >\r\n      <v-layout justify-end class=\"mx-auto\"\r\n      :class=\"{'px-2': $vuetify.breakpoint.lgAndUp, 'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\">\r\n      <v-responsive class=\"mt-2\"\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            </v-layout>\r\n            <br>\r\n            <v-divider style=\"color:#FFC100\" class=\"mt-3 mb-3\" />\r\n      </v-flex>\r\n    </v-layout>\r\n    <div style=\"margin-top: 20px\" />\r\n    <v-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      reverse=\"$vuetify.breakpoint.mdAndUp\"\r\n    >\r\n      <v-flex\r\n        xs12\r\n        sm12\r\n        md5\r\n        lg5\r\n        xl5\r\n      >\r\n        <v-layout class=\"mt-2\"\r\n        :class=\"{'px-4': $vuetify.breakpoint.lgAndUp, 'px-2': $vuetify.breakpoint.mdOnly,'px-0': $vuetify.breakpoint.smAndDown}\">\r\n            <h2 style=\"text-align:start\">\r\n             Customizable Modules\r\n            </h2>\r\n        </v-layout>\r\n        <div style=\"margin-top: 10px\" />\r\n        <div\r\n          class=\"font-weight-light subheader-content\"\r\n          :class=\"{'px-4 subtitle-1': $vuetify.breakpoint.lgAndUp, 'px-2 subtitle-1': $vuetify.breakpoint.mdOnly, 'px-0 subtitle-1': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n        Take control of your data like never before. Craft, explore, and visualize your data in ways that matter most to your business. Your data, your vision &mdash; now into your hands.\r\n          <br>\r\n          <a v-scroll-to=\"'#daf'\" class=\"btnLeft mt-2 mb-4\" style=\"color:#FFC100\"> <h4 class=\"pa-1 align-start justify-center\">\r\n            Get Started &nbsp;&nbsp; &rightarrow;\r\n            </h4></a>\r\n        </div>\r\n      </v-flex>\r\n      <v-flex\r\n        xs12\r\n        sm12\r\n        md7\r\n        lg7\r\n        xl7\r\n      >\r\n      <v-layout justify-start class=\"mx-auto\"\r\n      :class=\"{'px-2': $vuetify.breakpoint.lgAndUp, 'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\">\r\n      <!-- <video autoplay\r\n                     loop\r\n                     muted\r\n                     playsinline\r\n                     width=100%\r\n                     style=\"outline:none; border:1px solid black; border-radius:5px ;\"\r\n              > \r\n              <source src=\"assets/webm-4.webm\" type=\"video/webm\"> \r\n               <source src=\"assets/sampling.mp4\" type=\"video/mp4\"> \r\n              </video> -->\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/n7KBvh5ZzvA?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-layout>\r\n            <br>\r\n      <v-divider class=\"mt-3 mb-3\" />\r\n      </v-flex>\r\n    </v-layout>\r\n    <div style=\"margin-top: 20px\" />\r\n    <v-layout\r\n      justify-center\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        sm12\r\n        md5\r\n        lg5\r\n        xl5\r\n      >\r\n      <!--\r\n        <div class=\"font-weight-bold\"\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:Roboto\"> Collaborate in Real-Time</span>\r\n        </div> -->\r\n        <v-layout class=\"mb-2\" \r\n        :class=\"{'px-2': $vuetify.breakpoint.lgAndUp, 'px-2': $vuetify.breakpoint.mdOnly,'px-0': $vuetify.breakpoint.smAndDown}\">\r\n        <h2 style=\"text-align:center\"> Low-Code/No-Code Interface </h2>\r\n        </v-layout>\r\n        <div style=\"margin-top:5px\" />\r\n        <div\r\n          class=\"font-weight-light\"\r\n          :class=\"{'subtitle-1 px-2': $vuetify.breakpoint.lgAndUp, 'subtitle-1 px-2': $vuetify.breakpoint.mdOnly,'subtitle-1 px-0': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n        Unleash your creativity, build solutions effortlessly, and harness the power of your data &mdash; no coding skills required.\r\n          <div style=\"margin-top:5px\" />\r\n          <a class=\"btnLeft mt-2 mb-4\" style=\"color:#FFC100\" href=\"/demo\">\r\n            <h4 class=\"pa-1 align-start justify-center\">\r\n            Learn More &nbsp;&nbsp; &rightarrow;\r\n            </h4></a>\r\n        </div>\r\n      </v-flex>\r\n      <v-flex\r\n        xs12\r\n        sm12\r\n        md7\r\n        lg7\r\n        xl7\r\n      >\r\n      <v-layout class=\"mx-auto\"\r\n      :class=\"{'px-2': $vuetify.breakpoint.lgAndUp, 'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\"\r\n      justify-end>\r\n        <v-responsive class=\"mt-2\"\r\n                      :aspect-ratio=\"1.665\"\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/mL-EfwAE3wo?controls=0&rel=0\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n          />\r\n        </v-responsive>\r\n        <br>\r\n      </v-layout>     \r\n      </v-flex>\r\n    </v-layout>\r\n  </div>\r\n</template>\r\n<script>\r\nimport DivideContent from './Divider.vue'\r\nexport default {\r\n    name: 'EdliyContent',\r\n    components: {\r\n      DivideContent\r\n    },\r\n    data () {\r\n      return {\r\n          style: {layout: \"margin:0px\"},\r\n            }\r\n      },\r\n    mounted() {\r\n    function toggle(x){if(x<2){return x+1}else{return 0}};\r\n    var i=0; \r\n    var sArray=[\"analytics\", \"visualization\", \"collaboration\"]; \r\n    var tArray=[\"Simplify\", \"Automate\", \"Accelerate\"];\r\n    setInterval(()=> {i=toggle(i);\r\n      document.getElementById(\"spaned\").innerHTML = sArray[i];\r\n      document.getElementById(\"tpaned\").innerHTML = tArray[i];\r\n    }, 2000);\r\n      var videos = document.getElementsByTagName(\"video\");\r\n      function checkScroll()\r\n      {\r\n        for(let j=0; j<videos.length; j++)\r\n        {\r\n          var video = videos[j];\r\n          var box = video.getBoundingClientRect();\r\n        //  console.log(window.outerHeight-window.innerHeight, box.top)\r\n            if (box.top>(window.outerHeight-window.innerHeight)/10.0 && box.bottom < window.innerHeight)\r\n            {\r\n                video.play();\r\n                video.playbackRate = 0.75;\r\n                //console.log('true');\r\n            } \r\n            else\r\n            {\r\n                video.pause();\r\n                video.currentTime = 0;\r\n                //console.log('false');\r\n            }\r\n        }\r\n      };\r\n      window.addEventListener('scroll', checkScroll, false);\r\n      window.addEventListener('resize', checkScroll, false);  \r\n    },\r\n    methods : {\r\n      reloadPage() { window.location.reload()},\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!./EdliyL.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!./EdliyL.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EdliyL.vue?vue&type=template&id=184e0179&\"\nimport script from \"./EdliyL.vue?vue&type=script&lang=js&\"\nexport * from \"./EdliyL.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\":\"sc123\"}},[_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:{\"xs12\":\"\",\"sm12\":\"\",\"md12\":\"\",\"lg12\":\"\",\"xl12\":\"\"}},[_c('v-layout',{staticClass:\"mt-4\"},[_c('h1',{staticStyle:{\"text-align\":\"center\"}},[_c('span',{staticStyle:{\"color\":\"#FFC100\"},attrs:{\"id\":\"tpaned\"}},[_vm._v(\"Simplify\")]),_vm._v(\" your workflows\\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},attrs:{\"justify-start\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md12\":\"\",\"lg12\":\"\",\"xl12\":\"\"}},[_c('div',{staticClass:\"font-weight-light\",class:{'subtitle-1': _vm.$vuetify.breakpoint.lgAndUp,'subtitle-1': _vm.$vuetify.breakpoint.mdOnly, 'subtitle-1': _vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n      Through visual interactivity, MagicGraph empowers users to learn from virtual experiments, test different hypotheses, and gain a 360\"),_c('sup',[_vm._v(\"o\")]),_vm._v(\" insight from data.\\n    \")]),_c('div',{staticClass:\"font-weight-light\",class:{'subtitle-1': _vm.$vuetify.breakpoint.mdAndUp, 'subtitle-1': _vm.$vuetify.breakpoint.smAndDown}},[_c('br'),_c('a',{staticClass:\"btnLeft\",attrs:{\"href\":\"/demo\"}},[_c('h4',{staticClass:\"pa-1 align-start justify-center\"},[_vm._v(\"\\n          Watch Demo    →\\n          \")])])])])],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},attrs:{\"align-center\":\"\",\"justify-center\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm6\":\"\",\"md6\":\"\",\"lg6\":\"\",\"xl6\":\"\"}},[_c('v-layout',{staticClass:\"mb-2\",class:{'px-2': _vm.$vuetify.breakpoint.lgAndUp, 'px-2': _vm.$vuetify.breakpoint.mdOnly,'px-0': _vm.$vuetify.breakpoint.smAndDown}},[_c('h2',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(\" Type, Talk or Tap \")])]),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('div',{staticClass:\"font-weight-light subheader-content\",class:{'subtitle-1 px-2': _vm.$vuetify.breakpoint.lgAndUp, 'subtitle-1 px-2': _vm.$vuetify.breakpoint.mdOnly, 'subtitle-1 px-0': _vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n      MagicGraph's multi-modal system of inputs blends the best of all worlds. Type, talk, or simply point and tap to access the power of MagicGraph — because we believe in making technology work for you.\\n        \"),_c('br'),_c('a',{directives:[{name:\"scroll-to\",rawName:\"v-scroll-to\",value:('#subjectcard123'),expression:\"'#subjectcard123'\"}],staticClass:\"btnLeft mt-3\"},[_c('h4',{staticClass:\"pa-1 align-start justify-center\"},[_vm._v(\"\\n           Explore MagicGraph    →\\n          \")])])])],1),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm6\":\"\",\"md6\":\"\",\"lg6\":\"\",\"xl6\":\"\",\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-img',{staticClass:\"mx-auto\",attrs:{\"width\":\"auto \",\"max-height\":\"500px\",\"max-width\":\"500px\",\"src\":\"assets/advanced.svg\",\"contain\":\"\"}}),_c('v-divider',{staticClass:\"mt-3 mb-3\"})],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},attrs:{\"align-center\":\"\",\"row\":\"\",\"wrap\":\"\",\"reverse\":\"$vuetify.breakpoint.mdAndUp\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm6\":\"\",\"md6\":\"\",\"lg6\":\"\",\"xl6\":\"\"}},[_c('v-layout',{staticClass:\"mb-2\",class:{'px-2': _vm.$vuetify.breakpoint.lgAndUp, 'px-2': _vm.$vuetify.breakpoint.mdOnly,'px-0': _vm.$vuetify.breakpoint.smAndDown}},[_c('h2',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(\" Your Data, Fortified \")])]),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('div',{staticClass:\"font-weight-light subheader-content\",class:{'subtitle-1 px-2': _vm.$vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': _vm.$vuetify.breakpoint.mdOnly, 'subtitle-1 px-0': _vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n      With MagicGraph, your data stays put — no migrations, no compromises. Our compute layer is intricately woven into your data, ensuring unyielding security wherever your data resides. \\n        \"),_c('br'),_c('a',{directives:[{name:\"scroll-to\",rawName:\"v-scroll-to\",value:('#subjectcard123'),expression:\"'#subjectcard123'\"}],staticClass:\"btnLeft mt-3\"},[_c('h4',{staticClass:\"pa-1 align-start justify-center\"},[_vm._v(\"\\n          Try It Yourself    →\\n          \")])])])],1),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm6\":\"\",\"md6\":\"\",\"lg6\":\"\",\"xl6\":\"\"}},[_c('v-img',{staticClass:\"mx-auto\",attrs:{\"width\":\"auto \",\"max-height\":\"500px\",\"max-width\":\"500px\",\"src\":\"assets/animation-2.svg\",\"contain\":\"\"}}),_c('v-divider',{staticClass:\"mt-3 mb-3\"})],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},attrs:{\"align-center\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm6\":\"\",\"md6\":\"\",\"lg6\":\"\",\"xl6\":\"\"}},[_c('v-layout',{staticClass:\"mb-2\",class:{'px-2': _vm.$vuetify.breakpoint.lgAndUp, 'px-2': _vm.$vuetify.breakpoint.mdOnly,'px-0': _vm.$vuetify.breakpoint.smAndDown}},[_c('h2',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(\" Automate & Accelerate Workflows \")])]),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('div',{staticClass:\"font-weight-light subheader-content\",class:{'subtitle-1 px-2': _vm.$vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': _vm.$vuetify.breakpoint.mdOnly, 'subtitle-1 px-0': _vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n      MagicGraph's AI/VI solutions let you automate, accelerate, and effortlessly streamline your data workflows. It's time to unlock efficiency like never before.\\n        \"),_c('br'),_c('a',{directives:[{name:\"scroll-to\",rawName:\"v-scroll-to\",value:('#subjectcard123'),expression:\"'#subjectcard123'\"}],staticClass:\"btnLeft mt-3\"},[_c('h4',{staticClass:\"pa-1 align-start justify-center\"},[_vm._v(\"\\n          Explore MagicGraph    →\\n          \")])])])],1),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm6\":\"\",\"md6\":\"\",\"lg6\":\"\",\"xl6\":\"\"}},[_c('v-img',{staticClass:\"mx-auto\",attrs:{\"width\":\"auto \",\"max-height\":\"500px\",\"max-width\":\"500px\",\"src\":\"assets/animation-3.svg\",\"contain\":\"\"}}),_c('v-divider',{staticClass:\"mt-3 mb-3\"})],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},attrs:{\"align-center\":\"\",\"row\":\"\",\"wrap\":\"\",\"reverse\":\"$vuetify.breakpoint.mdAndUp\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm6\":\"\",\"md6\":\"\",\"lg6\":\"\",\"xl6\":\"\"}},[_c('v-layout',{staticClass:\"mb-2\",class:{'px-2': _vm.$vuetify.breakpoint.lgAndUp, 'px-2': _vm.$vuetify.breakpoint.mdOnly,'px-0': _vm.$vuetify.breakpoint.smAndDown}},[_c('h2',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(\"Collaborate in Real-Time \")])]),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('div',{staticClass:\"font-weight-light subheader-content\",class:{'subtitle-1 px-2': _vm.$vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': _vm.$vuetify.breakpoint.mdOnly, 'subtitle-1 px-0': _vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n      Experience the future of collaborative data analytics with MagicGraph's real-time data collaboration solutions. Seamlessly connect, create, and innovate with your team — all in real-time.\\n        \"),_c('br'),_c('a',{directives:[{name:\"scroll-to\",rawName:\"v-scroll-to\",value:('#subjectcard123'),expression:\"'#subjectcard123'\"}],staticClass:\"btnLeft mt-3\"},[_c('h4',{staticClass:\"pa-1 align-start justify-center\"},[_vm._v(\"\\n          Try It Yourself    →\\n          \")])])])],1),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm6\":\"\",\"md6\":\"\",\"lg6\":\"\",\"xl6\":\"\"}},[_c('v-img',{staticClass:\"mx-auto\",attrs:{\"width\":\"auto \",\"max-height\":\"500px\",\"max-width\":\"500px\",\"src\":\"assets/animation-4.svg\",\"contain\":\"\"}})],1)],1),_c('br')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"sc123\">\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        xs12\r\n        sm12\r\n        md12\r\n        lg12\r\n        xl12\r\n      >\r\n      <!--\r\n        <div\r\n          :class=\"{'px-2': $vuetify.breakpoint.lgAndUp,'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\"\r\n        ></div> -->\r\n          <v-layout class=\"mt-4\">\r\n            <h1 style=\"text-align:center\">\r\n              <span id=\"tpaned\" style=\"color:#FFC100\">Simplify</span> your workflows\r\n            </h1>\r\n          </v-layout>\r\n      </v-flex>\r\n    </v-layout>\r\n    <div style=\"margin-top: 10px\" />\r\n    <v-layout\r\n      justify-start\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 class=\"font-weight-light\"\r\n        :class=\"{'subtitle-1': $vuetify.breakpoint.lgAndUp,'subtitle-1': $vuetify.breakpoint.mdOnly, 'subtitle-1': $vuetify.breakpoint.smAndDown}\">\r\n        Through visual interactivity, MagicGraph empowers users to learn from virtual experiments, test different hypotheses, and gain a 360<sup>o</sup> insight from data.\r\n      </div>\r\n        <div\r\n          class=\"font-weight-light\"\r\n          :class=\"{'subtitle-1': $vuetify.breakpoint.mdAndUp, 'subtitle-1': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n          <br>\r\n          <a href=\"/demo\" class=\"btnLeft\">  <h4 class=\"pa-1 align-start justify-center\">\r\n            Watch Demo &nbsp;&nbsp; &rightarrow;\r\n            </h4></a>\r\n        </div>\r\n      </v-flex>\r\n    </v-layout>\r\n    <div style=\"margin-top: 20px\" />\r\n    <v-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        sm6\r\n        md6\r\n        lg6\r\n        xl6\r\n      >\r\n        <v-layout class=\"mb-2\" \r\n        :class=\"{'px-2': $vuetify.breakpoint.lgAndUp, 'px-2': $vuetify.breakpoint.mdOnly,'px-0': $vuetify.breakpoint.smAndDown}\">\r\n         <h2 style=\"text-align:center\"> Type, Talk or Tap </h2>\r\n        </v-layout>\r\n        <div style=\"margin-top: 10px\" />\r\n        <div\r\n          class=\"font-weight-light subheader-content\"\r\n          :class=\"{'subtitle-1 px-2': $vuetify.breakpoint.lgAndUp, 'subtitle-1 px-2': $vuetify.breakpoint.mdOnly, 'subtitle-1 px-0': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n        MagicGraph's multi-modal system of inputs blends the best of all worlds. Type, talk, or simply point and tap to access the power of MagicGraph &mdash; because we believe in making technology work for you.\r\n          <br>\r\n          <a v-scroll-to=\"'#subjectcard123'\" class=\"btnLeft mt-3\"> <h4 class=\"pa-1 align-start justify-center\">\r\n             Explore MagicGraph &nbsp;&nbsp; &rightarrow;\r\n            </h4></a>\r\n        </div>\r\n      </v-flex>\r\n      <v-flex\r\n        xs12\r\n        sm6\r\n        md6\r\n        lg6\r\n        xl6\r\n        justify-center\r\n        align-center\r\n      >\r\n        <v-img\r\n          width=\"auto \"\r\n          class=\"mx-auto\"\r\n          max-height=\"500px\"\r\n          max-width=\"500px\"\r\n          src=\"assets/advanced.svg\"\r\n          contain\r\n        />\r\n        <v-divider class=\"mt-3 mb-3\" />\r\n      </v-flex>\r\n    </v-layout>\r\n    <div style=\"margin-top: 20px\" />\r\n    <v-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        sm6\r\n        md6\r\n        lg6\r\n        xl6\r\n      >\r\n        <v-layout class=\"mb-2\" \r\n        :class=\"{'px-2': $vuetify.breakpoint.lgAndUp, 'px-2': $vuetify.breakpoint.mdOnly,'px-0': $vuetify.breakpoint.smAndDown}\">\r\n         <h2 style=\"text-align:center\"> Your Data, Fortified </h2>\r\n        </v-layout>\r\n        <div style=\"margin-top: 10px\" />\r\n        <div\r\n          class=\"font-weight-light subheader-content\"\r\n          :class=\"{'subtitle-1 px-2': $vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': $vuetify.breakpoint.mdOnly, 'subtitle-1 px-0': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n        With MagicGraph, your data stays put &mdash; no migrations, no compromises. Our compute layer is intricately woven into your data, ensuring unyielding security wherever your data resides. \r\n          <br>\r\n          <a v-scroll-to=\"'#subjectcard123'\" class=\"btnLeft mt-3\"> <h4 class=\"pa-1 align-start justify-center\">\r\n            Try It Yourself &nbsp;&nbsp; &rightarrow;\r\n            </h4></a>\r\n        </div>\r\n      </v-flex>\r\n      <v-flex xs12\r\n              sm6\r\n              md6\r\n              lg6\r\n              xl6\r\n      >\r\n        <v-img\r\n          width=\"auto \"\r\n          class=\"mx-auto\"\r\n          max-height=\"500px\"\r\n          max-width=\"500px\"\r\n          src=\"assets/animation-2.svg\"\r\n          contain\r\n        />\r\n        <v-divider class=\"mt-3 mb-3\" />\r\n      </v-flex>\r\n    </v-layout>\r\n    <div style=\"margin-top: 20px\" />\r\n    <v-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        sm6\r\n        md6\r\n        lg6\r\n        xl6\r\n      >\r\n        <v-layout class=\"mb-2\" \r\n        :class=\"{'px-2': $vuetify.breakpoint.lgAndUp, 'px-2': $vuetify.breakpoint.mdOnly,'px-0': $vuetify.breakpoint.smAndDown}\">\r\n         <h2 style=\"text-align:center\"> Automate & Accelerate Workflows </h2>\r\n        </v-layout>\r\n        <div style=\"margin-top: 10px\" />\r\n        <div class=\"font-weight-light subheader-content\"\r\n             :class=\"{'subtitle-1 px-2': $vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': $vuetify.breakpoint.mdOnly, 'subtitle-1 px-0': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n        MagicGraph's AI/VI solutions let you automate, accelerate, and effortlessly streamline your data workflows. It's time to unlock efficiency like never before.\r\n          <br>\r\n          <a v-scroll-to=\"'#subjectcard123'\" class=\"btnLeft mt-3\">  <h4 class=\"pa-1 align-start justify-center\">\r\n            Explore MagicGraph &nbsp;&nbsp; &rightarrow;\r\n            </h4></a>\r\n        </div>\r\n      </v-flex>\r\n      <v-flex\r\n        xs12\r\n        sm6\r\n        md6\r\n        lg6\r\n        xl6\r\n      >\r\n        <v-img\r\n          width=\"auto \"\r\n          class=\"mx-auto\"\r\n          max-height=\"500px\"\r\n          max-width=\"500px\"\r\n          src=\"assets/animation-3.svg\"\r\n          contain\r\n        />\r\n        <v-divider class=\"mt-3 mb-3\" />\r\n      </v-flex>\r\n    </v-layout>\r\n    <div style=\"margin-top: 20px\" />\r\n    <v-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        sm6\r\n        md6\r\n        lg6\r\n        xl6\r\n      >\r\n        <v-layout class=\"mb-2\" \r\n        :class=\"{'px-2': $vuetify.breakpoint.lgAndUp, 'px-2': $vuetify.breakpoint.mdOnly,'px-0': $vuetify.breakpoint.smAndDown}\">\r\n         <h2 style=\"text-align:center\">Collaborate in Real-Time </h2>\r\n        </v-layout>\r\n        <div style=\"margin-top: 10px\" />\r\n        <div class=\"font-weight-light subheader-content\"\r\n             :class=\"{'subtitle-1 px-2': $vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': $vuetify.breakpoint.mdOnly, 'subtitle-1 px-0': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n        Experience the future of collaborative data analytics with MagicGraph's real-time data collaboration solutions. Seamlessly connect, create, and innovate with your team &mdash; all in real-time.\r\n          <br>\r\n          <a v-scroll-to=\"'#subjectcard123'\" class=\"btnLeft mt-3\"> <h4 class=\"pa-1 align-start justify-center\">\r\n            Try It Yourself &nbsp;&nbsp; &rightarrow;\r\n            </h4></a>\r\n        </div>\r\n      </v-flex>\r\n      <v-flex\r\n        xs12\r\n        sm6\r\n        md6\r\n        lg6\r\n        xl6\r\n      >\r\n        <v-img\r\n          width=\"auto \"\r\n          class=\"mx-auto\"\r\n          max-height=\"500px\"\r\n          max-width=\"500px\"\r\n          src=\"assets/animation-4.svg\"\r\n          contain\r\n        />\r\n      </v-flex>\r\n    </v-layout>\r\n    <br>\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      attrs: [\r\n        {\r\n          key: 'today',\r\n          highlight: 'red',\r\n          dates: new Date(),\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!./AboutContent.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!./AboutContent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AboutContent.vue?vue&type=template&id=62e9d802&\"\nimport script from \"./AboutContent.vue?vue&type=script&lang=js&\"\nexport * from \"./AboutContent.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},attrs:{\"align-center\":\"\",\"justify-center\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md12\":\"\",\"lg12\":\"\",\"xl12\":\"\"}},[_c('v-layout',{staticClass:\"mt-4\"},[_c('h1',{staticStyle:{\"text-align\":\"start\"}},[_vm._v(\"\\n            Explore MagicGraph!\\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},attrs:{\"align-center\":\"\",\"justify-center\":\"\"}},[_c('div',{staticClass:\"font-weight-light subheader-content\",class:{'subtitle-1': _vm.$vuetify.breakpoint.lgAndUp,'subtitle-1': _vm.$vuetify.breakpoint.mdOnly, 'subtitle-1': _vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n      Explore our library of more than 100 meticulously crafted illustrations and examples on visio-interactive data analytics.\\n      Learn how magicgraph empowers users to capture and communicate data insights through visio-interactive storytelling.\\n      \"),_c('br'),_c('br')])]),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_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),_c('br'),_c('br')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"subjectcard123\">\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        xs12\r\n        sm12\r\n        md12\r\n        lg12\r\n        xl12\r\n      >\r\n       <!-- <div\r\n          :class=\"{'px-2': $vuetify.breakpoint.lgAndUp,'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\"\r\n        > </div>-->\r\n          <v-layout class=\"mt-4\">\r\n            <h1 style=\"text-align:start\">\r\n              Explore MagicGraph!\r\n            </h1>\r\n          </v-layout>\r\n        \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      :class=\"{'px-4': $vuetify.breakpoint.lgAndUp,'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\"\r\n    >\r\n      <div\r\n        class=\"font-weight-light subheader-content\"\r\n        :class=\"{'subtitle-1': $vuetify.breakpoint.lgAndUp,'subtitle-1': $vuetify.breakpoint.mdOnly, 'subtitle-1': $vuetify.breakpoint.smAndDown}\"\r\n      >\r\n        Explore our library of more than 100 meticulously crafted illustrations and examples on visio-interactive data analytics.\r\n        Learn how magicgraph empowers users to capture and communicate data insights through visio-interactive storytelling.\r\n        <br>\r\n        <br>\r\n      </div>\r\n    </v-layout>\r\n    <div style=\"margin-top: 10px\" />\r\n    <!--\r\n    <v-layout\r\n        justify-space-around\r\n        align-center\r\n        class=\"mb-3 pa-2\"\r\n      >\r\n          <v-layout\r\n            justify-space-around\r\n            align-center\r\n            class=\"mb-2 pa-1\"\r\n          >\r\n            <v-flex\r\n              xl4\r\n              sm4\r\n              md4\r\n              lg4\r\n              xs4\r\n            >\r\n              <v-layout justify-center align-center>\r\n                  <v-img\r\n                    src=\"/assets/launch.svg\"\r\n                    elevation=\"hover ? 9:2\"\r\n                    max-height=\"100px\"\r\n                    max-width=\"100px\"\r\n                    contain\r\n                    @click=\"$router.push({path:'/demo'})\"\r\n                  />\r\n              </v-layout>\r\n              <v-layout class=\"mt-1\" justify-center align-center>\r\n                <h4 style=\"color:black\">Try it now</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            >\r\n              <v-layout justify-center align-center>\r\n                  <v-img\r\n                    src=\"/assets/demoIcon.svg\"\r\n                    elevation=\"hover ? 9:2\"\r\n                    max-height=\"100px\"\r\n                    max-width=\"100px\"\r\n                    contain\r\n                    @click=\"$router.push({path:'/demo'})\"\r\n                  />\r\n              </v-layout>\r\n              <v-layout class=\"mt-1\" justify-center align-center>\r\n                <h4 style=\"color:black\">Watch a demo</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            >\r\n              <v-layout justify-center align-center>\r\n                  <v-img\r\n                    src=\"/assets/conversation.svg\"\r\n                    elevation=\"hover ? 9:2\"\r\n                    max-height=\"100px\"\r\n                    max-width=\"100px\"\r\n                    contain\r\n                    @click=\"$router.push({path:'/contact'})\"\r\n                  />\r\n              </v-layout>\r\n              <v-layout class=\"mt-1\" justify-center align-center>\r\n                <h4 style=\"color:black\">Ask an expert</h4>\r\n              </v-layout>\r\n            </v-flex>\r\n          </v-layout>\r\n      </v-layout> -->\r\n     <v-layout\r\n        align-center\r\n        justify-center\r\n        row\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      <!--\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=\"cat.title\"\r\n               description=\"\"\r\n              :img=\"cat.img\"\r\n              :path=\"cat.link\"\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  -->\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    data () {\r\n      return {\r\n        style: {layout: \"margin: 0px\"},\r\n        topics: [\r\n          {\r\n            headline: \"Learn More\",\r\n            description: \" \",\r\n            img: \"/assets/basics.svg\",\r\n            path: \"/demo\"\r\n          },\r\n          {\r\n            headline: \"See Examples\",\r\n            description: \" \",\r\n            img: \"/assets/intermediate.svg\",\r\n            path: \"/subjects\"\r\n          },\r\n          {\r\n            headline: \"Watch a Demo\",\r\n            description: \" \",\r\n            img: \"/assets/advanced.svg\",\r\n            path: \"/contact\"\r\n          },\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!./TopicContent.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!./TopicContent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopicContent.vue?vue&type=template&id=2ab67932&\"\nimport script from \"./TopicContent.vue?vue&type=script&lang=js&\"\nexport * from \"./TopicContent.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 class=\"main\">\r\n    <!--\r\n    <div id=\"daf\">\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          xs12\r\n          sm12\r\n          md12\r\n          lg12\r\n          xl12\r\n        >\r\n          <div\r\n            class=\"font-weight-light\"\r\n            :class=\"{'headline px-4': $vuetify.breakpoint.lgAndUp,'subtitle-1 px-2': $vuetify.breakpoint.mdOnly, 'pa-0 body-2': $vuetify.breakpoint.smAndDown}\"\r\n          >\r\n            <span class=\"edliy-e\">&epsilon;</span>dliy is a visually interactive learning app. By combining the art of storytelling with the power of visual interactivity, <span class=\"edliy-e\">&epsilon;</span>dliy makes learning math and science engaging and enjoyable for learners and educators alike.\r\n            <br><br>\r\n            Tap on an option to get started.\r\n            <br>\r\n            <br>\r\n          </div>\r\n        </v-flex>\r\n      </v-layout>\r\n      \r\n      <v-layout\r\n        justify-space-around\r\n        align-center\r\n        class=\"mb-3 pa-2\"\r\n      >\r\n        <v-flex\r\n          xl8\r\n          sm8\r\n          md8\r\n          lg8\r\n          xs12\r\n        >\r\n          <v-layout\r\n            justify-space-around\r\n            align-center\r\n            class=\"mb-2 pa-1\"\r\n          >\r\n            <v-flex\r\n              xl4\r\n              sm4\r\n              md4\r\n              lg4\r\n              xs4\r\n            >\r\n              <v-layout justify-center align-center>\r\n                <v-btn\r\n                  fab\r\n                  large\r\n                  @click=\"$router.push({path:'/gradesMath'})\"\r\n                >\r\n                  <v-img\r\n                    src=\"/assets/launch.svg\"\r\n                    max-height=\"42px\"\r\n                    max-width=\"42px\"\r\n                    contain\r\n                  />\r\n                </v-btn>\r\n              </v-layout>\r\n              <v-layout class=\"mt-1\" justify-center align-center>\r\n                <h5 style=\"color:black\">Start learning</h5>\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            >\r\n              <v-layout justify-center align-center>\r\n                <v-btn\r\n                  fab\r\n                  large\r\n                  @click=\"$router.push({path:'/demo'})\"\r\n                >\r\n                  <v-img\r\n                    src=\"/assets/demoIcon.svg\"\r\n                    max-height=\"80px\"\r\n                    max-width=\"80px\"\r\n                    contain\r\n                  />\r\n                </v-btn>\r\n              </v-layout>\r\n              <v-layout class=\"mt-1\" justify-center align-center>\r\n                <h5 style=\"color:black\">Watch a demo</h5>\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            >\r\n              <v-layout justify-center align-center>\r\n                <v-btn\r\n                  fab\r\n                  large\r\n                  @click=\"$router.push({path:'/contact'})\"\r\n                >\r\n                  <v-img\r\n                    src=\"/assets/conversation.svg\"\r\n                    max-height=\"80px\"\r\n                    max-width=\"80px\"\r\n                    contain\r\n                  />\r\n                </v-btn>\r\n              </v-layout>\r\n              <v-layout class=\"mt-1\" justify-center align-center>\r\n                <h5 style=\"color:black\">Ask an expert</h5>\r\n              </v-layout>\r\n            </v-flex>\r\n          </v-layout>\r\n        </v-flex>\r\n      </v-layout> \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          xs12\r\n          sm12\r\n          md12\r\n          lg12\r\n          xl12\r\n        >\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            Not ready yet? Keep scrolling to learn more about <span class=\"edliy-e\">&epsilon;</span>dliy!\r\n            <br>\r\n            <br>\r\n          </div>\r\n        </v-flex>\r\n      </v-layout>\r\n    </div>\r\n    <divide-content /> -->\r\n    <div style=\"margin-top: 5px\" />\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=\"style\" />\r\n    <div class=\"font-weight-medium\"\r\n         :class=\"{'display-1': $vuetify.breakpoint.mdAndUp, 'subheading': $vuetify.breakpoint.smAndDown}\"\r\n    >\r\n      <a class=\"btntitle\" href=\"#/courses\" />\r\n    </div>\r\n    <divide-content />\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        <about-content :my-style=\"style\" />\r\n      </v-card>\r\n    </v-layout>\r\n    <about-content v-else :my-style=\"style\" />\r\n    <div class=\"font-weight-medium\"\r\n         :class=\"{'display-1': $vuetify.breakpoint.mdAndUp, 'subheading': $vuetify.breakpoint.smAndDown}\"\r\n    >\r\n      <div class=\"font-weight-medium\"\r\n           :class=\"{'display-1': $vuetify.breakpoint.mdAndUp, 'subheading': $vuetify.breakpoint.smAndDown}\"\r\n      >\r\n        <a class=\"btntitle\" href=\"#/courses\" />\r\n      </div>\r\n    </div>\r\n    <!--  <v-divider v-if=\"$vuetify.breakpoint.xlAndDown\" class=\"mt-3 mb-3\" />-->\r\n    <divide-content />\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    <topic-content v-else :my-style=\"style\" />\r\n    <div class=\"font-weight-medium\"\r\n         :class=\"{'display-1': $vuetify.breakpoint.xlAndUp, 'subheading': $vuetify.breakpoint.smAndDown}\"\r\n    >\r\n      <div class=\"font-weight-medium\"\r\n           :class=\"{'display-1': $vuetify.breakpoint.mdAndUp, 'subheading': $vuetify.breakpoint.smAndDown}\"\r\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\nimport EdliyContent from './EdliyL.vue';\r\nimport AboutContent from './AboutContent.vue';\r\nimport TopicContent from './TopicContent.vue';\r\nimport DivideContent from './Divider.vue';\r\nimport { mapGetters } from 'vuex';\r\nexport default {\r\n    name:'Home',\r\n    components: {\r\n    EdliyContent, AboutContent, TopicContent, DivideContent\r\n    },\r\n    data () {\r\n      return {\r\n        style: {layout: \"margin:0px\"},\r\n             }\r\n            },\r\n    created () {\r\n    function toggle(x){if(x<2){return x+1}else{return 0}};\r\n    var ij=0; \r\n    const sjArray=[\"Visio-interactive Analytics Studio\", \"Visio-interactive Visualization Studio\", \"Visio-interactive Collaboration Studio\"];\r\n    this.$store.commit('navigation/resetState');\r\n    setInterval(()=> {ij=toggle(ij);this.$store.commit('navigation/changeTitle', sjArray[ij]);}, 2000);\r\n  },\r\n  mounted() {\r\n    function toggle(x){if(x<2){return x+1}else{return 0}};\r\n    var i=0; \r\n    var tArray=[\"Simplify\", \"Automate\", \"Accelerate\"];\r\n    setInterval(()=> {i=toggle(i);\r\n      document.getElementById(\"tpaned\").innerHTML = tArray[i];\r\n    }, 2000);},\r\n/*computed:{\r\n      ...mapGetters(\r\n        {\r\n        showhome: 'navigation/showhome',\r\n        showPhys: 'navigation/showPhys'\r\n        })\r\n      }, */\r\n  /*    metaInfo: {\r\n      title: \"Edliy\",\r\n      meta: [\r\n        { name: \"description\", content: \"At Edliy, we are pioneering visual interactive technology to teach science and math concepts through visual storytelling.\" },\r\n        { name: \"keywords\", content: \"visual learning, interactive learning, concept building for students, science, engineering, mathematics\"},\r\n        { name: \"robots\", content: \"index, follow\"},\r\n      ]\r\n  }*/\r\n  metaInfo: {\r\n          title: \"MagicGraph\",\r\n          titleTemplate:\"%s | Visio-interactive Experience Studio Powered by AI\",\r\n          meta: [ { vmid:\"description\",\r\n                    name:\"description\",\r\n                    content: \"At Edliy, we are pioneering visually interactive technology to teach science and math concepts through visual storytelling.\"\r\n                  },\r\n                  { vmid:\"keywords\",\r\n                    name:\"keywords\",\r\n                    content: \"visual learning, interactive learning, concept building for students, science, engineering, mathematics\"\r\n                  },\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\"}]\r\n        },\r\n  }\r\n</script>\r\n<style lang=\"scss\">\r\n@import 'src/styles/screen-sizes.scss';\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:1800px;\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.imgC{\r\nmargin-left:auto;\r\nmargin-right:auto;\r\nmargin-top: auto;\r\nmargin-bottom: auto;\r\n@include respond-to(less-smallest-screens) {width: 100%;}\r\n@include respond-to(smallest-screens) {width: 80%;}\r\n@include respond-to(small-screens) {width: 75%;}\r\n@include respond-to(medium-screens) {width: 50%;}\r\n@include respond-to(large-screens) {width: 90%;}\r\n@include respond-to(largest-screens) {width: 90%;}\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!./NewAbout.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!./NewAbout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewAbout.vue?vue&type=template&id=625acc38&\"\nimport script from \"./NewAbout.vue?vue&type=script&lang=js&\"\nexport * from \"./NewAbout.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewAbout.vue?vue&type=style&index=0&id=625acc38&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","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","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!./NewAbout.vue?vue&type=style&index=0&id=625acc38&prod&lang=scss&\""],"sourceRoot":""}