{"version":3,"sources":["webpack:///./src/components/LandingPage/FeaturesPage/FeaturesPage.vue","webpack:///./src/components/LandingPage/FeaturesPage/Feature.vue","webpack:///./src/components/LandingPage/FeaturesPage/Feature.vue?b8f2","webpack:///./src/components/LandingPage/FeaturesPage/FeaturesPage.vue?2f37","webpack:///./src/components/LandingPage/FeaturesPage/FeaturesPage.vue?e542","webpack:///./src/components/LandingPage/FeaturesPage/Feature.vue?dec9"],"names":["style","class","cx","cy","r","fill","d","goto","$router","push","viewBox","xmlns","features","feature","i","key","ref","head","desc","src","icon","name","props","type","String","required","todo","Boolean","default","__exports__","components","Feature","LandingBackground","LandingTop","Footer","JoinUs","methods","ref_name","element","this","$refs","footer","$el","top","offsetTop","window","scrollTo","render"],"mappings":"6NACOA,MAAA,4E,GAEEC,MAAM,uB,GAEJD,MAAA,oC,QAED,eAAqD,UAA7CE,GAAG,OAAOC,GAAG,OAAOC,EAAE,OAAOC,KAAK,W,kBAC1C,eAAmd,QAA7cC,EAAE,6bAA6bD,KAAK,S,aAD1c,EACA,G,QAEF,eAEK,MAFDJ,MAAM,4CAA4CD,MAAA,sDAAsD,4BAE5G,I,GAEGC,MAAM,sB,6MAbf,eAmBM,MAnBN,EAmBM,CAlBJ,eAAoB,GACpB,eAgBM,MAhBN,EAgBM,CAfJ,eAA8C,GAAjC,iBAAc,eAAE,EAAAM,KAAK,aAClC,eAQM,MARN,EAQM,E,iBAPJ,eAGM,OAHDN,MAAM,0BAA2B,QAAK,eAAE,EAAAO,QAAQC,KAAK,MAAMC,QAAQ,YAAYL,KAAK,OAAOM,MAAM,8B,IAItG,IAIF,eAEM,MAFN,EAEM,E,mBADJ,eAAqE,2BAArC,EAAAC,SAAQ,CAAvBC,EAASC,K,iBAA1B,eAAqE,EAArE,eAAqE,CAA1BC,IAAKD,GAAWD,GAAO,W,QAEpE,eAAS,GACT,eAAsB,GAAdG,IAAI,UAAQ,c,6DCjBnBf,MAAM,uB,GACLA,MAAM,qC,SAEUA,MAAM,qC,GAEvBA,MAAM,qC,GAGJA,MAAM,4B,0DARb,eAWM,MAXN,EAWM,CAVJ,eAGK,KAHL,EAGK,C,8BAFD,EAAAgB,MAAM,IACR,GAAY,EAAI,M,iBAAhB,eAAwE,OAAxE,EAA4D,U,wBAE9D,eAEI,IAFJ,EAEI,eADA,EAAAC,MAAI,GAER,eAEM,MAFN,EAEM,CADJ,eAA2C,OAAtCjB,MAAM,mBAAoBkB,IAAK,EAAAC,M,cAM3B,OACbC,KAAM,UACNC,MAAO,CACLL,KAAM,CACJM,KAAMC,OACNC,UAAU,GAEZP,KAAM,CACJK,KAAMC,OACNC,UAAU,GAEZL,KAAM,CACJG,KAAMC,OACNC,UAAU,GAEZC,KAAM,CACJH,KAAMI,QACNC,SAAS,K,iCC1Bf,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,QFqBA,GACbR,KAAM,eACNS,WAAY,CAACC,UAASC,kBAAA,OAAmBC,WAAA,OAAYC,SAAA,KAAQC,SAAA,MAC7D,OACE,MAAO,CACLvB,SAAU,CACR,CACEK,KAAM,2BACNC,KAAM,8FACNE,KAAM,8DAER,CACEH,KAAM,oBACNC,KAAM,uFACNE,KAAM,+DAER,CACEH,KAAM,gCACNC,KAAM,oGACNE,KAAM,gEAER,CACEH,KAAM,0BACNC,KAAM,+FACNE,KAAM,8DAER,CACEH,KAAM,mCACNC,KAAM,sGACNE,KAAM,8DAER,CACEH,KAAM,yBACNC,KAAM,yGACNE,KAAM,+DAER,CACEH,KAAM,2BACNC,KAAM,gGACNE,KAAM,wDAER,CACEH,KAAM,mBACNC,KAAM,mGACNE,KAAM,4DAER,CACEH,KAAM,aACNC,KAAM,2GACNE,KAAM,8DAER,CACEH,KAAM,iBACNC,KAAM,oGACNE,KAAM,0DAER,CACEH,KAAM,wBACNC,KAAM,0EACNE,KAAM,6DACNM,MAAM,GAER,CACET,KAAM,sCACNC,KAAM,oEACNE,KAAM,2DACNM,MAAM,MAKZU,QAAS,CACL,KAAKC,GACD,IAAIC,EACJ,OAAQD,GACJ,IAAK,SACDC,EAAUC,KAAKC,MAAMC,OAAOC,IAAK,MAEzC,MAAMC,EAAML,EAAQM,UACpBC,OAAOC,SAAS,EAAGH,M,UGtG/B,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASI,GAAQ,CAAC,YAAY,qBAE1E,gB,kCCTf,Y,0DCAA,W","file":"js/group-features~eb8471f2.75e293e9.js","sourcesContent":["<template>\n  <div style=\"position: relative; width: 100vw; min-height: 100vh; overflow: hidden\">\n    <LandingBackground/>\n    <div class=\"ytm-landing-wrapper\">\n      <LandingTop @scrollToFooter=\"goto('footer')\"/>\n      <div style=\"position: relative; width: 100%\">\n        <svg class=\"ytm-landing-button-back\" @click=\"$router.push('/')\" viewBox=\"0 0 73 73\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <circle cx=\"36.5\" cy=\"36.5\" r=\"36.5\" fill=\"#A23DF1\"/>\n          <path d=\"M55 38.5C55.8284 38.5 56.5 37.8284 56.5 37C56.5 36.1716 55.8284 35.5 55 35.5L55 38.5ZM21.9393 35.9393C21.3536 36.5251 21.3536 37.4749 21.9393 38.0607L31.4853 47.6066C32.0711 48.1924 33.0208 48.1924 33.6066 47.6066C34.1924 47.0208 34.1924 46.0711 33.6066 45.4853L25.1213 37L33.6066 28.5147C34.1924 27.9289 34.1924 26.9792 33.6066 26.3934C33.0208 25.8076 32.0711 25.8076 31.4853 26.3934L21.9393 35.9393ZM55 35.5L23 35.5L23 38.5L55 38.5L55 35.5Z\" fill=\"white\"/>\n        </svg>\n        <h1 class=\"ytm-landing-font ytm-landing-chapter-head\" style=\"margin-top: 4vh; margin-bottom: max(4vh, 4vw)\">\n          Возможности YouTeachMe\n        </h1>\n      </div>\n      <div class=\"ytm-features-cards\">\n        <Feature v-for=\"(feature, i) in features\" :key=\"i\" v-bind=\"feature\"/>\n      </div>\n      <JoinUs/>\n      <Footer ref=\"footer\"/>\n    </div>\n  </div>\n</template>\n\n<script>\nimport LandingBackground from \"../Background\";\nimport LandingTop from \"../Navbar\";\nimport Footer from \"../Footer\";\nimport JoinUs from \"../JoinUs\";\nimport Feature from \"./Feature\";\n\nexport default {\n  name: 'FeaturesPage',\n  components: {Feature, LandingBackground, LandingTop, Footer, JoinUs},\n  data() {\n    return {\n      features: [\n        {\n          head: 'Система курсов и занятий',\n          desc: 'Создайте индивидуальный или групповой курс, пригласите туда ученика/-ов и проводите занятия',\n          icon: 'https://img.icons8.com/ios-glyphs/90/000000/book-shelf.png',\n        },\n        {\n          head: 'Структура занятия',\n          desc: 'Все наработки сохраняются после урока, и ученик в любой момент может к ним вернуться',\n          icon: 'https://img.icons8.com/ios-glyphs/90/000000/tuition--v1.png',\n        },\n        {\n          head: 'Совместный текстовый редактор',\n          desc: 'Совместная работа на уроке делает занятие намного интереснее и позволяет лучше закрепить материал',\n          icon: 'https://img.icons8.com/ios-glyphs/90/000000/document--v1.png',\n        },\n        {\n          head: 'Встроенная онлайн-доска',\n          desc: 'Доска для совместного рисования с множеством инструментов и отображением курсоров участников',\n          icon: 'https://img.icons8.com/ios-glyphs/90/000000/whiteboard.png',\n        },\n        {\n          head: 'Тесты с автоматической проверкой',\n          desc: 'Можно выбрать формат вопросов (в том числе с развёрнутым ответом), установить разбалловку и дедлайн',\n          icon: 'https://img.icons8.com/ios-glyphs/90/000000/survey--v1.png',\n        },\n        {\n          head: 'Математические формулы',\n          desc: 'Используйте встроенную клавиатуру или редактор LaTeX для добавления формул прямо в текстовом редакторе',\n          icon: 'https://img.icons8.com/ios-glyphs/90/000000/square-root.png',\n        },\n        {\n          head: 'Совместный редактор кода',\n          desc: 'Пишите код вместе на самых разных языках программирования с отображением курсоров и выделений',\n          icon: 'https://img.icons8.com/ios-glyphs/90/000000/code.png',\n        },\n        {\n          head: 'Домашнее задание',\n          desc: 'После урока можно оставлять домашнее задание, следить за его выполнением и оставлять комментарии',\n          icon: 'https://img.icons8.com/ios-glyphs/90/000000/homework.png',\n        },\n        {\n          head: 'Мессенджер',\n          desc: 'Встроенные чаты для общения с учениками и родителями освободят ваш личный мессенджер от рабочих вопросов',\n          icon: 'https://img.icons8.com/ios-glyphs/90/000000/messaging-.png',\n        },\n        {\n          head: 'Контроль оплат',\n          desc: 'Надоело следить, кто оплатил наперёд, а кто задолжал? Вся необходимая аналитика в личном кабинете',\n          icon: 'https://img.icons8.com/ios-glyphs/90/000000/cheque.png',\n        },\n        {\n          head: 'Встроенная видеосвязь',\n          desc: 'Аудио- и видеосвязь на платформе, чтобы не уходить на сторонние сервисы',\n          icon: 'https://img.icons8.com/ios-glyphs/90/000000/video-call.png',\n          todo: true,\n        },\n        {\n          head: 'Профиль с отзывами и поиск учеников',\n          desc: 'Возможность выставлять свою анкету репетитора и находить учеников',\n          icon: 'https://img.icons8.com/ios-glyphs/90/000000/user--v1.png',\n          todo: true,\n        },\n      ],\n    };\n  },\n    methods: {\n        goto(ref_name) {\n            let element;\n            switch (ref_name) {\n                case 'footer':\n                    element = this.$refs.footer.$el; break;\n            }\n            const top = element.offsetTop;\n            window.scrollTo(0, top);\n        },\n    },\n};\n</script>\n\n<style scoped>\n.ytm-features-cards {\n  list-style: none;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-around;\n  margin-bottom: max(6vh, 4vw);\n}\n</style>","<template>\n  <div class=\"ytm-feature-wrapper\">\n    <h2 class=\"ytm-landing-font ytm-feature-head\">\n      {{head}}\n      <span v-if=\"todo\" class=\"ytm-landing-font ytm-feature-todo\">скоро</span>\n    </h2>\n    <p class=\"ytm-landing-font ytm-feature-text\">\n      {{desc}}\n    </p>\n    <div class=\"ytm-feature-icon-wrapper\">\n      <img class=\"ytm-feature-icon\" :src=\"icon\"/>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Feature',\n  props: {\n    head: {\n      type: String,\n      required: true,\n    },\n    desc: {\n      type: String,\n      required: true,\n    },\n    icon: {\n      type: String,\n      required: true,\n    },\n    todo: {\n      type: Boolean,\n      default: false,\n    },\n  },\n};\n</script>\n\n<style scoped>\n.ytm-feature-wrapper {\n  width: max(16vw, 10rem);\n  position: relative;\n  margin-bottom: max(4vh, 3vw);\n  padding: max(1.8vw, 2vh) max(2vw, 1vh);\n  background: rgba(255, 255, 255, 0.6);\n  border: 1px solid rgba(255, 255, 255, 0.6);\n  border-radius: max(1.5vw, 1.5vh);\n}\n\n.ytm-feature-head {\n  margin-bottom: max(1vw, 0.8rem);\n  font-weight: 600;\n  font-size: max(1.15vw, 0.8rem);\n  color: #191847;\n}\n\n.ytm-feature-todo {\n  border: 1px solid #9747FF;\n  border-radius: 6px;\n  color: #9747FF;\n  padding: 1px 2px;\n  font-size: max(0.7vw, 0.6rem);\n}\n\n.ytm-feature-text {\n  font-weight: 400;\n  font-size: max(0.9vw, 0.6rem);\n  color: #191847;\n}\n\n.ytm-feature-icon-wrapper {\n  position: absolute;\n  right: 0;\n  bottom: calc(max(3vw, 4vh) / -2);\n  width: max(3vw, 4vh);\n  height: max(3vw, 4vh);\n  background-color: #07A8F0;\n  border: none;\n  border-radius: 50%;\n}\n\n.ytm-feature-icon {\n  position: absolute;\n  top: 20%;\n  left: 20%;\n  right: 20%;\n  bottom: 20%;\n  width: 60%;\n  height: 60%;\n  filter: invert(1);\n}\n</style>","import { render } from \"./Feature.vue?vue&type=template&id=63fe5921&scoped=true\"\nimport script from \"./Feature.vue?vue&type=script&lang=js\"\nexport * from \"./Feature.vue?vue&type=script&lang=js\"\n\nimport \"./Feature.vue?vue&type=style&index=0&id=63fe5921&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-63fe5921\"]])\n\nexport default __exports__","import { render } from \"./FeaturesPage.vue?vue&type=template&id=2f654c6f&scoped=true\"\nimport script from \"./FeaturesPage.vue?vue&type=script&lang=js\"\nexport * from \"./FeaturesPage.vue?vue&type=script&lang=js\"\n\nimport \"./FeaturesPage.vue?vue&type=style&index=0&id=2f654c6f&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2f654c6f\"]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./FeaturesPage.vue?vue&type=style&index=0&id=2f654c6f&scoped=true&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Feature.vue?vue&type=style&index=0&id=63fe5921&scoped=true&lang=css\""],"sourceRoot":""}