Removed the stripe banner, tweaked some styles

salmacodecomputerlove · salmacodecomputerlove · commit b1983521613f · 2020-07-02T15:19:21.000+01:00
diff --git a/apps/fretonator-web/src/app/common/header/header.component.scss b/apps/fretonator-web/src/app/common/header/header.component.scss
@@ -9,6 +9,7 @@
   flex-direction: column;
   justify-content: center;
   align-content: center;
+  border-top: pxToRem($grid-unit / 2) solid var(--header-border-color);
 }
 
 .header__topRow {
diff --git a/apps/fretonator-web/src/app/common/stripe-banner/stripe-banner.component.html b/apps/fretonator-web/src/app/common/stripe-banner/stripe-banner.component.html
diff --git a/apps/fretonator-web/src/app/common/stripe-banner/stripe-banner.component.scss b/apps/fretonator-web/src/app/common/stripe-banner/stripe-banner.component.scss
diff --git a/apps/fretonator-web/src/app/common/stripe-banner/stripe-banner.component.spec.ts b/apps/fretonator-web/src/app/common/stripe-banner/stripe-banner.component.spec.ts
diff --git a/apps/fretonator-web/src/app/common/stripe-banner/stripe-banner.component.ts b/apps/fretonator-web/src/app/common/stripe-banner/stripe-banner.component.ts
diff --git a/apps/fretonator-web/src/app/common/stripe-banner/stripe-banner.module.ts b/apps/fretonator-web/src/app/common/stripe-banner/stripe-banner.module.ts
diff --git a/apps/fretonator-web/src/app/pages/about/about-index/about-index.component.html b/apps/fretonator-web/src/app/pages/about/about-index/about-index.component.html
@@ -1,5 +1,3 @@
-<app-stripe-banner></app-stripe-banner>
-
 <main class="about__container">
   <p class="about__title">Hi there! <span role="img" aria-label="waving emoji">👋🏼</span></p>
   <h1 class="about__subtitle">Thanks for checking out the Fretonator!</h1>
diff --git a/apps/fretonator-web/src/app/pages/about/about.module.ts b/apps/fretonator-web/src/app/pages/about/about.module.ts
@@ -3,14 +3,12 @@ import { CommonModule } from '@angular/common';
 
 import { AboutRoutingModule } from './about-routing.module';
 import { AboutIndexComponent } from './about-index/about-index.component';
-import { StripeBannerModule } from '../../common/stripe-banner/stripe-banner.module';
 
 @NgModule({
   declarations: [AboutIndexComponent],
   imports: [
     CommonModule,
-    AboutRoutingModule,
-    StripeBannerModule
+    AboutRoutingModule
   ],
   exports: [AboutIndexComponent]
 })
diff --git a/apps/fretonator-web/src/app/pages/contact/contact-index/contact-index.component.html b/apps/fretonator-web/src/app/pages/contact/contact-index/contact-index.component.html
@@ -1,4 +1,3 @@
-<app-stripe-banner></app-stripe-banner>
 <div class="form__container" #scrollTarget>
   <h1 class="form__title">Share the love <span role="img" aria-label="red heart emoji">❤️</span></h1>
   <p class="form__copy">My goal with
diff --git a/apps/fretonator-web/src/app/pages/contact/contact.module.ts b/apps/fretonator-web/src/app/pages/contact/contact.module.ts
@@ -8,8 +8,6 @@ import { ContactSuccessComponent } from './contact-success/contact-success.compo
 import { HttpClientModule } from '@angular/common/http';
 import { FormService } from './form.service';
 import { TickModule } from '../../common/svgs/tick/tick.module';
-import { StripeBannerModule } from '../../common/stripe-banner/stripe-banner.module';
-
 
 @NgModule({
   declarations: [ContactIndexComponent, ContactSuccessComponent],
@@ -20,7 +18,6 @@ import { StripeBannerModule } from '../../common/stripe-banner/stripe-banner.mod
     FormsModule,
     HttpClientModule,
     TickModule,
-    StripeBannerModule
   ],
   providers: [
     FormService
diff --git a/apps/fretonator-web/src/app/pages/learn/learn-index/learn-index.component.html b/apps/fretonator-web/src/app/pages/learn/learn-index/learn-index.component.html
@@ -1,5 +1,3 @@
-<app-stripe-banner></app-stripe-banner>
-
 <div class="learn__container">
   <h1 class="learn__title">Learn Guitar Theory</h1>
   <h2 class="learn__subtitle">Fretonator Learning Hub</h2>
diff --git a/apps/fretonator-web/src/app/pages/learn/learn.module.ts b/apps/fretonator-web/src/app/pages/learn/learn.module.ts
@@ -3,7 +3,6 @@ import { CommonModule } from '@angular/common';
 
 import { LearnRoutingModule } from './learn-routing.module';
 import { LearnIndexComponent } from './learn-index/learn-index.component';
-import { StripeBannerModule } from '../../common/stripe-banner/stripe-banner.module';
 import { PatternsIndexComponent } from './patterns-index/patterns-index.component';
 import { FretboardModule } from '../../common/fretonator/fretboard/fretboard.module';
 
@@ -16,7 +15,6 @@ import { FretboardModule } from '../../common/fretonator/fretboard/fretboard.mod
   imports: [
     CommonModule,
     LearnRoutingModule,
-    StripeBannerModule,
     FretboardModule,
   ],
   exports: [
diff --git a/apps/fretonator-web/src/app/pages/learn/patterns-index/patterns-index.component.html b/apps/fretonator-web/src/app/pages/learn/patterns-index/patterns-index.component.html
@@ -1,6 +1,3 @@
-<app-stripe-banner></app-stripe-banner>
-
-
 <div class="patterns__container">
   <div class="breadcrumbs">
     <a [routerLink]="['/', 'learn']" class="breadcrumbs__link">
diff --git a/apps/fretonator-web/src/styles.scss b/apps/fretonator-web/src/styles.scss
@@ -6,6 +6,7 @@
   --black: #202124;
   --white: #ffffff;
   --offwhite: #f9f9f9;
+  --offwhite-alt: #e1e1e1;
   --grey: #474350;
   --yellow: #fafac6;
   --peach: #fecdaa;
@@ -37,27 +38,24 @@
   --border-width-button: 2px;
 
   --header-background: var(--black);
-  --header-logo-color: #e1e1e1;
-  --theme-toggle-color: #e1e1e1;
-
-  --footer-background: var(--black);
-  --footer-border-color: var(--peach);
-  --footer-copy-color: #e1e1e1;
-  --footer-link-color: var(--peach);
-  --footer-title-color: var(--peach);
-  --footer-list-link-color: var(--yellow);
-  --footer-small-button-accent-color: var(--yellow);
-
+  --header-logo-color: var(--offwhite-alt);
+  --header-border-color: var(--peach);
+  --theme-toggle-color: var(--offwhite-alt);
   --hamburger_layer-color: var(--peach);
   --header-link-color: var(--peach);
-
   --hero-background-color: var(--black);
-  --hero-title-color: #e1e1e1;
+  --hero-title-color: var(--offwhite-alt);
   --hero-block-box-shadow-color: var(--grey);
   --hero-toggle-foreground-color: #e1e1e1;
   --hero-toggle-background-color: var(--black);
 
-
+  --footer-background: var(--black);
+  --footer-border-color: var(--peach);
+  --footer-copy-color: var(--offwhite-alt);
+  --footer-link-color: var(--peach);
+  --footer-title-color: var(--peach);
+  --footer-list-link-color: var(--yellow);
+  --footer-small-button-accent-color: var(--yellow);
 }
 
 [color-mode="light"] {
diff --git a/apps/fretonator-web/src/styles/content.scss b/apps/fretonator-web/src/styles/content.scss
@@ -8,6 +8,7 @@ $top_block_max_width: $screen-med;
 @mixin content_container {
   @include content_wrapper();
   max-width: $screen-med;
+  margin-top: pxToRem($grid-unit * 4);
 }
 
 @mixin content_title {

Original file line number	Diff line number	Diff line change
`@@ -9,6 +9,7 @@`
`9`	`9`	`flex-direction: column;`
`10`	`10`	`justify-content: center;`
`11`	`11`	`align-content: center;`
	`12`	`+ border-top: pxToRem($grid-unit / 2) solid var(--header-border-color);`
`12`	`13`	`}`
`13`	`14`
`14`	`15`	`.header__topRow {`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,3 @@`
`1`		`-<app-stripe-banner></app-stripe-banner>`
`2`		`-`
`3`	`1`	`<main class="about__container">`
`4`	`2`	`<p class="about__title">Hi there! <span role="img" aria-label="waving emoji">👋🏼</span></p>`
`5`	`3`	`<h1 class="about__subtitle">Thanks for checking out the Fretonator!</h1>`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-<app-stripe-banner></app-stripe-banner>`
`2`	`1`	`<div class="form__container" #scrollTarget>`
`3`	`2`	`<h1 class="form__title">Share the love <span role="img" aria-label="red heart emoji">❤️</span></h1>`
`4`	`3`	`<p class="form__copy">My goal with`