{"version":3,"sources":["webpack:///./src/components/Tutorial/Tutorial.vue","webpack:///./src/components/Tutorial/Tutorial.vue?3404","webpack:///./src/components/Tutorial/Tutorial.vue?0688"],"names":["class","style","src","title","frameborder","allow","allowfullscreen","href","target","rel","$store","getters","name","components","NavbarAuthorized","Navbar","NavbarUnauthorized","__exports__","render"],"mappings":"mOAEuDA,MAAM,iB,SAG7CA,MAAM,uB,QAGlB,eA8EM,OA9EDA,MAAM,gBAAgBC,MAAA,kD,CACzB,eAEI,KAFDD,MAAM,iCAAiCC,MAAA,0BAA4B,kEAGtE,eAEI,KAFDD,MAAM,gCAA8B,C,eAAC,sDACW,eAAiB,SAAd,c,eAAc,8CAEpE,eAiCM,OAjCDA,MAAM,sBAAoB,CAC7B,eAGI,KAHDA,MAAM,gCAA8B,CACrC,eAAqB,SAAlB,kB,eAAkB,mJAGvB,eAYM,OAZDA,MAAM,cAAcC,MAAA,mB,CACvB,eAUM,OAVDD,MAAM,6BAA2B,CACpC,eAQM,YAPJ,eAME,UALEE,IAAI,4CACJC,MAAM,+BACNC,YAAY,IACZC,MAAM,sGACNC,gBAAA,WAKV,eAEI,KAFDN,MAAM,gCAA8B,C,eAAC,wBACnB,eAA0B,SAAvB,yBAExB,eAWM,OAXDA,MAAM,cAAcC,MAAA,6C,CACvB,eASM,OATDA,MAAA,kBAAqB,CACxB,eAOI,KANAD,MAAM,mCACNO,KAAK,WACLC,OAAO,SAASC,IAAI,sBACpBR,MAAA,6DACH,qBAML,eAoCM,OApCDD,MAAM,sBAAoB,CAC3B,eAEI,KAFDA,MAAM,gCAA+B,gEAGxC,eAGI,KAHDA,MAAM,gCAA8B,CACnC,eAAqB,SAAlB,kB,eAAkB,0JAGzB,eAYM,OAZDA,MAAM,cAAcC,MAAA,mB,CACrB,eAUM,OAVDD,MAAM,6BAA2B,CAClC,eAQM,YAPF,eAME,UALME,IAAI,4CACJC,MAAM,+BACNC,YAAY,IACZC,MAAM,sGACNC,gBAAA,WAKpB,eAEI,KAFDN,MAAM,gCAA8B,C,eAAC,wBACjB,eAA2B,SAAxB,wB,eAAwB,eAElD,eAWM,OAXDA,MAAM,cAAcC,MAAA,6C,CACrB,eASM,OATDA,MAAA,kBAAqB,CACtB,eAOI,KANID,MAAM,mCACNO,KAAK,QACLC,OAAO,SAASC,IAAI,sBACpBR,MAAA,6DACP,2B,sIA/EnB,eAsFM,YArFO,EAAAS,OAAOC,QAAQ,yB,iBAA1B,eAEM,MAFN,EAEM,CADJ,eAAmB,O,iBAErB,eAEM,MAFN,EAEM,CADJ,eAAqB,MAEvB,I,gDAwFW,GACbC,KAAM,WACNC,WAAY,CAACC,iBAAAC,EAAA,KAAkBC,mBAAA,S,iCC3FjC,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,oCCTf,W","file":"js/group-tutorial~16a90988.0a26ad4f.js","sourcesContent":["<template>\n  <div>\n    <div v-if=\"$store.getters['auth/isAuthenticated']\" class=\"ytm-container\">\n      <NavbarAuthorized/>\n    </div>\n    <div v-else class=\"ytm-landing-wrapper\">\n      <NavbarUnauthorized/>\n    </div>\n    <div class=\"ytm-container\" style=\"margin-top: 2.25rem; margin-bottom: 10rem\">\n      <p class=\"ytm-default-text ytm-head-text\" style=\"margin-bottom: 2rem\">\n        Как эффективно использовать YouTeachMe на&nbspуроках и&nbspне&nbspтолько\n      </p>\n      <p class=\"ytm-default-text ytm-section\">\n        Привет! Это краткое руководство по использованию <b>YouTeachMe</b> – лучшего помощника онлайн-репетитора.\n      </p>\n      <div class=\"ytm-tutorial-block\">\n        <p class=\"ytm-default-text ytm-section\">\n          <b>В первом видео</b> мы рассказываем о том, как создать курс, пригласить в него учеников и создать первое занятие,\n          а также как пользоваться чатом и расписанием:\n        </p>\n        <div class=\"ytm-section\" style=\"margin: 2rem 0\">\n          <div class=\"ytm-auto-resizable-iframe\">\n            <div>\n              <iframe\n                  src=\"https://www.youtube.com/embed/v2A5TJhHhdU\"\n                  title=\"Создание курса на YouTeachMe\"\n                  frameborder=\"0\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                  allowfullscreen\n              />\n            </div>\n          </div>\n        </div>\n        <p class=\"ytm-default-text ytm-section\">\n          Уже готовы создать <b>курс на YouTeachMe?</b>\n        </p>\n        <div class=\"ytm-section\" style=\"display: flex; justify-content: center\">\n          <div style=\"display: flex\">\n            <a\n                class=\"ytm-blue-button ytm-default-text\"\n                href=\"/courses\"\n                target=\"_blank\" rel=\"noopener noreferrer\"\n                style=\"color: #FFFFFF; font-size: 1.15rem; font-weight: 600\"\n            >\n              К курсам!\n            </a>\n          </div>\n        </div>\n      </div>\n        <div class=\"ytm-tutorial-block\">\n            <p class=\"ytm-default-text ytm-section\">\n                Уже создали первый курс и запланировали в нём первый урок?\n            </p>\n            <p class=\"ytm-default-text ytm-section\">\n                <b>В данном видео</b> мы показываем, как использовать материалы\n                YouTeachMe во время урока – онлайн-доску, совместно редактируемый текст, тесты и другие типы материалов:\n            </p>\n            <div class=\"ytm-section\" style=\"margin: 2rem 0\">\n                <div class=\"ytm-auto-resizable-iframe\">\n                    <div>\n                        <iframe\n                                src=\"https://www.youtube.com/embed/Eanx3DP5Oog\"\n                                title=\"Создание курса на YouTeachMe\"\n                                frameborder=\"0\"\n                                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                                allowfullscreen\n                        />\n                    </div>\n                </div>\n            </div>\n            <p class=\"ytm-default-text ytm-section\">\n                Хотите попробовать <b>материалы YouTeachMe</b> в деле?\n            </p>\n            <div class=\"ytm-section\" style=\"display: flex; justify-content: center\">\n                <div style=\"display: flex\">\n                    <a\n                            class=\"ytm-blue-button ytm-default-text\"\n                            href=\"/home\"\n                            target=\"_blank\" rel=\"noopener noreferrer\"\n                            style=\"color: #FFFFFF; font-size: 1.15rem; font-weight: 600\"\n                    >\n                        К расписанию!\n                    </a>\n                </div>\n            </div>\n        </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport \"@/styles/style.css\";\nimport \"@/components/LandingPage/landing.css\";\nimport NavbarAuthorized from \"@/components/redesign/Navbar\";\nimport NavbarUnauthorized from \"@/components/LandingPage/Navbar\";\n\nexport default {\n  name: 'Tutorial',\n  components: {NavbarAuthorized, NavbarUnauthorized},\n};\n</script>\n\n<style scoped>\n.ytm-tutorial-block {\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);\n    border-radius: 1.5rem;\n    padding: 2rem 2rem 1rem 2rem;\n}\n\n.ytm-section {\n  margin-bottom: 1.5rem;\n  font-size: 1.15rem;\n}\n\n.ytm-auto-resizable-iframe {\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.ytm-auto-resizable-iframe > div {\n  position: relative;\n  padding-bottom: 60%;\n  height: 0;\n}\n\n.ytm-auto-resizable-iframe iframe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n</style>","import { render } from \"./Tutorial.vue?vue&type=template&id=a46b33c8&scoped=true\"\nimport script from \"./Tutorial.vue?vue&type=script&lang=js\"\nexport * from \"./Tutorial.vue?vue&type=script&lang=js\"\n\nimport \"./Tutorial.vue?vue&type=style&index=0&id=a46b33c8&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-a46b33c8\"]])\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!./Tutorial.vue?vue&type=style&index=0&id=a46b33c8&scoped=true&lang=css\""],"sourceRoot":""}