diff --git a/docs/trendy-ads.md b/docs/trendy-ads.md
new file mode 100644
index 0000000..0eea389
--- /dev/null
+++ b/docs/trendy-ads.md
@@ -0,0 +1,92 @@
+# Trendy Ads
+
+## AdSense
+
+Here are the initial notes.
+
+1. Create space for a leaderboard top banner.
+2. Have a sidebar for a rectangular or skyscraper banner.
+3. Find a spot under your main header for link units.
+4. Add a horizontal banner at end of your content.
+
+Use Responsive ad sizes, it adjusts with Mobile (most of your traffic)
+
+Use ad Border and Ad Background to your site Background.
+
+Always use text ads: If you want to get a high Click-through rate then you need to must add text plus link ads, they have high CPC if your traffic is coming from tier 1 countries.
+
+Add page-level ads to your site
+
+Convert your Cheap traffic to premium traffic
+
+Source: https://www.quora.com/How-much-money-can-I-make-from-AdSense-with-1000-visitors-per-day
+
+1000 visitor CTR 1% = click per 100 views = 10 clicks = $15 per 1000 visitors.
+
+4,000 visitors per day at $2, from Asian Countries = #Traffic from a Developed Country
+
+US/UK $7 per 1000 page views
+
+https://www.adpushup.com/blog/whats-causing-the-sudden-drop-in-your-adsense-earnings-ctr-and-rpm/
+
+section targeting tags.
+
+This is done with the following tags:
+
+< !– google_ad_section_start –>The most relevant text, the text you want to have AdSense target when selecting ads, should be placed within these tags< !– google_ad_section_end –>
+
+Fond out what keywords are paying well and Target different keyword to match campaign goals
+
+## Getting started
+
+### Create new ad unit
+
+#### Recommended - Display ads
+
+A great all-rounder that’s designed to work well anywhere. Learn more
+
+#### Native - In-feed ads
+
+Match the look of your site and fit in-between posts and listings. Learn more
+
+#### Native - In-article ads
+
+Also match your site and work well with articles and content pages. Learn more
+
+"Your ad units are not displaying ads because you haven't provided your account payments information yet."
+
+When I action the alert, there is no option to provide account payments information.
+
+The steps for this are:
+
+How to set up your form of payment
+1. Sign in to your AdSense account.
+2. Click Payments.
+3. Click Manage payment methods.
+
+The answer for missing payment methods is:
+
+*You can only add a payment method once you have sufficient funds on the payments page in your AdSense account. If you only started on YT this month, your earnings won't transfer to AdSense until after the month is over (it would be between August 7th and 10th).*
+
+But how can I get any ad money if there are no ads displaying? It's a catch 22.
+
+https://www.google.com/adsense/new/u/0/pub-5982203067051759/payments
+
+breakingart.com not available.
+aivsart.com is available.
+
+A.I. vs. Art
+
+Google AdSense home
+https://www.google.com/adsense/new/u/0/pub-5982203067051759/onboarding
+
+Cloud DNS API
+https://console.cloud.google.com/apis/api/dns.googleapis.com/overview?project=arctic-dynamo-324016
+
+Google Cloud Platform CLoud Domains
+https://console.cloud.google.com/net-services/domains/registrations/list?project=arctic-dynamo-324016
+
+The Firebase Hosting console
+https://console.firebase.google.com/project/trendy2022/hosting/sites
+
+The status for aivsart.com still says "needs setup".
diff --git a/docs/trendy-client-layout.md b/docs/trendy-client-layout.md
index 635c39d..28c865c 100644
--- a/docs/trendy-client-layout.md
+++ b/docs/trendy-client-layout.md
@@ -35,6 +35,25 @@ Just add our own panel on the right and use that.
In mobile view, the panel should disappear and the footer should appear (or grow).
+## Re-usable container and presentational components
+
+Containers are smart
+Components are dumb and just have input/output and layout
+
+This is how it was done for auth.
+
+```txt
+>nx generate @nrwl/angular:component containers/login --project=auth
+>nx generate @nrwl/angular:component components/login-form --project=auth
+```
+
+This is how we can do it for cards.
+
+```txt
+nx g @nrwl/angular:component containers/picture-cards/picture-cards --project=pictures
+nx g @nrwl/angular:component components/picture-card/picture-card --project=pictures
+```
+
## Git issue
Git fatal: failed to resolve HEAD as a valid ref.
diff --git a/libs/trendy-layout/src/lib/containers/trendy-layout/trendy-layout.component.html b/libs/trendy-layout/src/lib/containers/trendy-layout/trendy-layout.component.html
index 4ffe4c2..4d4cbc1 100644
--- a/libs/trendy-layout/src/lib/containers/trendy-layout/trendy-layout.component.html
+++ b/libs/trendy-layout/src/lib/containers/trendy-layout/trendy-layout.component.html
@@ -1,5 +1,22 @@
BREAKING ART
+
+
+
+
BREAKING ART
[opened]="(isHandset$ | async) === false"
md-theme="default"
>
-
-
diff --git a/libs/trendy-layout/src/lib/containers/trendy-layout/trendy-layout.component.scss b/libs/trendy-layout/src/lib/containers/trendy-layout/trendy-layout.component.scss
index b1c71e6..2196f7c 100644
--- a/libs/trendy-layout/src/lib/containers/trendy-layout/trendy-layout.component.scss
+++ b/libs/trendy-layout/src/lib/containers/trendy-layout/trendy-layout.component.scss
@@ -17,6 +17,10 @@ mat-sidenav {
margin-right: 216px !important;
}
+.nav-link {
+ color: white;
+}
+
.content {
box-shadow: none;
font-size: 2rem;