{"version":3,"sources":["webpack:///./components/home/LoggedOut.vue?d1e0","webpack:///./pages/index.vue?ea57","webpack:///./components/home/LoggedOut.vue?202a","webpack:///./components/home/LoggedOut.vue?7b4b","webpack:///./pages/index.vue?fcc4","webpack:///./pages/index.vue?29cf","webpack:///./pages/index.vue","webpack:///./components/home/LoggedOut.vue?4c67","webpack:///components/home/LoggedOut.vue","webpack:///./components/home/LoggedOut.vue?c2bd","webpack:///./components/home/LoggedOut.vue","webpack:///pages/index.vue","webpack:///./pages/index.vue?cebd","webpack:///./pages/index.vue?5b25"],"names":["content","__esModule","default","module","i","locals","exports","add","___CSS_LOADER_EXPORT___","___CSS_LOADER_API_IMPORT___","push","components","data","icons","mdiArrowRight","isRemoteTeachingActive","mobileYouTubeDemo","tryOutLessons","slug","name","thumbnail","description","timeRequired","subjects","grade","microphone","speakers","slides","color","quote","avatar","person","image","position","caseStudy","computed","gettingStartedSteps","title","$t","desc","src","alt","gradient","methods","toggleSignupDialog","$store","dispatch","state","signupDialog","toggleLoginDialog","loginDialog","component","_vm","this","_c","_self","attrs","staticClass","_v","_s","staticStyle","on","_l","obj","index","key","class","length","localePath","text","slide","style","_e","VAvatar","VBtn","VCarousel","VCarouselItem","VCol","VContainer","VFlex","VIcon","VImg","VLayout","VRow","VSheet","LoggedOut","ClassForm","EducatorUpgrade","classCard","HelloUser","NotUserFooter","head","meta","hid","property","$route","path","link","rel","href","as","active","classes","showAll","showPasscode","createClassDialog","changePlanDialog","joinClassDialog","pagination","page","count","next","previous","showLoading","isLoggedIn","$auth","user","watch","newVal","oldVal","mounted","_this","_asyncToGenerator","regeneratorRuntime","mark","_callee","wrap","_context","prev","query","join","is_student","student_data","has_classroom","stop","addNewClassDialog","account_type","closeChangePlanDialog","loadMore","_this2","_callee2","res","_context2","$api","getStudentClassrooms","username","sent","getClassrooms","concat","results","t0","console","log","onCreateClass","$router","closeJoinClassDialog","onJoinedClassroom","classroom","$toast","success","$i18n","t","theme","duration","loggedIn","$device","isMobile","locale","$event","$vuetify","breakpoint","mdAndUp","model","value","callback","$$v","expression","el","directives","rawName","archived_at","smAndDown","throttle","xsOnly","VAlert","VCard","VCardText","VCardTitle","VDialog","VDivider","VSpacer","VSwitch"],"mappings":"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","file":"1c43705ef643097ac3b6.v4.9.9.js","sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??ref--3-oneOf-1-2!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoggedOut.vue?vue&type=style&index=0&id=06634ab6&prod&lang=css\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"de13bc60\", content, true, {\"sourceMap\":false});","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??ref--3-oneOf-1-2!../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=2ac0e166&prod&scoped=true&lang=css\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"211b4cc9\", content, true, {\"sourceMap\":false});","export * from \"-!../../node_modules/vue-style-loader/index.js??ref--3-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js??ref--3-oneOf-1-2!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoggedOut.vue?vue&type=style&index=0&id=06634ab6&prod&lang=css\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"#loggedOut p{font-size:1.125rem}#learning video{max-height:375px;width:100%}.tagline-background{background-color:#00c4c5;background:linear-gradient(to left top,#174694,#00afb0);overflow:hidden;position:relative}#footer{background-color:#174694;color:#fff}.curriculum-container{background:linear-gradient(to left top,#123876,#0c7aa2);color:#fff}.stat-fact{font-size:20px;font-weight:500;line-height:25px;margin-top:8px}.elementari-header-desktop{bottom:0;left:50%;position:absolute;z-index:1}@media (max-width:1176px){.elementari-header-desktop{opacity:.4;z-index:auto}}.coupon{position:absolute;top:0}.coupon img{max-width:17em}.couponMobile{display:none}.elementari-header-desktop img{border-radius:5px 5px 0 0;box-shadow:0 0 20px 0 rgba(0,0,0,.2);overflow:hidden;vertical-align:bottom}@media (max-width:800px){.elementari-header-desktop img{height:auto;width:500px}.coupon{left:69%;z-index:1}.coupon img{max-width:13em}}@media (max-width:550px){.elementari-header-desktop img{width:325px}.coupon{display:none}.couponMobile{background-color:#f7931e;color:#fff;display:block;font-weight:500}}.tagline-background .container{height:100%;position:relative}.tagline-wrapper-banner{color:#fff;z-index:3}.desktop-awards-row{align-items:center;display:flex}@keyframes MoveUpDownDevices{0%,to{transform:translateY(-6%)}50%{transform:translateY(2%)}}@keyframes MoveUpDownDevicesTiltLeft{0%,to{transform:translateY(-6%)}50%{transform:translateY(2%)}}@keyframes MoveUpDownDevicesTiltRight{0%,to{transform:translateY(-6%)}50%{transform:translateY(2%)}}@keyframes MoveUpDown{0%,to{transform:translateY(20px)}50%{transform:translateY(0)}}@keyframes FadeInOut{0%,to{opacity:.5}50%{opacity:1}}.main-header--home__layout{height:170px;left:50%;position:relative;z-index:0}@media screen and (min-width:40em){.main-header--home__layout{height:370px}}@media screen and (min-width:64em){.main-header--home__layout{height:429px}.stat-fact{max-width:500px}}.main-header--home__layout img,.main-header--home__layout svg{pointer-events:none;position:absolute;transition:opacity .5s linear,top .5s cubic-bezier(0,0,0,1)}.main-header--home__layout .circle{transition:opacity 2s linear}.main-header--home__layout .shadow-container{transition:opacity .5s linear;transition-delay:1s}.main-header--home__layout .shadow-container--1{transition-delay:.5s}.main-header--home__layout .device-laptop{animation:MoveUpDownDevicesTiltLeft 8s ease-in-out infinite;left:-160px;top:17%;transition-delay:1s;width:170px;z-index:10}@media screen and (min-width:40em){.main-header--home__layout .device-laptop{left:-320px;max-width:350px;top:80px;width:auto;z-index:10}}@media screen and (min-width:64em){.main-header--home__layout .device-laptop{animation:MoveUpDownDevices 8s ease-in-out infinite}}.main-header--home__layout .device-tablet{animation:MoveUpDownDevicesTiltRight 8s ease-in-out infinite;animation-delay:-3s;left:-50px;max-width:600px;top:17%;transition-delay:.5s;width:220px;z-index:11}@media screen and (min-width:40em){.main-header--home__layout .device-tablet{left:-120px;top:18%;width:450px}}@media screen and (min-width:64em){.main-header--home__layout .device-tablet{animation:MoveUpDownDevices 8s ease-in-out infinite;animation-delay:-3s}}.main-header--home__layout .device-laptop-shadow{animation:FadeInOut 8s ease-in-out infinite;display:none;left:-71%;top:72%}@media screen and (min-width:64em){.main-header--home__layout .device-laptop-shadow{display:block;left:-660px;top:354px;z-index:1}}.main-header--home__layout .device-tablet-shadow{animation:FadeInOut 8s ease-in-out infinite;animation-delay:-3s;left:-35%;top:95%;z-index:1}@media screen and (min-width:40em){.main-header--home__layout .device-tablet-shadow{left:-230px;top:90%}}@media screen and (min-width:64em){.main-header--home__layout .device-tablet-shadow{left:-210px;top:364px}}.main-header--home__layout .circle-1{animation:MoveUpDown 8s ease-in-out infinite;animation-delay:-1s;left:-85%;top:27%;width:200px;z-index:2}@media screen and (min-width:64em){.main-header--home__layout .circle-1{left:-710px;top:100px;width:auto}}.main-header--home__layout .circle-2{animation:MoveUpDown 6s ease-in-out infinite;animation-delay:-5.5s;left:-45%;top:47%;width:95px;z-index:3}@media screen and (min-width:40em){.main-header--home__layout .circle-2{left:-330px;top:47%;width:170px}}@media screen and (min-width:64em){.main-header--home__layout .circle-2{left:-550px;top:320px;width:auto}}.main-header--home__layout .circle-3{animation:MoveUpDown 5s ease-in-out infinite;animation-delay:-8s;left:-40%;top:20%;width:25px;z-index:9}@media screen and (min-width:40em){.main-header--home__layout .circle-3{left:-260px;top:28%}}@media screen and (min-width:64em){.main-header--home__layout .circle-3{left:-360px;top:130px;width:auto}}.main-header--home__layout .circle-4{animation:MoveUpDown 4s ease-in-out infinite;animation-delay:-2s;display:none;left:-34%;top:79%;z-index:3}@media screen and (min-width:64em){.main-header--home__layout .circle-4{display:block;left:-190px;top:180px}}.main-header--home__layout .circle-5{animation:MoveUpDown 4s ease-in-out infinite;animation-delay:-3s;display:none;left:-45%;top:27%;z-index:4}@media screen and (min-width:64em){.main-header--home__layout .circle-5{display:block;left:-176px;top:174px}}.main-header--home__layout .circle-6{animation:MoveUpDown 8s ease-in-out infinite;animation-delay:-2.5s;left:-5%;top:-62%;width:500px;z-index:1}@media screen and (min-width:40em){.main-header--home__layout .circle-6{left:-70px;top:-75%;width:auto}}@media screen and (min-width:64em){.main-header--home__layout .circle-6{left:-150px;top:-420px}}.main-header--home__layout .circle-7{animation:MoveUpDown 7s ease-in-out infinite;animation-delay:-5s;left:7%;top:39%;width:70px;z-index:2}@media screen and (min-width:40em){.main-header--home__layout .circle-7{left:100px;top:34%;width:110px}}@media screen and (min-width:64em){.main-header--home__layout .circle-7{left:200px;top:75px;width:auto}}.main-header--home__layout .circle-8{animation:MoveUpDown 6s ease-in-out infinite;animation-delay:-8s;left:30%;top:77%;width:55px;z-index:2}@media screen and (min-width:40em){.main-header--home__layout .circle-8{left:230px;width:90px}}@media screen and (min-width:64em){.main-header--home__layout .circle-8{left:373px;top:430px;width:auto}}.main-header--home__layout .circle-9{animation:MoveUpDown 5s ease-in-out infinite;animation-delay:-.5s;left:40%;top:87%;width:20px;z-index:3}@media screen and (min-width:40em){.main-header--home__layout .circle-9{left:290px;width:40px}}@media screen and (min-width:64em){.main-header--home__layout .circle-9{left:452px;top:496px;width:auto}}.main-header--home__layout .circle-10{animation:MoveUpDown 5s ease-in-out infinite;animation-delay:-9s;display:none;left:-48%;top:92%;z-index:3}@media screen and (min-width:64em){.main-header--home__layout .circle-10{display:block;left:481px;top:336px}}.transition--header__fade-in{opacity:0}.transition--header.transition-end .transition--header__fade-in{opacity:1}@media screen and (min-width:64em){.transition--header.transition-end .device-tablet{left:-50px;max-width:500px;top:80px;width:auto}.transition--header.transition-end .device-laptop{left:-425px;max-width:380px;top:85px;width:auto;z-index:10}}.opacity-2{opacity:.2!important}.opacity-5{opacity:.5!important}.opacity-8{opacity:.8!important}.opacity-9{opacity:.9!important}.youtube-container{overflow:hidden;padding-top:56.25%;position:relative;width:100%}.responsive-iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.get-started-header{height:175px;position:relative}.get-started-img{filter:drop-shadow(5px 5px 5px #222);height:125px;left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.fade-active{transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.fade-visible{opacity:1;transform:translateX(0)}.fade-active:not(.fade-visible){opacity:0;transform:translateX(15px)}.shadow-card{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.instruction-video-bottom{padding-bottom:192px!important}@media screen and (max-width:960px){.instruction-video-bottom{padding-bottom:150px!important}}.gradient-text-aqua-purple{-webkit-text-fill-color:transparent;background:linear-gradient(130deg,#3bf0e4 -6.8%,#bca1f7 70%);-webkit-background-clip:text;background-clip:text}.gradient-text-purple-red{-webkit-text-fill-color:transparent;background:linear-gradient(87.54deg,#9867f0 -6.8%,#ed4e50 84.14%);-webkit-background-clip:text;background-clip:text}.gradient-text-orange-yellow{-webkit-text-fill-color:transparent;background:linear-gradient(267.91deg,#ffe57f 9.35%,#ff7170 96.48%);-webkit-background-clip:text;background-clip:text}.gradient-text-blue{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#020024,#338bec 35%,#00d4ff);-webkit-background-clip:text;background-clip:text}.gradient-text-blue-purple{-webkit-text-fill-color:transparent;background:linear-gradient(90.91deg,#027bfd -24.67%,#9f51fb 53.55%);-webkit-background-clip:text;background-clip:text}.gradient-text-green-blue{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#05aa82,#1c8df0);-webkit-background-clip:text;background-clip:text}\", \"\"]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","export * from \"-!../node_modules/vue-style-loader/index.js??ref--3-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??ref--3-oneOf-1-2!../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=2ac0e166&prod&scoped=true&lang=css\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"@media only screen and (min-width:960px){.container[data-v-2ac0e166]{max-width:none}#homeActivityFeed[data-v-2ac0e166]{margin-left:.5rem}}.class-card-gradient[data-v-2ac0e166]{background-image:radial-gradient(circle farthest-corner at 6.4%,at 9.8%,#58f2ae 0,#0082f0 97.9%);background-image:radial-gradient(circle farthest-corner at 6.4% 9.8%,#58f2ae 0,#0082f0 97.9%);color:#fff}@media (min-width:960px){.container[data-v-2ac0e166]{max-width:900px}}@media (min-width:1264px){.container[data-v-2ac0e166]{max-width:1185px}}@media (min-width:1904px){.container[data-v-2ac0e166]{max-width:1785px}}.column-reverse[data-v-2ac0e166]{flex-direction:column-reverse}.home-genie-img[data-v-2ac0e166]{margin:auto;transform:scaleX(-1);width:60%}@media only screen and (min-width:600px){.home-genie-img[data-v-2ac0e166]{width:80%}}.center-flex[data-v-2ac0e166]{align-items:center;display:flex;justify-content:center}\", \"\"]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {};\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"height\":\"100%\"}},[(!_vm.$auth.loggedIn)?_c('logged-out'):(_vm.$auth.loggedIn)?_c('div',{staticClass:\"section-padding\"},[(_vm.$device.isMobile)?_c('v-alert',{attrs:{\"border\":\"bottom\",\"colored-border\":\"\",\"type\":\"warning\"}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t('errors.mobile_cannot_create'))+\"\\n    \")]):_vm._e(),_vm._v(\" \"),_c('client-only',[(_vm.$i18n.locale === 'en' && _vm.$auth.user && !_vm.$auth.user.is_student)?_c('v-alert',{attrs:{\"color\":\"primary\",\"type\":\"info\"}},[_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{staticClass:\"grow py-0\"},[_vm._v(\"\\n            Are you a US K-12 educators or librarian ? Join us for our free\\n            summer professional development course!\\n          \")]),_vm._v(\" \"),_c('v-col',{staticClass:\"shrink py-0\"},[_c('v-btn',{attrs:{\"target\":\"_blank\",\"to\":\"/pathfinders-summer-pd-2025/\",\"color\":\"white\",\"light\":\"\"}},[_vm._v(\"\\n              Learn More\\n            \")])],1)],1)],1):_vm._e()],1),_vm._v(\" \"),(_vm.$auth.user && _vm.$auth.user.account_type == 'o')?_c('school-dashboard'):_c('v-container',[(_vm.$auth.user.is_student)?_c('hello-user',{staticStyle:{\"padding-top\":\"48px !important\",\"margin-bottom\":\"30px\"},attrs:{\"user\":_vm.$auth.user}}):_vm._e(),_vm._v(\" \"),(_vm.classes.length > 0 || _vm.$auth.user.is_student)?_c('div',[_c('v-layout',{staticClass:\"mt-5 mb-6 px-0\",attrs:{\"align-center\":\"\",\"justify-content-center\":\"\"}},[_c('h3',{staticClass:\"mb-0\",staticStyle:{\"color\":\"#7b7b7b\",\"font-weight\":\"300\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('classroom.selectClass'))+\"\\n          \")]),_vm._v(\" \"),_c('v-spacer'),_vm._v(\" \"),(_vm.$auth.user && _vm.$auth.user.is_student)?_c('v-btn',{attrs:{\"color\":\"primary\",\"outlined\":\"\"},on:{\"click\":function($event){_vm.joinClassDialog = true}}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('navbar.signup.form.join_classroom_title'))+\"\\n          \")]):_vm._e(),_vm._v(\" \"),(\n              _vm.$auth.user &&\n              !_vm.$auth.user.is_student &&\n              _vm.$vuetify.breakpoint.mdAndUp\n            )?_c('v-switch',{staticClass:\"mr-6\",staticStyle:{\"margin-top\":\"21px\",\"flex\":\"0 1 auto\",\"margin\":\"0\",\"padding\":\"0\"},attrs:{\"hide-details\":true,\"label\":_vm.$t('classroom.showAll')},model:{value:(_vm.showAll),callback:function ($$v) {_vm.showAll=$$v},expression:\"showAll\"}}):_vm._e(),_vm._v(\" \"),(_vm.$auth.user && !_vm.$auth.user.is_student)?_c('v-btn',{staticClass:\"ma-0\",attrs:{\"depressed\":\"\",\"color\":\"accent\"},on:{\"click\":function($event){return _vm.addNewClassDialog()}}},[_c('v-icon',{staticStyle:{\"display\":\"block\",\"width\":\"100%\"},attrs:{\"size\":\"27\"}},[_vm._v(\"\\n              $vuetify.icons.mdiPlus\\n            \")]),_vm._v(\" \"),(_vm.$vuetify.breakpoint.mdAndUp)?_c('span',[_vm._v(\"\\n              \"+_vm._s(_vm.$t('classroom.createClass'))+\"\\n            \")]):_vm._e()],1):_vm._e()],1),_vm._v(\" \"),_c('v-layout',{staticClass:\"classGrid\",staticStyle:{\"min-height\":\"300px\"},attrs:{\"row\":\"\",\"wrap\":\"\"}},_vm._l((_vm.classes),function(el,index){return _c('v-flex',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showAll || !el.archived_at),expression:\"showAll || !el.archived_at\"}],key:index,staticClass:\"pa-3\",attrs:{\"lg3\":\"\",\"md4\":\"\",\"sm6\":\"\",\"xs12\":\"\"}},[_c('class-card',{attrs:{\"classroom\":el,\"is-select\":_vm.$auth.user && _vm.$auth.user.is_student}})],1)}),1)],1):_vm._e(),_vm._v(\" \"),(\n          _vm.pagination.count !== null &&\n          _vm.classes.length == 0 &&\n          !_vm.$auth.user.is_student\n        )?_c('div',[_c('v-layout',{class:{ 'column-reverse': _vm.$vuetify.breakpoint.smAndDown },attrs:{\"wrap\":\"\",\"align-center\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md6\":\"\"}},[_c('div',{staticStyle:{\"max-width\":\"400px\"}},[_c('h4',[_vm._v(\"\\n                \"+_vm._s(_vm.$t('home_page.message.welcome.title'))+\"\\n              \")]),_vm._v(\" \"),_c('p',[_vm._v(\"\\n                \"+_vm._s(_vm.$t('home_page.message.welcome.subtitle'))+\"\\n              \")]),_vm._v(\" \"),_c('v-layout',[_c('v-btn',{attrs:{\"depressed\":\"\",\"color\":\"accent\"},on:{\"click\":function($event){return _vm.addNewClassDialog()}}},[_c('v-icon',{staticStyle:{\"display\":\"block\",\"width\":\"100%\"},attrs:{\"size\":\"27\"}},[_vm._v(\"\\n                    $vuetify.icons.mdiPlus\\n                  \")]),_vm._v(\" \"),_c('span',[_vm._v(_vm._s(_vm.$t('classroom.createClass')))])],1),_vm._v(\" \"),_c('v-btn',{staticClass:\"ml-2\",attrs:{\"depressed\":\"\"},on:{\"click\":function($event){_vm.joinClassDialog = true}}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t('navbar.signup.form.join_classroom_title'))+\"\\n                \")])],1)],1)]),_vm._v(\" \"),_c('v-flex',{staticClass:\"mb-6\",attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md6\":\"\"}},[_c('v-img',{staticClass:\"home-genie-img\",attrs:{\"src\":\"/img/genie.png\"}})],1)],1)],1):_vm._e(),_vm._v(\" \"),(\n          ((_vm.pagination.count == null && _vm.pagination.next == null) ||\n            _vm.pagination.next != null) &&\n          _vm.showLoading\n        )?_c('div',{directives:[{name:\"observe-visibility\",rawName:\"v-observe-visibility\",value:({ callback: _vm.loadMore, throttle: 600 }),expression:\"{ callback: loadMore, throttle: 600 }\"}]},[_c('p',{staticStyle:{\"color\":\"#bbb\",\"padding-top\":\"10px\",\"text-align\":\"center\"}},[_vm._v(\"\\n          Loading ...\\n        \")])]):_vm._e()],1),_vm._v(\" \"),_c('v-dialog',{staticClass:\"btn-dialogue\",attrs:{\"scrollable\":\"\",\"fullscreen\":_vm.$vuetify.breakpoint.xsOnly,\"width\":\"500\"},model:{value:(_vm.createClassDialog),callback:function ($$v) {_vm.createClassDialog=$$v},expression:\"createClassDialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"blue-purple-gradient\"},[_c('span',[_vm._v(_vm._s(_vm.$t('classroom.createClass')))]),_vm._v(\" \"),_c('v-spacer'),_vm._v(\" \"),_c('v-btn',{staticClass:\"ma-0\",attrs:{\"text\":\"\",\"icon\":\"\"},on:{\"click\":function($event){_vm.createClassDialog = false}}},[_c('v-icon',{attrs:{\"color\":\"white\"}},[_vm._v(\"$vuetify.icons.mdiClose\")])],1)],1),_vm._v(\" \"),_c('v-card-text',[_c('class-form',{staticClass:\"pa-3\",attrs:{\"is-create\":true,\"scope\":\"create-class-form\"},on:{\"createClass\":_vm.onCreateClass}})],1)],1)],1),_vm._v(\" \"),_c('v-dialog',{attrs:{\"max-width\":\"500\",\"persistent\":\"\",\"fullscreen\":_vm.$vuetify.breakpoint.xsOnly},model:{value:(_vm.changePlanDialog),callback:function ($$v) {_vm.changePlanDialog=$$v},expression:\"changePlanDialog\"}},[_c('educator-upgrade',{attrs:{\"header\":\"Upgrade to create unlimited classes\"},on:{\"closeDialog\":_vm.closeChangePlanDialog}})],1),_vm._v(\" \"),_c('v-dialog',{attrs:{\"fullscreen\":_vm.$vuetify.breakpoint.xsOnly,\"persistent\":\"\",\"width\":\"400\"},model:{value:(_vm.joinClassDialog),callback:function ($$v) {_vm.joinClassDialog=$$v},expression:\"joinClassDialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"blue-purple-gradient\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('navbar.signup.form.join_classroom_title'))+\"\\n          \"),_c('v-spacer'),_vm._v(\" \"),_c('v-btn',{staticClass:\"ma-0\",attrs:{\"text\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.closeJoinClassDialog()}}},[_c('v-icon',{attrs:{\"color\":\"white\"}},[_vm._v(\"$vuetify.icons.mdiClose\")])],1)],1),_vm._v(\" \"),_c('v-card-text',{staticStyle:{\"padding-top\":\"24px\"}},[_c('v-row',{staticStyle:{\"align-items\":\"center\"}},[_c('v-container',[(!_vm.$auth.user.is_student)?_c('v-alert',{staticStyle:{\"margin\":\"0 auto\",\"margin-bottom\":\"65px\"},attrs:{\"type\":\"error\",\"max-width\":\"400px\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('navbar.signup.form.join_classroom_warning'))+\"\\n              \")]):_vm._e(),_vm._v(\" \"),_c('v-card',{staticStyle:{\"margin\":\"0 auto\"},attrs:{\"width\":\"400px\",\"outlined\":\"\"}},[_c('v-card-title',[_vm._v(\"\\n                  \"+_vm._s(_vm.$t('navbar.signup.form.join_classroom_title'))+\"\\n                \")]),_vm._v(\" \"),_c('v-divider'),_vm._v(\" \"),_c('v-card-text',[_c('join-class-form',{attrs:{\"join-class\":true},on:{\"joined-classroom\":_vm.onJoinedClassroom}})],1)],1),_vm._v(\" \"),_c('not-user-footer'),_vm._v(\" \"),(_vm.$auth.user.is_student)?_c('div',{staticClass:\"text-center\",staticStyle:{\"font-size\":\"13px\",\"margin-top\":\"10px\"}},[_vm._v(\"\\n                Not a student?\\n                \"),_c('nuxt-link',{attrs:{\"to\":_vm.localePath('/settings/')}},[_vm._v(\"\\n                  Change your account type.\\n                \")])],1):_vm._e()],1)],1)],1)],1)],1)],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoggedOut.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoggedOut.vue?vue&type=script&lang=js\"","<template>\r\n  <div id=\"loggedOut\">\r\n    <div class=\"tagline-background px-xs-6\">\r\n      <div\r\n        class=\"main-header--home__layout transition transition--header transition-end d-none d-sm-block\"\r\n      >\r\n        <nuxt-img\r\n          preload\r\n          class=\"device-laptop transition--header__fade-in\"\r\n          src=\"/img/website/laptop-landing page.webp\"\r\n          alt=\"using a laptop to code on Elementari\"\r\n        />\r\n        <div class=\"shadow-container transition--header__fade-in\">\r\n          <nuxt-img\r\n            preload\r\n            class=\"device-laptop-shadow transition--header__fade-in\"\r\n            src=\"/img/website/homepage-laptop-shadow.png\"\r\n            alt=\"using a laptop to code on Elementari\"\r\n          />\r\n        </div>\r\n        <nuxt-img\r\n          preload\r\n          class=\"device-tablet transition--header__fade-in\"\r\n          src=\"/img/website/tablet-landingpage.webp\"\r\n          alt=\"using a tablet to write on Elementari\"\r\n        />\r\n        <div class=\"shadow-container transition--header__fade-in\">\r\n          <nuxt-img\r\n            preload\r\n            class=\"device-tablet-shadow transition--header__fade-in\"\r\n            src=\"/img/website/homepage-laptop-shadow.png\"\r\n            alt=\"using a tablet to write on Elementari\"\r\n          />\r\n        </div>\r\n        <svg\r\n          height=\"330px\"\r\n          width=\"330px\"\r\n          viewBox=\"0 0 330 330\"\r\n          class=\"circle-1 circle transition--header__fade-in opacity-2\"\r\n        >\r\n          <circle cx=\"165\" cy=\"165\" r=\"165\" fill=\"#F8F9FF\" />\r\n        </svg>\r\n        <svg\r\n          height=\"248px\"\r\n          width=\"248px\"\r\n          viewBox=\"0 0 248 248\"\r\n          class=\"circle-2 circle transition--header__fade-in opacity-5\"\r\n        >\r\n          <circle cx=\"124\" cy=\"124\" r=\"124\" fill=\"#F1D3FA\" />\r\n        </svg>\r\n        <svg\r\n          height=\"34px\"\r\n          width=\"34px\"\r\n          viewBox=\"0 0 34 34\"\r\n          class=\"circle-3 circle transition--header__fade-in opacity-9\"\r\n        >\r\n          <circle cx=\"17\" cy=\"17\" r=\"17\" fill=\"#B8EAFD\" />\r\n        </svg>\r\n        <svg\r\n          height=\"30px\"\r\n          width=\"30px\"\r\n          viewBox=\"0 0 30 30\"\r\n          class=\"circle-4 circle transition--header__fade-in opacity-9\"\r\n        >\r\n          <circle cx=\"15\" cy=\"15\" r=\"15\" fill=\"#F1D3FA\" />\r\n        </svg>\r\n        <svg\r\n          height=\"80px\"\r\n          width=\"80px\"\r\n          viewBox=\"0 0 80 80\"\r\n          class=\"circle-5 circle transition--header__fade-in opacity-8\"\r\n        >\r\n          <circle cx=\"40\" cy=\"40\" r=\"40\" fill=\"#B8E7FF\" />\r\n        </svg>\r\n        <svg\r\n          height=\"888px\"\r\n          width=\"888px\"\r\n          viewBox=\"0 0 888 888\"\r\n          class=\"circle-6 circle transition--header__fade-in opacity-2\"\r\n        >\r\n          <circle cx=\"444\" cy=\"444\" r=\"444\" fill=\"#F8F9FF\" />\r\n        </svg>\r\n        <svg\r\n          height=\"136px\"\r\n          width=\"136px\"\r\n          viewBox=\"0 0 136 136\"\r\n          class=\"circle-7 circle transition--header__fade-in opacity-5\"\r\n        >\r\n          <circle cx=\"68\" cy=\"68\" r=\"68\" fill=\"#D7FBCA\" />\r\n        </svg>\r\n        <svg\r\n          height=\"116px\"\r\n          width=\"116px\"\r\n          viewBox=\"0 0 116 116\"\r\n          class=\"circle-8 circle transition--header__fade-in opacity-5\"\r\n        >\r\n          <circle cx=\"58\" cy=\"58\" r=\"58\" fill=\"#EBD0FA\" />\r\n        </svg>\r\n        <svg\r\n          height=\"48px\"\r\n          width=\"48px\"\r\n          viewBox=\"0 0 48 48\"\r\n          class=\"circle-9 circle transition--header__fade-in opacity-8\"\r\n        >\r\n          <circle cx=\"24\" cy=\"24\" r=\"24\" fill=\"#B7E5FF\" />\r\n        </svg>\r\n        <svg\r\n          height=\"34px\"\r\n          width=\"34px\"\r\n          viewBox=\"0 0 34 34\"\r\n          class=\"circle-10 circle transition--header__fade-in opacity-9\"\r\n        >\r\n          <circle cx=\"17\" cy=\"17\" r=\"17\" fill=\"#B7E5FF\" />\r\n        </svg>\r\n      </div>\r\n      <v-container class=\"tagline-wrapper-banner text-center\">\r\n        <h1\r\n          class=\"text-center mx-auto alt-1 mb-10 font-weight-black pt-16 pt-sm-0 mt-6 mt-sm-0\"\r\n        >\r\n          {{ $t('home_page.tagline') }}\r\n        </h1>\r\n\r\n        <p class=\"mb-10 text-sm-h6\" style=\"max-width: 800px; margin: 0 auto\">\r\n          {{ $t('home_page.subtitle') }}\r\n        </p>\r\n\r\n        <div class=\"mb-10\">\r\n          <v-btn color=\"accent\" x-large @click=\"toggleSignupDialog\">\r\n            {{ $t('home_page.create_btn') }}\r\n          </v-btn>\r\n          <v-btn x-large @click=\"toggleLoginDialog\">\r\n            {{ $t('navbar.login.title') }}\r\n          </v-btn>\r\n        </div>\r\n\r\n        <v-flex\r\n          class=\"desktop-awards-row pb-3\"\r\n          style=\"display: flex; justify-content: center\"\r\n        >\r\n          <a\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            href=\"https://studentprivacypledge.org/signatories/\"\r\n            class=\"mr-4\"\r\n          >\r\n            <img\r\n              src=\"/img/website/Student Privacy Pledge Sig_logo.webp\"\r\n              style=\"max-width: 100px\"\r\n              height=\"50px\"\r\n              width=\"100px\"\r\n              alt=\"Student Privacy Pledge Signatory\"\r\n            />\r\n          </a>\r\n\r\n          <a\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            href=\"http://www.ala.org/aasl/\"\r\n            class=\"mr-4\"\r\n          >\r\n            <img\r\n              src=\"/img/website/AASL.webp\"\r\n              style=\"text-align: center; max-width: 80px\"\r\n              height=\"80px\"\r\n              width=\"70px\"\r\n              alt=\"American Association of School Librarians Best Websites for Teaching and Learning 2019\"\r\n            />\r\n          </a>\r\n          <a\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            href=\"https://www.commonsense.org/education/website/elementari\"\r\n          >\r\n            <img\r\n              src=\"/img/website/commonsense.webp\"\r\n              style=\"text-align: center; max-width: 80px\"\r\n              height=\"80px\"\r\n              width=\"80px\"\r\n              alt=\"Common Sense Website List\"\r\n            />\r\n          </a>\r\n        </v-flex>\r\n      </v-container>\r\n    </div>\r\n    <section class=\"section-padding mx-auto\" style=\"max-width: 1100px\">\r\n      <div class=\"container\">\r\n        <h2\r\n          class=\"alt-h2 text-center gradient-text-blue-purple font-weight-black mb-12\"\r\n        >\r\n          {{ $t('home_page.lessons.header') }}\r\n        </h2>\r\n        <h4 class=\"mb-16 text-center\" style=\"margin: auto; max-width: 700px\">\r\n          {{ $t('home_page.lessons.subtitle') }}\r\n        </h4>\r\n        <v-layout class=\"classGrid mx-auto\" row wrap style=\"min-height: 300px\">\r\n          <v-row>\r\n            <v-col\r\n              v-for=\"(obj, index) in tryOutLessons\"\r\n              :key=\"obj.slug\"\r\n              cols=\"12\"\r\n              sm=\"6\"\r\n              md=\"4\"\r\n              class=\"pa-1 pa-md-3 d-flex justify-center\"\r\n              :class=\"{\r\n                'd-sm-none d-md-block': index === tryOutLessons.length - 1\r\n              }\"\r\n            >\r\n              <published-lesson-card\r\n                :slug=\"obj.slug\"\r\n                :thumbnail=\"obj.thumbnail\"\r\n                :name=\"obj.name\"\r\n                :description=\"obj.description\"\r\n                :grade=\"obj.grade\"\r\n                :subjects=\"obj.subjects\"\r\n                :time-required=\"obj.timeRequired\"\r\n                :speakers=\"obj.speakers\"\r\n                :microphone=\"obj.microphone\"\r\n                style=\"max-width:450px;\"\r\n              />\r\n            </v-col>\r\n          </v-row>\r\n        </v-layout>\r\n      </div>\r\n      <div class=\"text-center mt-10\">\r\n        <v-btn x-large color=\"accent\" :to=\"localePath('/lessons/')\">\r\n          {{ $t('home_page.lessons.button') }}\r\n        </v-btn>\r\n      </div>\r\n    </section>\r\n    <div\r\n      min-height=\"200\"\r\n      transition=\"fade-transition\"\r\n      style=\"background-color: rgb(254, 255, 254)\"\r\n    >\r\n      <section class=\"section-padding mx-auto\" style=\"max-width: 1100px\">\r\n        <div class=\"container\">\r\n          <h2\r\n            class=\"alt-h2 text-center gradient-text-blue-purple font-weight-black mb-12\"\r\n          >\r\n            {{ $t('home_page.why.title') }}\r\n          </h2>\r\n          <h4 class=\"mb-16 text-center\" style=\"margin: auto; max-width: 600px\">\r\n            {{ $t('home_page.why.subtitle') }}\r\n          </h4>\r\n\r\n          <v-container>\r\n            <v-row align=\"center\" class=\"mb-sm-5 flex-column-reverse flex-sm-row\">\r\n              <!-- Text Content -->\r\n              <v-col cols=\"12\" sm=\"6\" class=\"px-2 py-3\">\r\n                <h3\r\n                  class=\"text-h5 text-md-h4 font-weight-medium text-center text-sm-left\"\r\n                >\r\n                  {{ $t('home_page.why.literacy_title') }}\r\n                </h3>\r\n                <p>\r\n                  {{ $t('home_page.why.literacy_content') }}\r\n                </p>\r\n                <!-- <nuxt-link\r\n        target=\"_blank\"\r\n        class=\"font-weight-medium\"\r\n        :to=\"localePath('/why-creative-coding/')\"\r\n      >\r\n        {{ $t('home_page.why.literacy_link') }}\r\n                               <v-icon size=\"18\" color=\"primary\" class=\"link-icon\">{{\r\n                        icons.mdiArrowRight\r\n                      }}</v-icon>\r\n      </nuxt-link> -->\r\n              </v-col>\r\n\r\n              <!-- Image Column -->\r\n              <v-col cols=\"12\" sm=\"6\" class=\"px-2 py-3 d-flex justify-center\">\r\n                <nuxt-img\r\n                  src=\"/img/website/resources/2nd-grade-students.jpg\"\r\n                  alt=\"Classroom using Elementari on tablets\"\r\n                  format=\"webp\"\r\n                  sizes=\"xs:320px sm:50vw md:50vw lg:500px\"\r\n                  class=\"mx-auto\"\r\n                  style=\"border-radius: 6px; object-fit: cover; max-width: 100%; width: 100%;\"\r\n                />\r\n              </v-col>\r\n            </v-row>\r\n          </v-container>\r\n\r\n          <v-container>\r\n            <v-row align=\"center\" class=\"mb-sm-5 flex-sm-row-reverse flex-column-reverse flex-sm-row\">\r\n              <!-- Text Content -->\r\n              <v-col cols=\"12\" sm=\"6\" class=\"px-2 py-3\">\r\n                <h3\r\n                  class=\"text-h5 text-md-h4 font-weight-medium text-center text-sm-left\"\r\n                >\r\n                  {{ $t('home_page.why.future_ready_title') }}\r\n                </h3>\r\n                <p>\r\n                  {{ $t('home_page.why.future_ready_content') }}\r\n                </p>\r\n              </v-col>\r\n\r\n              <!-- Image Column -->\r\n              <v-col cols=\"12\" sm=\"6\" class=\"px-2 py-3 d-flex justify-center\">\r\n                <nuxt-img\r\n                  src=\"/img/website/resources/teacher1.jpg\"\r\n                  alt=\"Teacher helping students using Elementari\"\r\n                  format=\"webp\"\r\n                  \r\n                  sizes=\"xs:320px sm:50vw md:50vw lg:500px\"\r\n                  class=\" mx-auto\"\r\n                  style=\"border-radius: 6px; object-fit: cover; max-width: 100%; width: 100%;\"\r\n                />\r\n              </v-col>\r\n            </v-row>\r\n          </v-container>\r\n\r\n          <v-container>\r\n            <v-row align=\"center\" class=\"mb-sm-5 flex-column-reverse flex-sm-row\" >\r\n              <!-- Text Content -->\r\n              <v-col cols=\"12\" sm=\"6\" class=\"px-2 py-3\">\r\n                <h3\r\n                  class=\"text-h5 text-md-h4 font-weight-medium text-center text-sm-left\"\r\n                >\r\n                  {{ $t('home_page.why.engage_title') }}\r\n                </h3>\r\n                <p>\r\n                  {{ $t('home_page.why.engage_content') }}\r\n                </p>\r\n                <nuxt-link\r\n                  target=\"_blank\"\r\n                  class=\"font-weight-medium internal-link\"\r\n                  :to=\"localePath('/why-creative-coding')\"\r\n                >\r\n                  {{ $t('home_page.why.engage_link') }}\r\n                  <v-icon size=\"18\" color=\"primary\" class=\"link-icon\">{{\r\n                        icons.mdiArrowRight\r\n                      }}</v-icon>\r\n                </nuxt-link>\r\n              </v-col>\r\n\r\n              <!-- Image Column -->\r\n              <v-col cols=\"12\" sm=\"6\" class=\"px-2 py-3 d-flex justify-center\">\r\n                <nuxt-img\r\n                  src=\"/img/website/resources/12-grade-presentation.jpg\"\r\n                  alt=\"12th grade student presentation using Elementari\"\r\n                  format=\"webp\"\r\n                  \r\n                  sizes=\"xs:320px sm:50vw md:50vw lg:500px\"\r\n                  class=\"mx-auto\"\r\n                  style=\"border-radius: 6px; object-fit: cover; min-height: 300px; max-width: 100%; width: 100%;\"\r\n                />\r\n              </v-col>\r\n            </v-row>\r\n          </v-container>\r\n        </div>\r\n      </section>\r\n    </div>\r\n\r\n    <section\r\n      class=\"section-padding mx-auto text-center\"\r\n      style=\"max-width: 1100px\"\r\n    >\r\n      <div class=\"container\">\r\n        <h2\r\n          class=\"alt-h2 text-center gradient-text-blue-purple font-weight-black mb-12\"\r\n        >\r\n          {{ $t('home_page.how.title') }}\r\n        </h2>\r\n        <h4 class=\"mb-16 text-center\" style=\"margin: auto; max-width: 800px\">\r\n          {{ $t('home_page.how.subtitle') }}\r\n        </h4>\r\n\r\n        <v-row>\r\n          <v-col cols=\"12\" sm=\"12\" lg=\"4\">\r\n            <nuxt-img\r\n              class=\"mb-8\"\r\n              src=\"/img/owl-6.png\"\r\n              format=\"webp\"\r\n              placeholder\r\n              sizes=\"xs:100vw sm:50vw md:33vw\"\r\n              style=\"width: 100%; height: 200px; object-fit: contain\"\r\n            />\r\n\r\n            <h4 class=\"font-weight-medium text-center\">\r\n              {{ $t('home_page.how.lesson_title') }}\r\n            </h4>\r\n            <p style=\"min-height: 81px\">\r\n              {{ $t('home_page.how.lesson_content') }}\r\n            </p>\r\n            <nuxt-link\r\n              target=\"_blank\"\r\n              class=\"font-weight-medium internal-link\"\r\n              :to=\"localePath('/lessons/')\"\r\n            >\r\n              {{ $t('home_page.how.lesson_link') }}\r\n              <v-icon size=\"18\" color=\"primary\" class=\"link-icon\">{{\r\n                        icons.mdiArrowRight\r\n                      }}</v-icon>\r\n            </nuxt-link>\r\n          </v-col>\r\n\r\n          <v-col cols=\"12\" sm=\"12\" lg=\"4\">\r\n            <nuxt-img\r\n              class=\"mb-8\"\r\n              src=\"/img/mouse-3.png\"\r\n              format=\"webp\"\r\n              \r\n              sizes=\"xs:100vw sm:50vw md:33vw\"\r\n              style=\"width: 100%; height: 200px; object-fit: contain\"\r\n            />\r\n\r\n            <h4 class=\"font-weight-medium text-center\">\r\n              {{ $t('home_page.how.code_title') }}\r\n            </h4>\r\n            <p style=\"min-height: 81px\">\r\n              {{ $t('home_page.how.code_content') }}\r\n            </p>\r\n            <nuxt-link\r\n              target=\"_blank\"\r\n              class=\"font-weight-medium internal-link\"\r\n              :to=\"localePath('/what-is-visual-coding/')\"\r\n            >\r\n              {{ $t('home_page.how.code_link') }}\r\n              <v-icon size=\"18\" color=\"primary\" class=\"link-icon\">{{\r\n                        icons.mdiArrowRight\r\n                      }}</v-icon>\r\n            </nuxt-link>\r\n          </v-col>\r\n\r\n          <v-col cols=\"12\" sm=\"12\" lg=\"4\">\r\n            <nuxt-img\r\n              class=\"mb-8\"\r\n              src=\"/img/mailman.png\"\r\n              format=\"webp\"\r\n              \r\n              sizes=\"xs:100vw sm:50vw md:33vw\"\r\n              style=\"width: 100%; height: 200px; object-fit: contain\"\r\n            />\r\n\r\n            <h4 class=\"font-weight-medium text-center\">\r\n              {{ $t('home_page.how.share_title') }}\r\n            </h4>\r\n            <p style=\"min-height: 81px\">\r\n              {{ $t('home_page.how.share_content') }}\r\n            </p>\r\n            <nuxt-link\r\n              target=\"_blank\"\r\n              class=\"font-weight-medium internal-link\"\r\n              :to=\"localePath('/projects/')\"\r\n            >\r\n              {{ $t('home_page.how.share_link') }}\r\n              <v-icon size=\"18\" color=\"primary\" class=\"link-icon\">{{\r\n                        icons.mdiArrowRight\r\n                      }}</v-icon>\r\n            </nuxt-link>\r\n          </v-col>\r\n        </v-row>\r\n                    <!-- Center Button on Small Screens -->\r\n                    <div class=\"d-flex justify-center mt-10\">\r\n              <v-btn color=\"accent\" x-large :to=\"localePath('/getting-started/')\">\r\n                {{ $t('plans.startNow') }}\r\n              </v-btn>\r\n            </div>\r\n      </div>\r\n    </section>\r\n\r\n    <div\r\n      min-height=\"200\"\r\n      transition=\"fade-transition\"\r\n      style=\"background-color: rgb(254, 255, 254)\"\r\n    >\r\n      <section class=\"section-padding mx-auto\" style=\"max-width: 1100px\">\r\n        <div class=\"container\">\r\n          <h2\r\n            class=\"alt-h2 text-center gradient-text-blue-purple font-weight-black mb-12\"\r\n          >\r\n            {{ $t('home_page.toolkit.title') }}\r\n          </h2>\r\n          <h4 class=\"mb-16 text-center\" style=\"margin: auto; max-width: 800px\">\r\n            {{ $t('home_page.toolkit.subtitle') }}\r\n          </h4>\r\n        </div>\r\n\r\n        <v-row align=\"center\">\r\n          <!-- Image Column -->\r\n          <v-col cols=\"12\" sm=\"12\" md=\"6\" lg=\"6\" class=\"d-flex justify-center\">\r\n            <nuxt-img\r\n              src=\"/img/website/educator/diverse-learners.png\"\r\n              alt=\"Mosaic of kids working on Elementari\"\r\n              format=\"webp\"\r\n              \r\n              sizes=\"xs:320px sm:80vw md:80vw lg:500px\"\r\n              style=\"border-radius: 6px; object-fit: cover\"\r\n            />\r\n          </v-col>\r\n\r\n          <!-- Content Column -->\r\n          <v-col cols=\"12\" sm=\"12\" md=\"6\" lg=\"6\">\r\n            <ul class=\"checkmark-list\">\r\n              <li\r\n                v-for=\"(content, index) in $t('home_page.toolkit.content')\"\r\n                :key=\"index\"\r\n                class=\"mb-12 text-h6 font-weight-medium\"\r\n              >\r\n                {{ content.text }}\r\n              </li>\r\n            </ul>\r\n\r\n            <!-- Center Button on Small Screens -->\r\n            <div class=\"d-flex justify-center\">\r\n              <v-btn color=\"accent\" x-large :to=\"localePath('/features/')\">\r\n                {{ $t('home_page.toolkit.cta') }}\r\n              </v-btn>\r\n            </div>\r\n          </v-col>\r\n        </v-row>\r\n      </section>\r\n    </div>\r\n\r\n    <section\r\n      class=\"pt-0\"\r\n      style=\"\r\n        background-image: url('/img/grid.png');\r\n        background-repeat: repeat;\r\n        z-index: 1;\r\n      \"\r\n    >\r\n      <v-container class=\"mx-auto d-block d-sm-flex\" style=\"max-width: 1100px\">\r\n        <v-row>\r\n          <v-col\r\n            cols=\"12\"\r\n            md=\"8\"\r\n            class=\"text-center text-sm-left py-16\"\r\n            style=\"color: white; align-self: center; justify-self: center\"\r\n          >\r\n            <h2\r\n              class=\"alt-h2 gradient-text-orange-yellow font-weight-black mb-12\"\r\n            >\r\n              {{ $t('home_page.school.title') }}\r\n            </h2>\r\n            <h4 class=\"mb-12\">\r\n              {{ $t('home_page.school.subtitle') }}\r\n            </h4>\r\n            <p>{{ $t('home_page.school.content') }}</p>\r\n            <v-btn\r\n              x-large\r\n              color=\"accent\"\r\n              class=\"mt-10\"\r\n              :to=\"localePath('/schools-districts/')\"\r\n            >\r\n              {{ $t('home_page.school.cta_schools') }}\r\n            </v-btn>\r\n          </v-col>\r\n          <v-col cols=\"12\" md=\"4\" class=\"d-none d-sm-block\">\r\n            <nuxt-img\r\n              src=\"/img/website/home-blocks-display.png\"\r\n              alt=\"Image of different Elementari coding blocks on a dark grey grid.\"\r\n              format=\"webp\"\r\n              \r\n              style=\"\r\n                width: 100%;\r\n                height: auto;\r\n                object-fit: cover;\r\n                position: absolute;\r\n              \"\r\n            />\r\n          </v-col>\r\n        </v-row>\r\n      </v-container>\r\n    </section>\r\n    <section\r\n      class=\"section-padding\"\r\n      style=\"z-index: 2; background-color: white\"\r\n    >\r\n      <v-container style=\"max-width: 1100px\">\r\n        <h2\r\n          class=\"alt-h2 text-center gradient-text-blue-purple font-weight-black mb-12\"\r\n        >\r\n          {{ $t('home_page.educators.title') }}\r\n        </h2>\r\n        <h4 class=\"mb-16 text-center\" style=\"margin: auto; max-width: 800px\">\r\n          {{ $t('home_page.educators.subtitle') }}\r\n        </h4>\r\n\r\n        <v-carousel\r\n          height=\"400\"\r\n          interval=\"10000\"\r\n          style=\"border-radius: 18px\"\r\n          :cycle=\"true\"\r\n          :show-arrows=\"false\"\r\n        >\r\n          <v-carousel-item v-for=\"(slide, i) in slides\" :key=\"i\">\r\n            <v-sheet height=\"100%\" :style=\"slide.color\">\r\n              <v-container fill-height>\r\n                <v-flex align-center justify-center class=\"px-5\">\r\n                  <p class=\"mb-4 font-weight-normal\" style=\"font-style: italic\">\r\n                    \"{{ $t('educators_page.quotes.' + slide.quote) }}\"\r\n                  </p>\r\n                  <v-layout>\r\n                    <v-avatar :size=\"56\" color=\"grey lighten-5 mr-4\">\r\n                      <v-img\r\n                        :src=\"slide.avatar\"\r\n                        :lazy-src=\"slide.avatar\"\r\n                        :alt=\"slide.person\"\r\n                      />\r\n                    </v-avatar>\r\n                    <div>\r\n                      <p\r\n                        class=\"mb-0\"\r\n                        style=\"font-size: 14px !important; font-weight: 300\"\r\n                      >\r\n                        {{ $t('educators_page.quotes.' + slide.position) }}\r\n                      </p>\r\n                      <p\r\n                        class=\"mb-0\"\r\n                        style=\"font-size: 12px !important; font-weight: 300\"\r\n                      >\r\n                        {{\r\n                          $t(\r\n                            'educators_page.quotes.' + slide.position + 'School'\r\n                          )\r\n                        }}\r\n                      </p>\r\n                    </div>\r\n                  </v-layout>\r\n                  <div v-if=\"slide.caseStudy\" class=\"mt-4\">\r\n                    <v-btn\r\n                      class=\"default\"\r\n                      :href=\"slide.caseStudy\"\r\n                      target=\"_blank\"\r\n                    >\r\n                      Read the Case Study\r\n                    </v-btn>\r\n                  </div>\r\n                </v-flex>\r\n              </v-container>\r\n            </v-sheet>\r\n          </v-carousel-item>\r\n        </v-carousel>\r\n      </v-container>\r\n    </section>\r\n    <call-to-action-teacher class=\"px-16\" />\r\n    <main-footer />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  mdiArrowRight,\r\n} from '@mdi/js'\r\n  // import PublishedLessonCard from '~/components/home/PublishedLessonCard.vue'\r\n  // import FeatureDemo from '~/components/home/FeatureDemo.vue'\r\n  // import MainFooter from '~/components/MainFooter.vue'\r\n  export default {\r\n    components: {\r\n      'published-lesson-card': () =>\r\n        import('~/components/home/PublishedLessonCard.vue'),\r\n      // 'feature-demo': () => import('~/components/home/FeatureDemo.vue'),\r\n      'call-to-action-teacher': () =>\r\n        import('~/components/utils/CallToActionTeacher.vue'),\r\n      'main-footer': () => import('~/components/MainFooter.vue')\r\n    },\r\n    data() {\r\n      return {\r\n        icons: {\r\n          mdiArrowRight\r\n        },\r\n        // lessonVideo1Visible: false,\r\n        // lessonVideo2Visible: false,\r\n        isRemoteTeachingActive: false,\r\n        mobileYouTubeDemo: false,\r\n        tryOutLessons: [\r\n          {\r\n            slug: 'growing-tree-code-speech',\r\n            name: 'Growing Tree: Code Speech 🌱',\r\n            thumbnail:\r\n              '/img/website/kids-coding-lesson-an-interactive-environment-story.jpg',\r\n            description:\r\n              \"Code an interactive story where a magical tree grows when specific words are spoken. Students will design their story with images and backgrounds, write a 'Tree Keeper Promise' to care for trees, and code speech recognition to make their tree respond to their voice. This lesson combines coding with creative storytelling, making it ideal for an Earth Day and Arbor Day activity.\",\r\n            timeRequired: 50,\r\n            subjects: ['l', 'm'],\r\n            grade: 'K-2',\r\n            microphone: true,\r\n            speakers: false\r\n          },\r\n          {\r\n            slug: 'spy-coding-invisible-ink',\r\n            name: 'Spy Story: Invisible Ink 🔥',\r\n            thumbnail:\r\n              '/img/website/kids-coding-a-story-lesson-for-history.jpg',\r\n            description:\r\n              \"Embark on a captivating adventure into the secret world of spies and invisible ink, inspired by Josephine Baker's remarkable espionage during World War II. In this interactive lesson, students will write a narrative hook and code a hidden message to reveal by dragging an object over it, blending history with the magic of coding.\",\r\n            timeRequired: 50,\r\n            subjects: ['l', 'm'],\r\n            grade: '3-5',\r\n            microphone: false,\r\n            speakers: true\r\n          },\r\n          {\r\n            slug: 'history-truths-myths-game',\r\n            name: 'Historical Truths Game 🎓',\r\n            thumbnail: '/img/website/kids-coding-a-game-lesson-for-history.jpg',\r\n            description:\r\n              'Design and code an engaging true/false interactive game about a historical figure - combining interactive slides with true/false choices, a dynamic scoring system, and conditional logic. Students will research historical facts, then apply coding concepts to track scores and direct game outcomes based on player responses. This lesson merges historical inquiry with computational thinking.',\r\n            timeRequired: 100,\r\n            subjects: ['m', 'h'],\r\n            grade: '6-12',\r\n            microphone: false,\r\n            speakers: false\r\n          }\r\n        ],\r\n        slides: [\r\n          {\r\n            color:\r\n              'background: linear-gradient(45deg, rgba(239,83,80,1) 0%, rgba(245,152,150,1) 100%);',\r\n            quote: 'q1',\r\n            avatar: '/img/website/ambassadors/ameerah_small.jpg',\r\n            person: 'Ameerah',\r\n            image: '/img/website/educator/testimonials/community5.JPG',\r\n            position: 'q1Teacher'\r\n          },\r\n          {\r\n            color:\r\n              'background: linear-gradient(45deg, rgba(73,151,208,1) 0%, rgba(145,192,226,1) 100%);',\r\n            quote: 'q2',\r\n            avatar: '/img/website/ambassadors/rachel_small.png',\r\n            person: 'Rachel',\r\n            image: '/img/website/educator/testimonials/community2.jpg',\r\n            position: 'q2Teacher',\r\n            caseStudy:\r\n              'https://elementari.com/files/CaseStudies/EFL-Summer-Literature-Course.pdf'\r\n          },\r\n          {\r\n            color:\r\n              'background: linear-gradient(45deg, rgba(255,136,62,1) 0%, rgba(255,183,139,1) 100%);',\r\n            quote: 'q3',\r\n            avatar: '/img/website/ambassadors/owl_small.jpg',\r\n            person: 'Owl',\r\n            image: '/img/website/educator/testimonials/community3.jpg',\r\n            position: 'q3Teacher'\r\n          },\r\n          {\r\n            color:\r\n              'background: linear-gradient(45deg, rgba(129,182,105,1) 0%, rgba(179,211,165,1) 100%);',\r\n            quote: 'q4',\r\n            avatar: '/img/website/ambassadors/laura_small.png',\r\n            person: 'Owl',\r\n            image: '/img/website/educator/testimonials/community1.jpg',\r\n            position: 'q4Teacher',\r\n            caseStudy:\r\n              'https://elementari.com/files/CaseStudies/EFL-Creative-Writing-Unit.pdf'\r\n          },\r\n          {\r\n            color:\r\n              'background: linear-gradient(45deg, rgba(158,105,182,1) 0%, rgba(196,165,211,1) 100%);',\r\n            quote: 'q5',\r\n            avatar: '/img/website/ambassadors/boysgirls_small.png',\r\n            person: 'Boys and Girls Club',\r\n            image:\r\n              'https://elementari.com/img/website/educator/testimonials/community4.jpeg',\r\n            position: 'q5Teacher',\r\n            caseStudy:\r\n              'https://elementari.com/files/CaseStudies/Boys-and-Girls-Club-Petersburg.pdf'\r\n          }\r\n        ]\r\n      }\r\n    },\r\n    computed: {\r\n      gettingStartedSteps: function () {\r\n        return [\r\n          {\r\n            title: this.$t('home_page.get_started.access_title'),\r\n            desc: this.$t('home_page.get_started.access_subtitle'),\r\n            src: '/img/website/laptop.png',\r\n            alt: 'laptop',\r\n            gradient:\r\n              'linear-gradient(45deg, rgba(107,233,81,1) 0%, rgba(81,107,233,1) 100%);'\r\n          },\r\n          {\r\n            title: this.$t('home_page.get_started.classroom_title'),\r\n            desc: this.$t('home_page.get_started.classroom_subtitle'),\r\n            src: 'https://d35gz3cm1ahlmo.cloudfront.net/cache/b1/7b/b17b732651b5afd35c778177a3ed7c3e.png',\r\n            alt: 'invitation card',\r\n            gradient:\r\n              'linear-gradient(45deg, rgba(63,84,230,1) 0%, rgba(230,63,84,1) 100%);'\r\n          },\r\n          {\r\n            title: this.$t('home_page.get_started.lesson_title'),\r\n            desc: this.$t('home_page.get_started.lesson_subtitle'),\r\n            src: 'https://d35gz3cm1ahlmo.cloudfront.net/cache/61/84/61844f33c66821be625ebc56928c2819.png',\r\n            alt: 'compass',\r\n            gradient:\r\n              'linear-gradient(45deg, rgba(175,209,197,1) 0%, rgba(197,175,209,1) 100%);'\r\n          }\r\n        ]\r\n      }\r\n    },\r\n    methods: {\r\n      // onIntersect(entries) {\r\n      //   const [entry] = entries\r\n      //   if (entry.isIntersecting) {\r\n      //     this.lessonVideo1Visible = true\r\n      //     // Check if both videos are ready to play\r\n      //     this.checkAndPlayVideos()\r\n      //     // Optionally delay the second fade-in\r\n      //     setTimeout(() => {\r\n      //       this.lessonVideo2Visible = true\r\n      //     }, 300) // Adjust the delay as necessary\r\n      //   } else {\r\n      //     // Optional: Reset visibility if you want them to fade in again when re-scrolling into view\r\n      //     this.lessonVideo1Visible = false\r\n      //     this.lessonVideo2Visible = false\r\n      //     this.pauseVideos()\r\n      //   }\r\n      // },\r\n      // checkAndPlayVideos() {\r\n      //   const video1 = this.$refs.video1\r\n      //   const video2 = this.$refs.video2\r\n\r\n      //   // Check if both videos can play through\r\n      //   const canPlay = () => {\r\n      //     if (video1.readyState >= 4 && video2.readyState >= 4) {\r\n      //       video1.play()\r\n      //       video2.play()\r\n      //     } else {\r\n      //       setTimeout(canPlay, 100) // Check every 100ms\r\n      //     }\r\n      //   }\r\n      //   canPlay()\r\n      // },\r\n\r\n      // pauseVideos() {\r\n      //   const video1 = this.$refs.video1\r\n      //   const video2 = this.$refs.video2\r\n      //   if (video1 && video2) {\r\n      //     video1.pause()\r\n      //     video2.pause()\r\n      //   }\r\n      // },\r\n      // handleVideoEnd() {\r\n      //   this.video1Ended = true\r\n      //   this.video2Ended = true\r\n      //   if (this.video1Ended && this.video2Ended) {\r\n      //     this.$refs.video1.currentTime = 0\r\n      //     this.$refs.video2.currentTime = 0\r\n      //     this.video1Ended = false\r\n      //     this.video2Ended = false\r\n      //     this.$refs.video1.play()\r\n      //     this.$refs.video2.play()\r\n      //   }\r\n      // },\r\n      toggleSignupDialog() {\r\n        this.$store.dispatch('setSignupDialog', !this.$store.state.signupDialog)\r\n      },\r\n      toggleLoginDialog() {\r\n        this.$store.dispatch('setLoginDialog', !this.$store.state.loginDialog)\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style>\r\n  #loggedOut p {\r\n    font-size: 1.125rem;\r\n  }\r\n  #learning video {\r\n    max-height: 375px;\r\n    width: 100%;\r\n  }\r\n  .tagline-background {\r\n    position: relative;\r\n    background-color: #00c4c5;\r\n    background: linear-gradient(to left top, #174694 0, #00afb0 100%);\r\n    overflow: hidden;\r\n  }\r\n\r\n  #footer {\r\n    background-color: #174694;\r\n    color: #fff;\r\n  }\r\n\r\n  .curriculum-container {\r\n    color: white;\r\n    background: linear-gradient(to left top, #123876 0, #0c7aa2 100%);\r\n  }\r\n  .stat-fact {\r\n    font-weight: 500;\r\n    font-size: 20px;\r\n    line-height: 25px;\r\n    margin-top: 8px;\r\n  }\r\n  .elementari-header-desktop {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    z-index: 1;\r\n  }\r\n  @media (max-width: 1176px) {\r\n    .elementari-header-desktop {\r\n      z-index: auto;\r\n      opacity: 0.4;\r\n    }\r\n  }\r\n\r\n  .coupon {\r\n    position: absolute;\r\n    top: 0px;\r\n  }\r\n\r\n  .coupon img {\r\n    max-width: 17em;\r\n  }\r\n\r\n  .couponMobile {\r\n    display: none;\r\n  }\r\n  .elementari-header-desktop img {\r\n    box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px 0;\r\n    border-radius: 5px 5px 0 0;\r\n    overflow: hidden;\r\n    vertical-align: bottom;\r\n  }\r\n  @media (max-width: 800px) {\r\n    .elementari-header-desktop img {\r\n      width: 500px;\r\n      height: auto;\r\n    }\r\n\r\n    .coupon {\r\n      left: 69%;\r\n      z-index: 1;\r\n    }\r\n\r\n    .coupon img {\r\n      max-width: 13em;\r\n    }\r\n  }\r\n  @media (max-width: 550px) {\r\n    .elementari-header-desktop img {\r\n      width: 325px;\r\n    }\r\n    .coupon {\r\n      display: none;\r\n    }\r\n\r\n    .couponMobile {\r\n      display: block;\r\n      background-color: #f7931e;\r\n      color: white;\r\n      font-weight: 500;\r\n    }\r\n  }\r\n  .tagline-background .container {\r\n    height: 100%;\r\n    position: relative;\r\n  }\r\n\r\n  .tagline-wrapper-banner {\r\n    z-index: 3;\r\n    color: white;\r\n  }\r\n\r\n  .desktop-awards-row {\r\n    display: flex;\r\n    align-items: center;\r\n    /* justify-content: center; */\r\n    /* flex-direction: column; */\r\n  }\r\n\r\n  @keyframes MoveUpDownDevices {\r\n    0%,\r\n    100% {\r\n      transform: translateY(-6%);\r\n    }\r\n    50% {\r\n      transform: translateY(2%);\r\n    }\r\n  }\r\n  @keyframes MoveUpDownDevicesTiltLeft {\r\n    0%,\r\n    100% {\r\n      transform: translateY(-6%);\r\n    }\r\n    50% {\r\n      transform: translateY(2%);\r\n    }\r\n  }\r\n  @keyframes MoveUpDownDevicesTiltRight {\r\n    0%,\r\n    100% {\r\n      transform: translateY(-6%);\r\n    }\r\n    50% {\r\n      transform: translateY(2%);\r\n    }\r\n  }\r\n  @keyframes MoveUpDown {\r\n    0%,\r\n    100% {\r\n      transform: translateY(20px);\r\n    }\r\n    50% {\r\n      transform: translateY(0%);\r\n    }\r\n  }\r\n  @keyframes FadeInOut {\r\n    0%,\r\n    100% {\r\n      opacity: 0.5;\r\n    }\r\n    50% {\r\n      opacity: 1;\r\n    }\r\n  }\r\n  .main-header--home__layout {\r\n    height: 170px;\r\n    left: 50%;\r\n    position: relative;\r\n    z-index: 0;\r\n  }\r\n  @media screen and (min-width: 40em) {\r\n    .main-header--home__layout {\r\n      height: 370px;\r\n    }\r\n  }\r\n  @media screen and (min-width: 64em) {\r\n    .main-header--home__layout {\r\n      /* height: 500px; */\r\n      height: 429px;\r\n    }\r\n    .stat-fact {\r\n      max-width: 500px;\r\n    }\r\n  }\r\n  .main-header--home__layout img,\r\n  .main-header--home__layout svg {\r\n    pointer-events: none;\r\n    position: absolute;\r\n    transition: opacity 0.5s linear, top 0.5s cubic-bezier(0, 0, 0, 1);\r\n  }\r\n\r\n  .main-header--home__layout .circle {\r\n    transition: opacity 2s linear;\r\n  }\r\n  .main-header--home__layout .shadow-container {\r\n    transition: opacity 0.5s linear;\r\n    transition-delay: 1s;\r\n  }\r\n  .main-header--home__layout .shadow-container--1 {\r\n    transition-delay: 0.5s;\r\n  }\r\n  .main-header--home__layout .device-laptop {\r\n    animation: MoveUpDownDevicesTiltLeft 8s ease-in-out infinite;\r\n    left: -160px;\r\n    top: 17%;\r\n    transition-delay: 1s;\r\n    width: 170px;\r\n    z-index: 10;\r\n  }\r\n  @media screen and (min-width: 40em) {\r\n    .main-header--home__layout .device-laptop {\r\n      left: -320px;\r\n      top: 80px;\r\n      width: auto;\r\n      max-width: 350px;\r\n      z-index: 10;\r\n    }\r\n  }\r\n  @media screen and (min-width: 64em) {\r\n    .main-header--home__layout .device-laptop {\r\n      animation: MoveUpDownDevices 8s ease-in-out infinite;\r\n    }\r\n  }\r\n  .main-header--home__layout .device-tablet {\r\n    animation: MoveUpDownDevicesTiltRight 8s ease-in-out infinite;\r\n    animation-delay: -3s;\r\n    /* left: -90px; */\r\n    left: -50px;\r\n    max-width: 600px;\r\n    /* top: 40%; */\r\n    top: 17%;\r\n    transition-delay: 0.5s;\r\n    /* width: 260px; */\r\n    width: 220px;\r\n    z-index: 11;\r\n  }\r\n  @media screen and (min-width: 40em) {\r\n    .main-header--home__layout .device-tablet {\r\n      left: -120px;\r\n      width: 450px;\r\n      top: 18%;\r\n    }\r\n  }\r\n  @media screen and (min-width: 64em) {\r\n    .main-header--home__layout .device-tablet {\r\n      animation: MoveUpDownDevices 8s ease-in-out infinite;\r\n      animation-delay: -3s;\r\n      /* left: -125px; */\r\n    }\r\n  }\r\n  .main-header--home__layout .device-laptop-shadow {\r\n    animation: FadeInOut 8s ease-in-out infinite;\r\n    display: none;\r\n    left: -71%;\r\n    top: 72%;\r\n  }\r\n  @media screen and (min-width: 64em) {\r\n    .main-header--home__layout .device-laptop-shadow {\r\n      display: block;\r\n      left: -660px;\r\n      /* top: 430px; */\r\n      top: 354px;\r\n      z-index: 1;\r\n    }\r\n  }\r\n  .main-header--home__layout .device-tablet-shadow {\r\n    animation: FadeInOut 8s ease-in-out infinite;\r\n    animation-delay: -3s;\r\n    left: -35%;\r\n    top: 95%;\r\n    z-index: 1;\r\n  }\r\n  @media screen and (min-width: 40em) {\r\n    .main-header--home__layout .device-tablet-shadow {\r\n      left: -230px;\r\n      top: 90%;\r\n    }\r\n  }\r\n  @media screen and (min-width: 64em) {\r\n    .main-header--home__layout .device-tablet-shadow {\r\n      /* left: -210px;\r\n    top: 460px; */\r\n      left: -210px;\r\n      top: 364px;\r\n    }\r\n  }\r\n  .main-header--home__layout .circle-1 {\r\n    animation: MoveUpDown 8s ease-in-out infinite;\r\n    animation-delay: -1s;\r\n    left: -85%;\r\n    top: 27%;\r\n    width: 200px;\r\n    z-index: 2;\r\n  }\r\n  @media screen and (min-width: 64em) {\r\n    .main-header--home__layout .circle-1 {\r\n      left: -710px;\r\n      top: 100px;\r\n      width: auto;\r\n    }\r\n  }\r\n  .main-header--home__layout .circle-2 {\r\n    animation: MoveUpDown 6s ease-in-out infinite;\r\n    animation-delay: -5.5s;\r\n    left: -45%;\r\n    top: 47%;\r\n    width: 95px;\r\n    z-index: 3;\r\n  }\r\n  @media screen and (min-width: 40em) {\r\n    .main-header--home__layout .circle-2 {\r\n      left: -330px;\r\n      top: 47%;\r\n      width: 170px;\r\n    }\r\n  }\r\n  @media screen and (min-width: 64em) {\r\n    .main-header--home__layout .circle-2 {\r\n      left: -550px;\r\n      top: 320px;\r\n      width: auto;\r\n    }\r\n  }\r\n  .main-header--home__layout .circle-3 {\r\n    animation: MoveUpDown 5s ease-in-out infinite;\r\n    animation-delay: -8s;\r\n    left: -40%;\r\n    top: 20%;\r\n    width: 25px;\r\n    z-index: 9;\r\n  }\r\n  @media screen and (min-width: 40em) {\r\n    .main-header--home__layout .circle-3 {\r\n      left: -260px;\r\n      top: 28%;\r\n    }\r\n  }\r\n  @media screen and (min-width: 64em) {\r\n    .main-header--home__layout .circle-3 {\r\n      left: -360px;\r\n      top: 130px;\r\n      width: auto;\r\n    }\r\n  }\r\n  .main-header--home__layout .circle-4 {\r\n    animation: MoveUpDown 4s ease-in-out infinite;\r\n    animation-delay: -2s;\r\n    display: none;\r\n    left: -34%;\r\n    top: 79%;\r\n    z-index: 3;\r\n  }\r\n  @media screen and (min-width: 64em) {\r\n    .main-header--home__layout .circle-4 {\r\n      display: block;\r\n      left: -190px;\r\n      top: 180px;\r\n    }\r\n  }\r\n  .main-header--home__layout .circle-5 {\r\n    animation: MoveUpDown 4s ease-in-out infinite;\r\n    animation-delay: -3s;\r\n    display: none;\r\n    left: -45%;\r\n    top: 27%;\r\n    z-index: 4;\r\n  }\r\n  @media screen and (min-width: 64em) {\r\n    .main-header--home__layout .circle-5 {\r\n      display: block;\r\n      left: -176px;\r\n      top: 174px;\r\n    }\r\n  }\r\n  .main-header--home__layout .circle-6 {\r\n    animation: MoveUpDown 8s ease-in-out infinite;\r\n    animation-delay: -2.5s;\r\n    left: -5%;\r\n    top: -62%;\r\n    width: 500px;\r\n    z-index: 1;\r\n  }\r\n  @media screen and (min-width: 40em) {\r\n    .main-header--home__layout .circle-6 {\r\n      left: -70px;\r\n      top: -75%;\r\n      width: auto;\r\n    }\r\n  }\r\n  @media screen and (min-width: 64em) {\r\n    .main-header--home__layout .circle-6 {\r\n      left: -150px;\r\n      top: -420px;\r\n    }\r\n  }\r\n  .main-header--home__layout .circle-7 {\r\n    animation: MoveUpDown 7s ease-in-out infinite;\r\n    animation-delay: -5s;\r\n    left: 7%;\r\n    top: 39%;\r\n    width: 70px;\r\n    z-index: 2;\r\n  }\r\n  @media screen and (min-width: 40em) {\r\n    .main-header--home__layout .circle-7 {\r\n      left: 100px;\r\n      top: 34%;\r\n      width: 110px;\r\n    }\r\n  }\r\n  @media screen and (min-width: 64em) {\r\n    .main-header--home__layout .circle-7 {\r\n      left: 200px;\r\n      top: 75px;\r\n      width: auto;\r\n    }\r\n  }\r\n  .main-header--home__layout .circle-8 {\r\n    animation: MoveUpDown 6s ease-in-out infinite;\r\n    animation-delay: -8s;\r\n    left: 30%;\r\n    top: 77%;\r\n    width: 55px;\r\n    z-index: 2;\r\n  }\r\n  @media screen and (min-width: 40em) {\r\n    .main-header--home__layout .circle-8 {\r\n      left: 230px;\r\n      width: 90px;\r\n    }\r\n  }\r\n  @media screen and (min-width: 64em) {\r\n    .main-header--home__layout .circle-8 {\r\n      left: 373px;\r\n      top: 430px;\r\n      width: auto;\r\n    }\r\n  }\r\n  .main-header--home__layout .circle-9 {\r\n    animation: MoveUpDown 5s ease-in-out infinite;\r\n    animation-delay: -0.5s;\r\n    left: 40%;\r\n    top: 87%;\r\n    width: 20px;\r\n    z-index: 3;\r\n  }\r\n  @media screen and (min-width: 40em) {\r\n    .main-header--home__layout .circle-9 {\r\n      left: 290px;\r\n      width: 40px;\r\n    }\r\n  }\r\n  @media screen and (min-width: 64em) {\r\n    .main-header--home__layout .circle-9 {\r\n      left: 452px;\r\n      top: 496px;\r\n      width: auto;\r\n    }\r\n  }\r\n  .main-header--home__layout .circle-10 {\r\n    animation: MoveUpDown 5s ease-in-out infinite;\r\n    animation-delay: -9s;\r\n    display: none;\r\n    left: -48%;\r\n    top: 92%;\r\n    z-index: 3;\r\n  }\r\n  @media screen and (min-width: 64em) {\r\n    .main-header--home__layout .circle-10 {\r\n      display: block;\r\n      left: 481px;\r\n      top: 336px;\r\n    }\r\n  }\r\n  .transition--header__fade-in {\r\n    opacity: 0;\r\n  }\r\n  .transition--header.transition-end .transition--header__fade-in {\r\n    opacity: 1;\r\n  }\r\n  @media screen and (min-width: 64em) {\r\n    .transition--header.transition-end .device-tablet {\r\n      /* left: -497px; */\r\n      /* top: 100px; */\r\n      top: 80px;\r\n      width: auto;\r\n      max-width: 500px;\r\n      left: -50px;\r\n    }\r\n    .transition--header.transition-end .device-laptop {\r\n      /* left: -497px; */\r\n      /* top: 100px; */\r\n      /* max-width: 464px; */\r\n      left: -425px;\r\n      top: 85px;\r\n      width: auto;\r\n      max-width: 380px;\r\n      z-index: 10;\r\n    }\r\n  }\r\n  .opacity-2 {\r\n    opacity: 0.2 !important;\r\n  }\r\n  .opacity-5 {\r\n    opacity: 0.5 !important;\r\n  }\r\n  .opacity-8 {\r\n    opacity: 0.8 !important;\r\n  }\r\n  .opacity-9 {\r\n    opacity: 0.9 !important;\r\n  }\r\n\r\n  .youtube-container {\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */\r\n  }\r\n\r\n  .responsive-iframe {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .get-started-header {\r\n    height: 175px;\r\n    position: relative;\r\n  }\r\n\r\n  .get-started-img {\r\n    margin: 0;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    height: 125px;\r\n    transform: translate(-50%, -50%);\r\n    -webkit-filter: drop-shadow(5px 5px 5px #222);\r\n    filter: drop-shadow(5px 5px 5px #222);\r\n  }\r\n\r\n  .fade-active {\r\n    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),\r\n      transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n  .fade-visible {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n  .fade-active:not(.fade-visible) {\r\n    opacity: 0;\r\n\r\n    transform: translateX(15px);\r\n  }\r\n\r\n  .shadow-card {\r\n    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),\r\n      0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\r\n  }\r\n  .instruction-video-bottom {\r\n    padding-bottom: 192px !important;\r\n  }\r\n  @media screen and (max-width: 960px) {\r\n    .instruction-video-bottom {\r\n      padding-bottom: 150px !important;\r\n    }\r\n  }\r\n\r\n  .gradient-text-aqua-purple {\r\n    background: linear-gradient(130deg, #3bf0e4 -6.8%, #bca1f7 70%);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n\r\n  .gradient-text-purple-red {\r\n    background: linear-gradient(87.54deg, #9867f0 -6.8%, #ed4e50 84.14%);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n  .gradient-text-orange-yellow {\r\n    background: linear-gradient(267.91deg, #ffe57f 9.35%, #ff7170 96.48%);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n  .gradient-text-blue {\r\n    background: linear-gradient(\r\n      90deg,\r\n      rgba(2, 0, 36, 1) 0%,\r\n      rgba(51, 139, 236, 1) 35%,\r\n      rgba(0, 212, 255, 1) 100%\r\n    );\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n  .gradient-text-blue-purple {\r\n    background: linear-gradient(90.91deg, #027bfd -24.67%, #9f51fb 53.55%);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n  .gradient-text-green-blue {\r\n    background: linear-gradient(90deg, #05aa82, #1c8df0);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n</style>\r\n","import { render, staticRenderFns } from \"./LoggedOut.vue?vue&type=template&id=06634ab6\"\nimport script from \"./LoggedOut.vue?vue&type=script&lang=js\"\nexport * from \"./LoggedOut.vue?vue&type=script&lang=js\"\nimport style0 from \"./LoggedOut.vue?vue&type=style&index=0&id=06634ab6&prod&lang=css\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAvatar } from 'vuetify/lib/components/VAvatar';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCarousel } from 'vuetify/lib/components/VCarousel';\nimport { VCarouselItem } from 'vuetify/lib/components/VCarousel';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSheet } from 'vuetify/lib/components/VSheet';\ninstallComponents(component, {VAvatar,VBtn,VCarousel,VCarouselItem,VCol,VContainer,VFlex,VIcon,VImg,VLayout,VRow,VSheet})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"loggedOut\"}},[_c('div',{staticClass:\"tagline-background px-xs-6\"},[_c('div',{staticClass:\"main-header--home__layout transition transition--header transition-end d-none d-sm-block\"},[_c('nuxt-img',{staticClass:\"device-laptop transition--header__fade-in\",attrs:{\"preload\":\"\",\"src\":\"/img/website/laptop-landing page.webp\",\"alt\":\"using a laptop to code on Elementari\"}}),_vm._v(\" \"),_c('div',{staticClass:\"shadow-container transition--header__fade-in\"},[_c('nuxt-img',{staticClass:\"device-laptop-shadow transition--header__fade-in\",attrs:{\"preload\":\"\",\"src\":\"/img/website/homepage-laptop-shadow.png\",\"alt\":\"using a laptop to code on Elementari\"}})],1),_vm._v(\" \"),_c('nuxt-img',{staticClass:\"device-tablet transition--header__fade-in\",attrs:{\"preload\":\"\",\"src\":\"/img/website/tablet-landingpage.webp\",\"alt\":\"using a tablet to write on Elementari\"}}),_vm._v(\" \"),_c('div',{staticClass:\"shadow-container transition--header__fade-in\"},[_c('nuxt-img',{staticClass:\"device-tablet-shadow transition--header__fade-in\",attrs:{\"preload\":\"\",\"src\":\"/img/website/homepage-laptop-shadow.png\",\"alt\":\"using a tablet to write on Elementari\"}})],1),_vm._v(\" \"),_c('svg',{staticClass:\"circle-1 circle transition--header__fade-in opacity-2\",attrs:{\"height\":\"330px\",\"width\":\"330px\",\"viewBox\":\"0 0 330 330\"}},[_c('circle',{attrs:{\"cx\":\"165\",\"cy\":\"165\",\"r\":\"165\",\"fill\":\"#F8F9FF\"}})]),_vm._v(\" \"),_c('svg',{staticClass:\"circle-2 circle transition--header__fade-in opacity-5\",attrs:{\"height\":\"248px\",\"width\":\"248px\",\"viewBox\":\"0 0 248 248\"}},[_c('circle',{attrs:{\"cx\":\"124\",\"cy\":\"124\",\"r\":\"124\",\"fill\":\"#F1D3FA\"}})]),_vm._v(\" \"),_c('svg',{staticClass:\"circle-3 circle transition--header__fade-in opacity-9\",attrs:{\"height\":\"34px\",\"width\":\"34px\",\"viewBox\":\"0 0 34 34\"}},[_c('circle',{attrs:{\"cx\":\"17\",\"cy\":\"17\",\"r\":\"17\",\"fill\":\"#B8EAFD\"}})]),_vm._v(\" \"),_c('svg',{staticClass:\"circle-4 circle transition--header__fade-in opacity-9\",attrs:{\"height\":\"30px\",\"width\":\"30px\",\"viewBox\":\"0 0 30 30\"}},[_c('circle',{attrs:{\"cx\":\"15\",\"cy\":\"15\",\"r\":\"15\",\"fill\":\"#F1D3FA\"}})]),_vm._v(\" \"),_c('svg',{staticClass:\"circle-5 circle transition--header__fade-in opacity-8\",attrs:{\"height\":\"80px\",\"width\":\"80px\",\"viewBox\":\"0 0 80 80\"}},[_c('circle',{attrs:{\"cx\":\"40\",\"cy\":\"40\",\"r\":\"40\",\"fill\":\"#B8E7FF\"}})]),_vm._v(\" \"),_c('svg',{staticClass:\"circle-6 circle transition--header__fade-in opacity-2\",attrs:{\"height\":\"888px\",\"width\":\"888px\",\"viewBox\":\"0 0 888 888\"}},[_c('circle',{attrs:{\"cx\":\"444\",\"cy\":\"444\",\"r\":\"444\",\"fill\":\"#F8F9FF\"}})]),_vm._v(\" \"),_c('svg',{staticClass:\"circle-7 circle transition--header__fade-in opacity-5\",attrs:{\"height\":\"136px\",\"width\":\"136px\",\"viewBox\":\"0 0 136 136\"}},[_c('circle',{attrs:{\"cx\":\"68\",\"cy\":\"68\",\"r\":\"68\",\"fill\":\"#D7FBCA\"}})]),_vm._v(\" \"),_c('svg',{staticClass:\"circle-8 circle transition--header__fade-in opacity-5\",attrs:{\"height\":\"116px\",\"width\":\"116px\",\"viewBox\":\"0 0 116 116\"}},[_c('circle',{attrs:{\"cx\":\"58\",\"cy\":\"58\",\"r\":\"58\",\"fill\":\"#EBD0FA\"}})]),_vm._v(\" \"),_c('svg',{staticClass:\"circle-9 circle transition--header__fade-in opacity-8\",attrs:{\"height\":\"48px\",\"width\":\"48px\",\"viewBox\":\"0 0 48 48\"}},[_c('circle',{attrs:{\"cx\":\"24\",\"cy\":\"24\",\"r\":\"24\",\"fill\":\"#B7E5FF\"}})]),_vm._v(\" \"),_c('svg',{staticClass:\"circle-10 circle transition--header__fade-in opacity-9\",attrs:{\"height\":\"34px\",\"width\":\"34px\",\"viewBox\":\"0 0 34 34\"}},[_c('circle',{attrs:{\"cx\":\"17\",\"cy\":\"17\",\"r\":\"17\",\"fill\":\"#B7E5FF\"}})])],1),_vm._v(\" \"),_c('v-container',{staticClass:\"tagline-wrapper-banner text-center\"},[_c('h1',{staticClass:\"text-center mx-auto alt-1 mb-10 font-weight-black pt-16 pt-sm-0 mt-6 mt-sm-0\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('home_page.tagline'))+\"\\n      \")]),_vm._v(\" \"),_c('p',{staticClass:\"mb-10 text-sm-h6\",staticStyle:{\"max-width\":\"800px\",\"margin\":\"0 auto\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('home_page.subtitle'))+\"\\n      \")]),_vm._v(\" \"),_c('div',{staticClass:\"mb-10\"},[_c('v-btn',{attrs:{\"color\":\"accent\",\"x-large\":\"\"},on:{\"click\":_vm.toggleSignupDialog}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('home_page.create_btn'))+\"\\n        \")]),_vm._v(\" \"),_c('v-btn',{attrs:{\"x-large\":\"\"},on:{\"click\":_vm.toggleLoginDialog}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('navbar.login.title'))+\"\\n        \")])],1),_vm._v(\" \"),_c('v-flex',{staticClass:\"desktop-awards-row pb-3\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('a',{staticClass:\"mr-4\",attrs:{\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"href\":\"https://studentprivacypledge.org/signatories/\"}},[_c('img',{staticStyle:{\"max-width\":\"100px\"},attrs:{\"src\":\"/img/website/Student Privacy Pledge Sig_logo.webp\",\"height\":\"50px\",\"width\":\"100px\",\"alt\":\"Student Privacy Pledge Signatory\"}})]),_vm._v(\" \"),_c('a',{staticClass:\"mr-4\",attrs:{\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"href\":\"http://www.ala.org/aasl/\"}},[_c('img',{staticStyle:{\"text-align\":\"center\",\"max-width\":\"80px\"},attrs:{\"src\":\"/img/website/AASL.webp\",\"height\":\"80px\",\"width\":\"70px\",\"alt\":\"American Association of School Librarians Best Websites for Teaching and Learning 2019\"}})]),_vm._v(\" \"),_c('a',{attrs:{\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"href\":\"https://www.commonsense.org/education/website/elementari\"}},[_c('img',{staticStyle:{\"text-align\":\"center\",\"max-width\":\"80px\"},attrs:{\"src\":\"/img/website/commonsense.webp\",\"height\":\"80px\",\"width\":\"80px\",\"alt\":\"Common Sense Website List\"}})])])],1)],1),_vm._v(\" \"),_c('section',{staticClass:\"section-padding mx-auto\",staticStyle:{\"max-width\":\"1100px\"}},[_c('div',{staticClass:\"container\"},[_c('h2',{staticClass:\"alt-h2 text-center gradient-text-blue-purple font-weight-black mb-12\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('home_page.lessons.header'))+\"\\n      \")]),_vm._v(\" \"),_c('h4',{staticClass:\"mb-16 text-center\",staticStyle:{\"margin\":\"auto\",\"max-width\":\"700px\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('home_page.lessons.subtitle'))+\"\\n      \")]),_vm._v(\" \"),_c('v-layout',{staticClass:\"classGrid mx-auto\",staticStyle:{\"min-height\":\"300px\"},attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-row',_vm._l((_vm.tryOutLessons),function(obj,index){return _c('v-col',{key:obj.slug,staticClass:\"pa-1 pa-md-3 d-flex justify-center\",class:{\n              'd-sm-none d-md-block': index === _vm.tryOutLessons.length - 1\n            },attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"4\"}},[_c('published-lesson-card',{staticStyle:{\"max-width\":\"450px\"},attrs:{\"slug\":obj.slug,\"thumbnail\":obj.thumbnail,\"name\":obj.name,\"description\":obj.description,\"grade\":obj.grade,\"subjects\":obj.subjects,\"time-required\":obj.timeRequired,\"speakers\":obj.speakers,\"microphone\":obj.microphone}})],1)}),1)],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-10\"},[_c('v-btn',{attrs:{\"x-large\":\"\",\"color\":\"accent\",\"to\":_vm.localePath('/lessons/')}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('home_page.lessons.button'))+\"\\n      \")])],1)]),_vm._v(\" \"),_c('div',{staticStyle:{\"background-color\":\"rgb(254, 255, 254)\"},attrs:{\"min-height\":\"200\",\"transition\":\"fade-transition\"}},[_c('section',{staticClass:\"section-padding mx-auto\",staticStyle:{\"max-width\":\"1100px\"}},[_c('div',{staticClass:\"container\"},[_c('h2',{staticClass:\"alt-h2 text-center gradient-text-blue-purple font-weight-black mb-12\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('home_page.why.title'))+\"\\n        \")]),_vm._v(\" \"),_c('h4',{staticClass:\"mb-16 text-center\",staticStyle:{\"margin\":\"auto\",\"max-width\":\"600px\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('home_page.why.subtitle'))+\"\\n        \")]),_vm._v(\" \"),_c('v-container',[_c('v-row',{staticClass:\"mb-sm-5 flex-column-reverse flex-sm-row\",attrs:{\"align\":\"center\"}},[_c('v-col',{staticClass:\"px-2 py-3\",attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('h3',{staticClass:\"text-h5 text-md-h4 font-weight-medium text-center text-sm-left\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('home_page.why.literacy_title'))+\"\\n              \")]),_vm._v(\" \"),_c('p',[_vm._v(\"\\n                \"+_vm._s(_vm.$t('home_page.why.literacy_content'))+\"\\n              \")])]),_vm._v(\" \"),_c('v-col',{staticClass:\"px-2 py-3 d-flex justify-center\",attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('nuxt-img',{staticClass:\"mx-auto\",staticStyle:{\"border-radius\":\"6px\",\"object-fit\":\"cover\",\"max-width\":\"100%\",\"width\":\"100%\"},attrs:{\"src\":\"/img/website/resources/2nd-grade-students.jpg\",\"alt\":\"Classroom using Elementari on tablets\",\"format\":\"webp\",\"sizes\":\"xs:320px sm:50vw md:50vw lg:500px\"}})],1)],1)],1),_vm._v(\" \"),_c('v-container',[_c('v-row',{staticClass:\"mb-sm-5 flex-sm-row-reverse flex-column-reverse flex-sm-row\",attrs:{\"align\":\"center\"}},[_c('v-col',{staticClass:\"px-2 py-3\",attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('h3',{staticClass:\"text-h5 text-md-h4 font-weight-medium text-center text-sm-left\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('home_page.why.future_ready_title'))+\"\\n              \")]),_vm._v(\" \"),_c('p',[_vm._v(\"\\n                \"+_vm._s(_vm.$t('home_page.why.future_ready_content'))+\"\\n              \")])]),_vm._v(\" \"),_c('v-col',{staticClass:\"px-2 py-3 d-flex justify-center\",attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('nuxt-img',{staticClass:\"mx-auto\",staticStyle:{\"border-radius\":\"6px\",\"object-fit\":\"cover\",\"max-width\":\"100%\",\"width\":\"100%\"},attrs:{\"src\":\"/img/website/resources/teacher1.jpg\",\"alt\":\"Teacher helping students using Elementari\",\"format\":\"webp\",\"sizes\":\"xs:320px sm:50vw md:50vw lg:500px\"}})],1)],1)],1),_vm._v(\" \"),_c('v-container',[_c('v-row',{staticClass:\"mb-sm-5 flex-column-reverse flex-sm-row\",attrs:{\"align\":\"center\"}},[_c('v-col',{staticClass:\"px-2 py-3\",attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('h3',{staticClass:\"text-h5 text-md-h4 font-weight-medium text-center text-sm-left\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('home_page.why.engage_title'))+\"\\n              \")]),_vm._v(\" \"),_c('p',[_vm._v(\"\\n                \"+_vm._s(_vm.$t('home_page.why.engage_content'))+\"\\n              \")]),_vm._v(\" \"),_c('nuxt-link',{staticClass:\"font-weight-medium internal-link\",attrs:{\"target\":\"_blank\",\"to\":_vm.localePath('/why-creative-coding')}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('home_page.why.engage_link'))+\"\\n                \"),_c('v-icon',{staticClass:\"link-icon\",attrs:{\"size\":\"18\",\"color\":\"primary\"}},[_vm._v(_vm._s(_vm.icons.mdiArrowRight))])],1)],1),_vm._v(\" \"),_c('v-col',{staticClass:\"px-2 py-3 d-flex justify-center\",attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('nuxt-img',{staticClass:\"mx-auto\",staticStyle:{\"border-radius\":\"6px\",\"object-fit\":\"cover\",\"min-height\":\"300px\",\"max-width\":\"100%\",\"width\":\"100%\"},attrs:{\"src\":\"/img/website/resources/12-grade-presentation.jpg\",\"alt\":\"12th grade student presentation using Elementari\",\"format\":\"webp\",\"sizes\":\"xs:320px sm:50vw md:50vw lg:500px\"}})],1)],1)],1)],1)])]),_vm._v(\" \"),_c('section',{staticClass:\"section-padding mx-auto text-center\",staticStyle:{\"max-width\":\"1100px\"}},[_c('div',{staticClass:\"container\"},[_c('h2',{staticClass:\"alt-h2 text-center gradient-text-blue-purple font-weight-black mb-12\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('home_page.how.title'))+\"\\n      \")]),_vm._v(\" \"),_c('h4',{staticClass:\"mb-16 text-center\",staticStyle:{\"margin\":\"auto\",\"max-width\":\"800px\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('home_page.how.subtitle'))+\"\\n      \")]),_vm._v(\" \"),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"lg\":\"4\"}},[_c('nuxt-img',{staticClass:\"mb-8\",staticStyle:{\"width\":\"100%\",\"height\":\"200px\",\"object-fit\":\"contain\"},attrs:{\"src\":\"/img/owl-6.png\",\"format\":\"webp\",\"placeholder\":\"\",\"sizes\":\"xs:100vw sm:50vw md:33vw\"}}),_vm._v(\" \"),_c('h4',{staticClass:\"font-weight-medium text-center\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('home_page.how.lesson_title'))+\"\\n          \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"min-height\":\"81px\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('home_page.how.lesson_content'))+\"\\n          \")]),_vm._v(\" \"),_c('nuxt-link',{staticClass:\"font-weight-medium internal-link\",attrs:{\"target\":\"_blank\",\"to\":_vm.localePath('/lessons/')}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('home_page.how.lesson_link'))+\"\\n            \"),_c('v-icon',{staticClass:\"link-icon\",attrs:{\"size\":\"18\",\"color\":\"primary\"}},[_vm._v(_vm._s(_vm.icons.mdiArrowRight))])],1)],1),_vm._v(\" \"),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"lg\":\"4\"}},[_c('nuxt-img',{staticClass:\"mb-8\",staticStyle:{\"width\":\"100%\",\"height\":\"200px\",\"object-fit\":\"contain\"},attrs:{\"src\":\"/img/mouse-3.png\",\"format\":\"webp\",\"sizes\":\"xs:100vw sm:50vw md:33vw\"}}),_vm._v(\" \"),_c('h4',{staticClass:\"font-weight-medium text-center\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('home_page.how.code_title'))+\"\\n          \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"min-height\":\"81px\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('home_page.how.code_content'))+\"\\n          \")]),_vm._v(\" \"),_c('nuxt-link',{staticClass:\"font-weight-medium internal-link\",attrs:{\"target\":\"_blank\",\"to\":_vm.localePath('/what-is-visual-coding/')}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('home_page.how.code_link'))+\"\\n            \"),_c('v-icon',{staticClass:\"link-icon\",attrs:{\"size\":\"18\",\"color\":\"primary\"}},[_vm._v(_vm._s(_vm.icons.mdiArrowRight))])],1)],1),_vm._v(\" \"),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"lg\":\"4\"}},[_c('nuxt-img',{staticClass:\"mb-8\",staticStyle:{\"width\":\"100%\",\"height\":\"200px\",\"object-fit\":\"contain\"},attrs:{\"src\":\"/img/mailman.png\",\"format\":\"webp\",\"sizes\":\"xs:100vw sm:50vw md:33vw\"}}),_vm._v(\" \"),_c('h4',{staticClass:\"font-weight-medium text-center\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('home_page.how.share_title'))+\"\\n          \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"min-height\":\"81px\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('home_page.how.share_content'))+\"\\n          \")]),_vm._v(\" \"),_c('nuxt-link',{staticClass:\"font-weight-medium internal-link\",attrs:{\"target\":\"_blank\",\"to\":_vm.localePath('/projects/')}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('home_page.how.share_link'))+\"\\n            \"),_c('v-icon',{staticClass:\"link-icon\",attrs:{\"size\":\"18\",\"color\":\"primary\"}},[_vm._v(_vm._s(_vm.icons.mdiArrowRight))])],1)],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"d-flex justify-center mt-10\"},[_c('v-btn',{attrs:{\"color\":\"accent\",\"x-large\":\"\",\"to\":_vm.localePath('/getting-started/')}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t('plans.startNow'))+\"\\n            \")])],1)],1)]),_vm._v(\" \"),_c('div',{staticStyle:{\"background-color\":\"rgb(254, 255, 254)\"},attrs:{\"min-height\":\"200\",\"transition\":\"fade-transition\"}},[_c('section',{staticClass:\"section-padding mx-auto\",staticStyle:{\"max-width\":\"1100px\"}},[_c('div',{staticClass:\"container\"},[_c('h2',{staticClass:\"alt-h2 text-center gradient-text-blue-purple font-weight-black mb-12\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('home_page.toolkit.title'))+\"\\n        \")]),_vm._v(\" \"),_c('h4',{staticClass:\"mb-16 text-center\",staticStyle:{\"margin\":\"auto\",\"max-width\":\"800px\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('home_page.toolkit.subtitle'))+\"\\n        \")])]),_vm._v(\" \"),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{staticClass:\"d-flex justify-center\",attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"6\",\"lg\":\"6\"}},[_c('nuxt-img',{staticStyle:{\"border-radius\":\"6px\",\"object-fit\":\"cover\"},attrs:{\"src\":\"/img/website/educator/diverse-learners.png\",\"alt\":\"Mosaic of kids working on Elementari\",\"format\":\"webp\",\"sizes\":\"xs:320px sm:80vw md:80vw lg:500px\"}})],1),_vm._v(\" \"),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"6\",\"lg\":\"6\"}},[_c('ul',{staticClass:\"checkmark-list\"},_vm._l((_vm.$t('home_page.toolkit.content')),function(content,index){return _c('li',{key:index,staticClass:\"mb-12 text-h6 font-weight-medium\"},[_vm._v(\"\\n              \"+_vm._s(content.text)+\"\\n            \")])}),0),_vm._v(\" \"),_c('div',{staticClass:\"d-flex justify-center\"},[_c('v-btn',{attrs:{\"color\":\"accent\",\"x-large\":\"\",\"to\":_vm.localePath('/features/')}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t('home_page.toolkit.cta'))+\"\\n            \")])],1)])],1)],1)]),_vm._v(\" \"),_c('section',{staticClass:\"pt-0\",staticStyle:{\"background-image\":\"url('/img/grid.png')\",\"background-repeat\":\"repeat\",\"z-index\":\"1\"}},[_c('v-container',{staticClass:\"mx-auto d-block d-sm-flex\",staticStyle:{\"max-width\":\"1100px\"}},[_c('v-row',[_c('v-col',{staticClass:\"text-center text-sm-left py-16\",staticStyle:{\"color\":\"white\",\"align-self\":\"center\",\"justify-self\":\"center\"},attrs:{\"cols\":\"12\",\"md\":\"8\"}},[_c('h2',{staticClass:\"alt-h2 gradient-text-orange-yellow font-weight-black mb-12\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('home_page.school.title'))+\"\\n          \")]),_vm._v(\" \"),_c('h4',{staticClass:\"mb-12\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('home_page.school.subtitle'))+\"\\n          \")]),_vm._v(\" \"),_c('p',[_vm._v(_vm._s(_vm.$t('home_page.school.content')))]),_vm._v(\" \"),_c('v-btn',{staticClass:\"mt-10\",attrs:{\"x-large\":\"\",\"color\":\"accent\",\"to\":_vm.localePath('/schools-districts/')}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('home_page.school.cta_schools'))+\"\\n          \")])],1),_vm._v(\" \"),_c('v-col',{staticClass:\"d-none d-sm-block\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('nuxt-img',{staticStyle:{\"width\":\"100%\",\"height\":\"auto\",\"object-fit\":\"cover\",\"position\":\"absolute\"},attrs:{\"src\":\"/img/website/home-blocks-display.png\",\"alt\":\"Image of different Elementari coding blocks on a dark grey grid.\",\"format\":\"webp\"}})],1)],1)],1)],1),_vm._v(\" \"),_c('section',{staticClass:\"section-padding\",staticStyle:{\"z-index\":\"2\",\"background-color\":\"white\"}},[_c('v-container',{staticStyle:{\"max-width\":\"1100px\"}},[_c('h2',{staticClass:\"alt-h2 text-center gradient-text-blue-purple font-weight-black mb-12\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('home_page.educators.title'))+\"\\n      \")]),_vm._v(\" \"),_c('h4',{staticClass:\"mb-16 text-center\",staticStyle:{\"margin\":\"auto\",\"max-width\":\"800px\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('home_page.educators.subtitle'))+\"\\n      \")]),_vm._v(\" \"),_c('v-carousel',{staticStyle:{\"border-radius\":\"18px\"},attrs:{\"height\":\"400\",\"interval\":\"10000\",\"cycle\":true,\"show-arrows\":false}},_vm._l((_vm.slides),function(slide,i){return _c('v-carousel-item',{key:i},[_c('v-sheet',{style:(slide.color),attrs:{\"height\":\"100%\"}},[_c('v-container',{attrs:{\"fill-height\":\"\"}},[_c('v-flex',{staticClass:\"px-5\",attrs:{\"align-center\":\"\",\"justify-center\":\"\"}},[_c('p',{staticClass:\"mb-4 font-weight-normal\",staticStyle:{\"font-style\":\"italic\"}},[_vm._v(\"\\n                  \\\"\"+_vm._s(_vm.$t('educators_page.quotes.' + slide.quote))+\"\\\"\\n                \")]),_vm._v(\" \"),_c('v-layout',[_c('v-avatar',{attrs:{\"size\":56,\"color\":\"grey lighten-5 mr-4\"}},[_c('v-img',{attrs:{\"src\":slide.avatar,\"lazy-src\":slide.avatar,\"alt\":slide.person}})],1),_vm._v(\" \"),_c('div',[_c('p',{staticClass:\"mb-0\",staticStyle:{\"font-size\":\"14px !important\",\"font-weight\":\"300\"}},[_vm._v(\"\\n                      \"+_vm._s(_vm.$t('educators_page.quotes.' + slide.position))+\"\\n                    \")]),_vm._v(\" \"),_c('p',{staticClass:\"mb-0\",staticStyle:{\"font-size\":\"12px !important\",\"font-weight\":\"300\"}},[_vm._v(\"\\n                      \"+_vm._s(_vm.$t(\n                          'educators_page.quotes.' + slide.position + 'School'\n                        ))+\"\\n                    \")])])],1),_vm._v(\" \"),(slide.caseStudy)?_c('div',{staticClass:\"mt-4\"},[_c('v-btn',{staticClass:\"default\",attrs:{\"href\":slide.caseStudy,\"target\":\"_blank\"}},[_vm._v(\"\\n                    Read the Case Study\\n                  \")])],1):_vm._e()],1)],1)],1)],1)}),1)],1)],1),_vm._v(\" \"),_c('call-to-action-teacher',{staticClass:\"px-16\"}),_vm._v(\" \"),_c('main-footer')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- <div\r\n      v-if=\"$store.state.hasLoginCookie || $auth.loggedIn\"\r\n      style=\"height: 100%\"\r\n      :class=\"{\r\n        'center-flex':\r\n          pagination.count !== null &&\r\n          classes.length == 0 &&\r\n          $auth.user.account_type !== 's',\r\n      }\"\r\n    > -->\r\n  <div style=\"height: 100%\">\r\n    <logged-out v-if=\"!$auth.loggedIn\" />\r\n\r\n    <div v-else-if=\"$auth.loggedIn\" class=\"section-padding\">\r\n      <v-alert\r\n        v-if=\"$device.isMobile\"\r\n        border=\"bottom\"\r\n        colored-border\r\n        type=\"warning\"\r\n      >\r\n        {{ $t('errors.mobile_cannot_create') }}\r\n      </v-alert>\r\n      <client-only> \r\n        <v-alert\r\n            v-if=\"$i18n.locale === 'en' && $auth.user && !$auth.user.is_student\"\r\n          color=\"primary\"\r\n          type=\"info\"\r\n        >\r\n          <v-row align=\"center\">\r\n            <v-col class=\"grow py-0\">\r\n              Are you a US K-12 educators or librarian ? Join us for our free\r\n              summer professional development course!\r\n            </v-col>\r\n            <v-col class=\"shrink py-0\">\r\n              <v-btn\r\n                target=\"_blank\"\r\n                to=\"/pathfinders-summer-pd-2025/\"\r\n                color=\"white\"\r\n                light\r\n              >\r\n                Learn More\r\n              </v-btn>\r\n            </v-col>\r\n          </v-row>\r\n        </v-alert>\r\n      </client-only>\r\n      <!-- <school-dashboard\r\n        v-if=\"$auth.user && $auth.user.account_type == 'o'\"\r\n      />\r\n      <v-container v-else class=\"main-container\">\r\n        <div>\r\n          <v-layout justify-center>\r\n            <div class=\"width-280 hidden-md-and-down\">\r\n              <user-card v-if=\"$auth.user\" :user=\"$auth.user\" />\r\n              <badges-list v-if=\"$auth.user\" />\r\n            </div>\r\n            <div id=\"homeActivityFeed\" class=\"width-690\">\r\n              <display-message v-if=\"$auth.user\" />\r\n              <activity-feed v-if=\"$auth.user\" />\r\n            </div>\r\n            <div class=\"width-300 ml-2 hidden-md-and-down\">\r\n              <v-card class=\"mb-2\">\r\n                <suggested-users v-if=\"$auth.user\" />\r\n              </v-card>\r\n            </div>\r\n          </v-layout>\r\n        </div>\r\n      </v-container> -->\r\n\r\n      <school-dashboard v-if=\"$auth.user && $auth.user.account_type == 'o'\" />\r\n      <v-container v-else>\r\n\r\n        <hello-user\r\n          v-if=\"$auth.user.is_student\"\r\n          :user=\"$auth.user\"\r\n          style=\"padding-top: 48px !important; margin-bottom: 30px\"\r\n        />\r\n        <div v-if=\"classes.length > 0 || $auth.user.is_student\">\r\n          <v-layout class=\"mt-5 mb-6 px-0\" align-center justify-content-center>\r\n            <h3 class=\"mb-0\" style=\"color: #7b7b7b; font-weight: 300\">\r\n              {{ $t('classroom.selectClass') }}\r\n            </h3>\r\n\r\n            <v-spacer></v-spacer>\r\n\r\n            <v-btn\r\n              v-if=\"$auth.user && $auth.user.is_student\"\r\n              color=\"primary\"\r\n              outlined\r\n              @click=\"joinClassDialog = true\"\r\n            >\r\n              {{ $t('navbar.signup.form.join_classroom_title') }}\r\n            </v-btn>\r\n            <v-switch\r\n              v-if=\"\r\n                $auth.user &&\r\n                !$auth.user.is_student &&\r\n                $vuetify.breakpoint.mdAndUp\r\n              \"\r\n              v-model=\"showAll\"\r\n              :hide-details=\"true\"\r\n              :label=\"$t('classroom.showAll')\"\r\n              class=\"mr-6\"\r\n              style=\"margin-top: 21px; flex: 0 1 auto; margin: 0; padding: 0\"\r\n            />\r\n\r\n            <v-btn\r\n              v-if=\"$auth.user && !$auth.user.is_student\"\r\n              depressed\r\n              color=\"accent\"\r\n              class=\"ma-0\"\r\n              @click=\"addNewClassDialog()\"\r\n            >\r\n              <v-icon size=\"27\" style=\"display: block; width: 100%\">\r\n                $vuetify.icons.mdiPlus\r\n              </v-icon>\r\n              <span v-if=\"$vuetify.breakpoint.mdAndUp\">\r\n                {{ $t('classroom.createClass') }}\r\n              </span>\r\n            </v-btn>\r\n          </v-layout>\r\n\r\n          <v-layout class=\"classGrid\" row wrap style=\"min-height: 300px\">\r\n            <!-- <v-flex class=\"pa-3\" lg3 md4 sm6 xs12>\r\n            <v-btn\r\n              id=\"addClassBtn\"\r\n              depressed\r\n              color=\"white\"\r\n              style=\"border: 2px dashed #b6b6b6 !important;height: 100%;\"\r\n              @click=\"createClassDialog = true\"\r\n            >\r\n              <v-icon size=\"50\" style=\"display:block;width: 100%;\"\r\n                >$vuetify.icons.mdiPlus</v-icon\r\n              >\r\n              {{ $t('classroom.createClass') }}\r\n            </v-btn>\r\n          </v-flex> -->\r\n            <v-flex\r\n              v-for=\"(el, index) in classes\"\r\n              v-show=\"showAll || !el.archived_at\"\r\n              :key=\"index\"\r\n              class=\"pa-3\"\r\n              lg3\r\n              md4\r\n              sm6\r\n              xs12\r\n            >\r\n              <class-card\r\n                :classroom=\"el\"\r\n                :is-select=\"$auth.user && $auth.user.is_student\"\r\n              />\r\n            </v-flex>\r\n          </v-layout>\r\n        </div>\r\n\r\n        <div\r\n          v-if=\"\r\n            pagination.count !== null &&\r\n            classes.length == 0 &&\r\n            !$auth.user.is_student\r\n          \"\r\n        >\r\n          <v-layout\r\n            wrap\r\n            align-center\r\n            :class=\"{ 'column-reverse': $vuetify.breakpoint.smAndDown }\"\r\n          >\r\n            <v-flex xs12 sm12 md6>\r\n              <div style=\"max-width: 400px\">\r\n                <h4>\r\n                  {{ $t('home_page.message.welcome.title') }}\r\n                </h4>\r\n                <p>\r\n                  {{ $t('home_page.message.welcome.subtitle') }}\r\n                </p>\r\n                <v-layout>\r\n                  <v-btn depressed color=\"accent\" @click=\"addNewClassDialog()\">\r\n                    <v-icon size=\"27\" style=\"display: block; width: 100%\">\r\n                      $vuetify.icons.mdiPlus\r\n                    </v-icon>\r\n                    <span>{{ $t('classroom.createClass') }}</span>\r\n                  </v-btn>\r\n                  <v-btn depressed @click=\"joinClassDialog = true\" class=\"ml-2\">\r\n                    {{ $t('navbar.signup.form.join_classroom_title') }}\r\n                  </v-btn>\r\n                </v-layout>\r\n              </div>\r\n            </v-flex>\r\n            <v-flex xs12 sm12 md6 class=\"mb-6\">\r\n              <v-img src=\"/img/genie.png\" class=\"home-genie-img\"></v-img>\r\n            </v-flex>\r\n          </v-layout>\r\n        </div>\r\n\r\n        <div\r\n          v-if=\"\r\n            ((pagination.count == null && pagination.next == null) ||\r\n              pagination.next != null) &&\r\n            showLoading\r\n          \"\r\n          v-observe-visibility=\"{ callback: loadMore, throttle: 600 }\"\r\n        >\r\n          <p style=\"color: #bbb; padding-top: 10px; text-align: center\">\r\n            Loading ...\r\n          </p>\r\n        </div>\r\n      </v-container>\r\n      <v-dialog\r\n        v-model=\"createClassDialog\"\r\n        scrollable\r\n        :fullscreen=\"$vuetify.breakpoint.xsOnly\"\r\n        class=\"btn-dialogue\"\r\n        width=\"500\"\r\n      >\r\n        <v-card>\r\n          <v-card-title class=\"blue-purple-gradient\">\r\n            <span>{{ $t('classroom.createClass') }}</span>\r\n            <v-spacer></v-spacer>\r\n            <v-btn class=\"ma-0\" text icon @click=\"createClassDialog = false\">\r\n              <v-icon color=\"white\">$vuetify.icons.mdiClose</v-icon>\r\n            </v-btn>\r\n          </v-card-title>\r\n          <v-card-text>\r\n            <class-form\r\n              :is-create=\"true\"\r\n              scope=\"create-class-form\"\r\n              class=\"pa-3\"\r\n              @createClass=\"onCreateClass\"\r\n            />\r\n          </v-card-text>\r\n        </v-card>\r\n      </v-dialog>\r\n      <!-- CHANGE PLAN DIALOG -->\r\n      <v-dialog\r\n        v-model=\"changePlanDialog\"\r\n        max-width=\"500\"\r\n        persistent\r\n        :fullscreen=\"$vuetify.breakpoint.xsOnly\"\r\n      >\r\n        <educator-upgrade\r\n          @closeDialog=\"closeChangePlanDialog\"\r\n          header=\"Upgrade to create unlimited classes\"\r\n        />\r\n      </v-dialog>\r\n\r\n      <v-dialog\r\n        v-model=\"joinClassDialog\"\r\n        :fullscreen=\"$vuetify.breakpoint.xsOnly\"\r\n        persistent\r\n        width=\"400\"\r\n      >\r\n        <v-card>\r\n          <v-card-title class=\"blue-purple-gradient\">\r\n            {{ $t('navbar.signup.form.join_classroom_title') }}\r\n            <v-spacer />\r\n            <v-btn class=\"ma-0\" text icon @click=\"closeJoinClassDialog()\">\r\n              <v-icon color=\"white\">$vuetify.icons.mdiClose</v-icon>\r\n            </v-btn>\r\n          </v-card-title>\r\n          <v-card-text style=\"padding-top: 24px\">\r\n            <v-row style=\"align-items: center\">\r\n              <v-container>\r\n                <v-alert\r\n                  v-if=\"!$auth.user.is_student\"\r\n                  type=\"error\"\r\n                  max-width=\"400px\"\r\n                  style=\"margin: 0 auto; margin-bottom: 65px\"\r\n                >\r\n                  {{ $t('navbar.signup.form.join_classroom_warning') }}\r\n                </v-alert>\r\n                <v-card width=\"400px\" outlined style=\"margin: 0 auto\">\r\n                  <v-card-title>\r\n                    {{ $t('navbar.signup.form.join_classroom_title') }}\r\n                  </v-card-title>\r\n                  <v-divider></v-divider>\r\n                  <v-card-text>\r\n                    <join-class-form\r\n                      :join-class=\"true\"\r\n                      @joined-classroom=\"onJoinedClassroom\"\r\n                    />\r\n                  </v-card-text>\r\n                </v-card>\r\n                <not-user-footer />\r\n                <div\r\n                  v-if=\"$auth.user.is_student\"\r\n                  class=\"text-center\"\r\n                  style=\"font-size: 13px; margin-top: 10px\"\r\n                >\r\n                  Not a student?\r\n                  <nuxt-link :to=\"localePath('/settings/')\">\r\n                    Change your account type.\r\n                  </nuxt-link>\r\n                </div>\r\n              </v-container>\r\n            </v-row>\r\n          </v-card-text>\r\n        </v-card>\r\n      </v-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import LoggedOut from '~/components/home/LoggedOut'\r\n  export default {\r\n    components: {\r\n      LoggedOut,\r\n      ClassForm: () => import('~/components/forms/ClassForm.vue'),\r\n      EducatorUpgrade: () =>\r\n        import('~/components/utils/upgrade/EducatorUpgrade'),\r\n      classCard: () => import('@/components/classes/ClassCard.vue'),\r\n      HelloUser: () => import('~/components/utils/HelloUser.vue'),\r\n      NotUserFooter: () => import('~/components/classes/NotUserFooter.vue'),\r\n      'school-dashboard': () => import('~/components/schools/MainDashboard'),\r\n      'join-class-form': () =>\r\n        import('~/components/forms/classroom/JoinClassForm')\r\n    },\r\n    head() {\r\n      return {\r\n        title: this.$t('meta.index.title'),\r\n        meta: [\r\n          // hid is used as unique identifier. Do not use `vmid` for it as it will not work\r\n          {\r\n            hid: 'description',\r\n            name: 'description',\r\n            content: this.$t('meta.index.description')\r\n          },\r\n\r\n          // Open Graph\r\n          {\r\n            hid: 'og:title',\r\n            name: 'og:title',\r\n            content: this.$t('meta.index.title')\r\n          },\r\n          {\r\n            hid: 'og:description',\r\n            name: 'og:description',\r\n            content: this.$t('meta.index.description')\r\n          },\r\n          {\r\n            hid: 'og:url',\r\n            property: 'og:url',\r\n            content: 'https://elementari.com' + this.$route.path\r\n          }\r\n        ],\r\n        link: [\r\n          {\r\n            rel: 'preload',\r\n            href: '/img/website/AASL.webp',\r\n            as: 'image'\r\n          },\r\n          {\r\n            rel: 'preload',\r\n            href: '/img/website/commonsense.webp',\r\n            as: 'image'\r\n          },\r\n          {\r\n            rel: 'preload',\r\n            href: '/img/website/Student Privacy Pledge Sig_logo.webp',\r\n            as: 'image'\r\n          }\r\n        ]\r\n      }\r\n    },\r\n    data() {\r\n      return {\r\n        active: 0,\r\n        classes: [],\r\n        showAll: false,\r\n        showPasscode: false,\r\n        createClassDialog: false,\r\n        changePlanDialog: false,\r\n        joinClassDialog: false,\r\n        pagination: {\r\n          page: 1,\r\n          count: null,\r\n          next: null,\r\n          previous: null\r\n        },\r\n        showLoading: true\r\n      }\r\n    },\r\n    computed: {\r\n      isLoggedIn() {\r\n        return !!this.$auth.user\r\n      }\r\n    },\r\n    watch: {\r\n      isLoggedIn(newVal, oldVal) {\r\n        if (!newVal && oldVal) {\r\n          this.classes = []\r\n          this.showAll = false\r\n          this.showLoading = true\r\n          this.pagination = {\r\n            page: 1,\r\n            count: null,\r\n            next: null,\r\n            previous: null\r\n          }\r\n        }\r\n      }\r\n    },\r\n    async mounted() {\r\n      if (\r\n        this.$route.query.join &&\r\n        this.$auth.user &&\r\n        this.$auth.user.is_student\r\n      ) {\r\n        this.joinClassDialog = true\r\n      }\r\n      if (\r\n        this.$auth.user &&\r\n        this.$auth.user.is_student &&\r\n        !this.$auth.user.student_data.has_classroom\r\n      ) {\r\n        this.joinClassDialog = true\r\n      }\r\n    },\r\n    methods: {\r\n      addNewClassDialog() {\r\n        if (this.classes.length > 0 && this.$auth.user.account_type === null) {\r\n          this.changePlanDialog = true\r\n          return\r\n        }\r\n        this.createClassDialog = true\r\n      },\r\n      closeChangePlanDialog() {\r\n        this.changePlanDialog = false\r\n      },\r\n      async loadMore() {\r\n        try {\r\n          this.showLoading = false\r\n          let res\r\n          if (this.$auth.user.is_student) {\r\n            res = await this.$api.getStudentClassrooms(\r\n              this.$auth.user.username,\r\n              this.pagination.page\r\n            )\r\n            res = res.data\r\n          } else {\r\n            res = await this.$api.getClassrooms(\r\n              this.$auth.user.username,\r\n              this.pagination.page\r\n            )\r\n          }\r\n\r\n          this.pagination.count = res.count\r\n          this.pagination.next = res.next\r\n          if (this.pagination.next) {\r\n            this.pagination.page++\r\n          }\r\n          this.classes = this.classes.concat(res.results)\r\n          this.showLoading = true\r\n        } catch (e) {\r\n          console.log(e)\r\n        }\r\n      },\r\n      onCreateClass(data) {\r\n        this.createClassDialog = false\r\n        this.$router.push(this.localePath('/classes/' + data.slug + '/'))\r\n      },\r\n      closeJoinClassDialog() {\r\n        this.joinClassDialog = false\r\n      },\r\n      onJoinedClassroom(classroom) {\r\n        this.classes.push(classroom)\r\n        this.joinClassDialog = false\r\n        this.$toast.success(this.$i18n.t('toast.form_success'), {\r\n          theme: 'bubble',\r\n          duration: 5000\r\n        })\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  @media only screen and (min-width: 960px) {\r\n    .container {\r\n      max-width: none;\r\n    }\r\n    #homeActivityFeed {\r\n      margin-left: 0.5rem;\r\n    }\r\n  }\r\n  .class-card-gradient {\r\n    background-image: radial-gradient(\r\n      circle farthest-corner at 6.4%,\r\n      at 9.8%,\r\n      rgba(88, 242, 174, 1) 0%,\r\n      rgba(0, 130, 240, 1) 97.9%\r\n    );\r\n    background-image: radial-gradient(\r\n      circle farthest-corner at 6.4% 9.8%,\r\n      rgba(88, 242, 174, 1) 0%,\r\n      rgba(0, 130, 240, 1) 97.9%\r\n    );\r\n    color: white;\r\n  }\r\n\r\n  @media (min-width: 960px) {\r\n    .container {\r\n      max-width: 900px;\r\n    }\r\n  }\r\n  @media (min-width: 1264px) {\r\n    .container {\r\n      max-width: 1185px;\r\n    }\r\n  }\r\n  @media (min-width: 1904px) {\r\n    .container {\r\n      max-width: 1785px;\r\n    }\r\n  }\r\n\r\n  .column-reverse {\r\n    flex-direction: column-reverse;\r\n  }\r\n\r\n  .home-genie-img {\r\n    width: 60%;\r\n    margin: auto;\r\n    -webkit-transform: scaleX(-1);\r\n    transform: scaleX(-1);\r\n  }\r\n\r\n  @media only screen and (min-width: 600px) {\r\n    .home-genie-img {\r\n      width: 80%;\r\n    }\r\n  }\r\n  .center-flex {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n</style>\r\n","import mod from \"-!../node_modules/babel-loader/lib/index.js??ref--2-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../node_modules/babel-loader/lib/index.js??ref--2-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=2ac0e166&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=2ac0e166&prod&scoped=true&lang=css\"\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  \"2ac0e166\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAlert } from 'vuetify/lib/components/VAlert';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VSwitch } from 'vuetify/lib/components/VSwitch';\ninstallComponents(component, {VAlert,VBtn,VCard,VCardText,VCardTitle,VCol,VContainer,VDialog,VDivider,VFlex,VIcon,VImg,VLayout,VRow,VSpacer,VSwitch})\n"],"sourceRoot":""}