(feat): run homepage signup experiments

src/app/common/components/android-app-download-button/button.component.scss

 .m-androidApp__download {
  box-sizing: border-box;
+ border: 2px solid rgba(255,255,255,0.6);
+ border-radius: 8px;
+ background: #111;
 
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-around;
+ display: block;
  position: relative;
  text-decoration: none;
 
- width: 136px;
  height: 48px;
+ padding: 0 8px;
  margin: auto;
 
  cursor: pointer;
 
- .m-androidAppDownload__background {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- overflow: hidden;
-
- border-radius: 8px;
-
- img {
- width: auto;
- max-width: 300%;
- }
+ > * {
+ display: inline;
+ vertical-align: middle;
+ line-height: 42px;
  }
 
  h2 {
  padding-left: 4px;
  margin: 0;
 
- font-size: 10px;
+ font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.25px;
 
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
 
- z-index: 2;
  @include m-theme(){
  color: themed($m-white);
  }
@@ -51,6 +40,5 @@
  @include m-theme(){
  color: themed($m-white);
  }
- z-index: 2;
  }
 }

src/app/common/components/android-app-download-button/button.component.ts

@@ -5,15 +5,10 @@ import { Router } from "@angular/router";
  selector: 'm-androidApp__download',
  template: `
  <a routerLink="/mobile" class="m-androidApp__download">
- <div class="m-androidAppDownload__background">
- <img [src]="minds.cdn_assets_url + 'assets/photos/circles.png'">
- </div>
-
+ <i class="material-icons">android</i>
  <h2>
- Minds Android App
+ Android App
  </h2>
-
- <i class="material-icons">android</i>
  </a>
  `
 })

src/app/common/layout/v2-topbar/v2-topbar.component.html

@@ -44,8 +44,9 @@
  (mouseleave)="mouseLeave()"
  />
  </a>
-
- <ng-container *ngTemplateOutlet="navLinks"></ng-container>
+ <ng-container *ngIf="getCurrentUser()">
+ <ng-container *ngTemplateOutlet="navLinks"></ng-container>
+ </ng-container>
  </nav>
  </div>
 
@@ -68,12 +69,12 @@
  title="Login"
  i18n-title
  >
- Login
+ Login / Signup
  </a>
  </div>
  </ng-template>
 
- <div class="m-v2-topbar__UserMenu">
+ <div class="m-v2-topbar__UserMenu" *ngIf="getCurrentUser()">
  <ng-content select="[icons]"></ng-content>
  <m-user-menu></m-user-menu>
  </div>

src/app/common/layout/v2-topbar/v2-topbar.component.scss

@@ -255,7 +255,7 @@
 
 .m-v2-topbar__Container__LoginWrapper {
  @media screen and (max-width: 480px) {
- display: none;
+ // display: none;
  }
 
  > a {

src/app/modules/forms/register/register.ts

@@ -48,7 +48,6 @@ export class RegisterForm {
  tos: [false],
  exclusive_promotions: [false],
  captcha: [''],
- Homepage121118: experiments.getExperimentBucket('Homepage121118'),
  });
 
  }

src/app/modules/homepage/homepage.component.html

@@ -42,6 +42,7 @@
 
 </section>
 
+<ng-container *mExperiment="'Homepage200619';bucket:'base'">
 <section class="m-homepage--section m-homepage" style="padding-top:0; padding-bottom: 0;">
 
  <div class="m-homepage--section--grid">
@@ -106,6 +107,7 @@
  </div>
 </div>
 
+</ng-container>
 
 <div class="mdl-grid mdl-grid--no-spacing m-homepage--footer">
 

src/app/modules/homepage/homepage.component.scss

@@ -18,6 +18,7 @@
 
  @media screen and (max-width: 1000px){
  padding: 120px 16px;
+ flex-wrap: wrap;
  }
  @media screen and (max-width: $max-mobile) {
  padding: 62px 12px;
@@ -121,7 +122,8 @@
  margin-left: 16px;
 
  @media screen and (max-width: 1000px){
- display:none;
+ flex-basis: 100%;
+ margin-left: 0;
  }
  minds-form-register{
  .mdl-card{

src/app/modules/homepage/homepage.component.ts

@@ -92,4 +92,7 @@ export class HomepageComponent {
  });
  }
 
+ onSourceError() {
+ console.log('video failed');
+ }
 }