wumbox-landing/esm2015/lib/main/people/people.component.js

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component } from '@angular/core';
export class PeopleComponent {
}
PeopleComponent.decorators = [
    { type: Component, args: [{
                selector: 'app-people',
                template: "<article class=\"people\" id=\"users\" ngsRevealSet [ngsSelector]=\"'.rv'\">\n  <div class=\"bg-s\"></div>\n  <h2 class=\"rv\">\u00BFPara qui\u00E9nes?</h2>\n  <div class=\"rv\">\n    <div class=\"roles\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutAlign=\"space-around\">\n      <div fxLayout=\"column\" fxLayout.gt-sm=\"row\" fxFlex.gt-xs=\"50\">\n        <div class=\"role\" fxFlex.gt-xs=\"50\">\n          <div class=\"avatar avatar-st\"\n               #avatarSt\n               inViewport (inViewportAction)=\"avatarSt.style.backgroundImage = 'url(https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/badges%2Fpeople1.svg?alt=media&token=71e0b77c-ecce-4fe9-b68e-bd820c56bb1f)'\"\n\n          ></div>\n          <h3>Estudiantes</h3>\n          <p>\u00A1Jug\u00E1 y aprend\u00E9! De 4 a 14 a\u00F1os.</p>\n          <a class=\"push-btn\" routerLink fragment=\"suscribirse\" queryParamsHandling=\"preserve\">Comenzar</a>\n        </div>\n        <div class=\"role\" fxFlex.gt-xs=\"50\">\n          <div class=\"avatar avatar-te\"\n               #avatarTe\n               inViewport (inViewportAction)=\"avatarTe.style.backgroundImage = 'url(https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/badges%2Fpeople2.svg?alt=media&token=8eeaf0c2-8ec0-4c0a-a5a1-73b26c5fadba)'\"\n\n          ></div>\n          <h3>Educadores</h3>\n          <p>Para el aula o el consultorio.</p>\n          <a class=\"push-btn\" routerLink fragment=\"suscribirse\" queryParamsHandling=\"preserve\">Comenzar</a>\n        </div>\n      </div>\n      <div fxLayout=\"column\" fxLayout.gt-sm=\"row\" fxFlex.gt-xs=\"50\">\n        <div class=\"role\" fxFlex.gt-xs=\"50\">\n          <div class=\"avatar avatar-pa\"\n               #avatarPa\n               inViewport (inViewportAction)=\"avatarPa.style.backgroundImage = 'url(https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/badges%2Fpeople3.svg?alt=media&token=d06b97af-97ae-464a-82bf-7a2fac9799f4)'\"\n\n          ></div>\n          <h3>Padres</h3>\n          <p>Tu hijo aprendiendo en un lugar seguro y divertido.</p>\n          <a class=\"push-btn\" routerLink fragment=\"suscribirse\" queryParamsHandling=\"preserve\">Comenzar</a>\n        </div>\n        <div class=\"role\" fxFlex.gt-xs=\"50\">\n          <div class=\"avatar avatar-sc\"\n               #avatarSc\n               inViewport (inViewportAction)=\"avatarSc.style.backgroundImage = 'url(https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/badges%2Fpeople4.svg?alt=media&token=0d51de0f-063b-4d6f-8033-f5ac6f199b39)'\"\n\n          ></div>\n          <h3>Instituciones</h3>\n          <p>Una plataforma de gesti\u00F3n pedag\u00F3gica integral.</p>\n          <a class=\"push-btn\" routerLink fragment=\"contacto\" queryParamsHandling=\"preserve\">Consultar</a>\n        </div>\n      </div>\n    </div>\n  </div>\n</article>\n",
                styles: ["html{touch-action:none;scroll-behavior:smooth}body{font-family:Roboto,sans-serif;font-weight:400;line-height:1.6;-webkit-overflow-scrolling:touch;background:#181818;min-height:100vh}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{cursor:pointer}[type=button],[type=reset],[type=submit],button{-webkit-appearance:none}.push-btn{position:relative;top:0;text-align:center;display:inline;background-color:#ff3f84;color:#fff;padding:.75em 1.5em;text-decoration:none;border-radius:.5em;border-bottom:.25em solid #8c2c4e;transition:.1s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.push-btn:first-child{margin-right:10px}.push-btn:active,.push-btn:hover{background-color:#ff659d;opacity:1}.push-btn:active{top:.2em;border-bottom-width:0}.bg-s{position:absolute;height:100%;width:100vw;background-position:center;background-size:contain;background-repeat:no-repeat;left:-5vw;display:none}@media all and (min-width:960px){.bg-s{left:-10vw;display:inherit}}@media all and (min-width:1600px){.bg-s{left:-15vw}}@-webkit-keyframes floating{from,to{transform:translate(0,0)}65%{transform:translate(0,20px)}}@keyframes floating{from,to{transform:translate(0,0)}65%{transform:translate(0,20px)}}@-webkit-keyframes floating2{from,to{transform:translate(0,0)}65%{transform:translate(0,10px)}}@keyframes floating2{from,to{transform:translate(0,0)}65%{transform:translate(0,10px)}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInLeft{from{margin-left:-60px;opacity:0}to{margin-left:0;opacity:1}}@keyframes fadeInLeft{from{margin-left:-60px;opacity:0}to{margin-left:0;opacity:1}}@-webkit-keyframes fadeInRight{from{margin-right:-60px;opacity:0}to{margin-right:0;opacity:1}}@keyframes fadeInRight{from{margin-right:-60px;opacity:0}to{margin-right:0;opacity:1}}*{outline:0}.people{position:relative;z-index:6;min-height:100vh;text-align:center}.people .bg-s{background-image:url(https://firebasestorage.googleapis.com/v0/b/wumbox-landing.appspot.com/o/bg3.svg?alt=media&token=e2856708-15cd-45a5-b735-4713991e9e27)}.people h2{text-transform:uppercase}.people .roles .role{position:relative;margin:2em 0;text-align:center}.people .roles .role .avatar{margin:0 auto;background-position:center;background-size:contain;background-repeat:no-repeat;height:200px;width:200px}.people .roles .role .push-btn{position:absolute;bottom:-3em;left:50%;transform:translateX(-50%);top:inherit}.people .roles .role h3{text-transform:uppercase;color:#99cff4}.people .roles .role p{width:60%;margin:0 auto 2em}@media all and (min-width:960px){.people{min-height:inherit;padding:4em 0 6em}.people h2{font-size:3rem}}@media all and (min-width:1300px){.people{padding:4em 0 16em}.people .roles .role{margin:0}.people .roles .role .avatar{height:225px;width:225px}.people .roles .role h3{font-size:1.5rem;margin-bottom:.5em}}"]
            }] }
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVvcGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3d1bWJveC1sYW5kaW5nLyIsInNvdXJjZXMiOlsibGliL21haW4vcGVvcGxlL3Blb3BsZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPMUMsTUFBTSxPQUFPLGVBQWU7OztZQUwzQixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLDgyRkFBc0M7O2FBRXZDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1wZW9wbGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGVvcGxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGVvcGxlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUGVvcGxlQ29tcG9uZW50IHsgfVxuIl19