diff --git a/src/app/about/about.component.html b/src/app/about/about.component.html
index 3c11bdc..897a6db 100644
--- a/src/app/about/about.component.html
+++ b/src/app/about/about.component.html
@@ -6,8 +6,8 @@
   <p>Blockcore Notes instructions will come here later on.</p>
 
   <p>
-    Licenses: <a routerLink="licenses">Third Party Licenses</a><br>
-    Source Code: <a href="https://github.com/block-core/blockcore-notes" target="_blank">github.com/block-core/blockcore-notes</a>
+    <a routerLink="licenses">Third Party Licenses</a><br />
+    <a href="https://github.com/block-core/blockcore-notes" target="_blank">Source Code</a>
   </p>
 
   <h3>Support development</h3>
diff --git a/src/app/connect/connect.component.css b/src/app/connect/connect.component.css
index 7874fff..e39087b 100644
--- a/src/app/connect/connect.component.css
+++ b/src/app/connect/connect.component.css
@@ -82,6 +82,14 @@
   margin-left: 1em;
 } */
 
+.connect-container {
+  background-image: url("/assets/bg.jpg");
+  background-repeat: no-repeat;
+  background-attachment: local, scroll;
+  background-size: cover;
+  background-position: center top;
+}
+
 .container {
   max-width: 1024px;
   height: 100vh;
@@ -89,11 +97,7 @@
   overflow-x: hidden;
 
   /* scroll-snap-type: y mandatory; */
-  background-image: url("/assets/connect-bg.jpg");
-  background-repeat: no-repeat;
-  background-attachment: local, scroll;
-  background-size: cover;
-  background-position: center top;
+
   margin: auto;
 }
 
diff --git a/src/app/connect/connect.component.html b/src/app/connect/connect.component.html
index 5daff83..608dfb6 100644
--- a/src/app/connect/connect.component.html
+++ b/src/app/connect/connect.component.html
@@ -1,85 +1,86 @@
-<div class="container" id="container">
-  <div class="children one">
-    <img class="connect-logo" src="assets/icons/icon-256x256.png" />
-    <mat-card class="card start-card first-card">
-      <mat-card-content>
-        <h1>Blockcore Notes</h1>
-        <p>Experience the world of Nostr. Nostr is a uncensorable protocol for communication with your friends and the world.</p>
-        <p class="notice"><strong>PROTOTYPE:</strong> This app is currently under development and should be considered prototype-quality.</p>
+<div class="connect-container">
+  <div class="container" id="container">
+    <div class="children one">
+      <img class="connect-logo" src="assets/icons/icon-256x256.png" />
+      <mat-card class="card start-card first-card">
+        <mat-card-content>
+          <h1>Blockcore Notes</h1>
+          <p>Experience the world of Nostr. Nostr is a uncensorable protocol for communication with your friends and the world.</p>
+          <p class="notice"><strong>PROTOTYPE:</strong> This app is currently under development and should be considered prototype-quality.</p>
 
-        <div class="button-container">
-          <a class="start-button" href="/connect#start" [class.mat-elevation-z8]="true" mat-raised-button color="primary">Learn more</a>
-          <div *ngIf="consent">
-            <div *ngIf="!extensionDiscovered"><button class="start-button" (click)="connect()" mat-flat-button color="accent">Waiting for extension...</button></div>
-            <div *ngIf="extensionDiscovered"><button class="start-button" (click)="connect()" mat-flat-button color="accent">Connect using extension</button></div>
+          <div class="button-container">
+            <a class="start-button" href="/connect#start" [class.mat-elevation-z8]="true" mat-raised-button color="primary">Learn more</a>
+            <div *ngIf="consent">
+              <div *ngIf="!extensionDiscovered"><button class="start-button" (click)="connect()" mat-flat-button color="accent">Waiting for extension...</button></div>
+              <div *ngIf="extensionDiscovered"><button class="start-button" (click)="connect()" mat-flat-button color="accent">Connect using extension</button></div>
+            </div>
           </div>
-        </div>
-      </mat-card-content>
-    </mat-card>
-    <img class="screenshot" src="/assets/blockcore-notes-screenshot.png" />
-  </div>
-  <div id="start">
-    <mat-card class="card start-card first-card">
-      <mat-card-content>
-        <h1>More ways to connect with humanity</h1>
-        <p>Share your thoughts and interact with others in a fully transparent and open manner that is not restricted by any boundries.</p>
-      </mat-card-content>
-    </mat-card>
-    <br><br>
-    <mat-card class="card start-card second-card">
-      <mat-card-content>
-        <h1>Be gentle and kind</h1>
-        <p>Being uncensorable and uncancellable means more responsibility is on you, you are in control and you are responsible.</p>
-        <!-- <p>
+        </mat-card-content>
+      </mat-card>
+      <img class="screenshot" src="/assets/blockcore-notes-screenshot.png" />
+    </div>
+    <div id="start">
+      <mat-card class="card start-card first-card">
+        <mat-card-content>
+          <h1>More ways to connect with humanity</h1>
+          <p>Share your thoughts and interact with others in a fully transparent and open manner that is not restricted by any boundries.</p>
+        </mat-card-content>
+      </mat-card>
+      <br /><br />
+      <mat-card class="card start-card second-card">
+        <mat-card-content>
+          <h1>Be gentle and kind</h1>
+          <p>Being uncensorable and uncancellable means more responsibility is on you, you are in control and you are responsible.</p>
+          <!-- <p>
           <a class="start-button" href="/connect#concent" [class.mat-elevation-z8]="true" mat-raised-button color="primary">Get started</a>
         </p> -->
-      </mat-card-content>
-    </mat-card>
-  </div>
-  <div id="concent">
-    <mat-card class="start-card first-card warn">
-      <mat-card-content>
-        <h1 *ngIf="!consent">Your approval is needed</h1>
-        <h1 *ngIf="consent">Thank you!</h1>
-        <div *ngIf="!consent">
-          <p>
-            Nostr is a decentralized and distributed network of relays that relays data by users. That means there is no centralized service where filtering or censoring is occurring. You may be exposed to content that will be disturbing
-            and against your morality and world views.
-          </p>
-          <p>Content you publish are your responsibility and you cannot undo/delete after you publish. Don't publish or share a note (post) you wouldn't say to your neighbour.</p>
+        </mat-card-content>
+      </mat-card>
+    </div>
+    <div id="concent">
+      <mat-card class="start-card first-card warn">
+        <mat-card-content>
+          <h1 *ngIf="!consent">Your approval is needed</h1>
+          <h1 *ngIf="consent">Thank you!</h1>
+          <div *ngIf="!consent">
+            <p>
+              Nostr is a decentralized and distributed network of relays that relays data by users. That means there is no centralized service where filtering or censoring is occurring. You may be exposed to content that will be disturbing
+              and against your morality and world views.
+            </p>
+            <p>Content you publish are your responsibility and you cannot undo/delete after you publish. Don't publish or share a note (post) you wouldn't say to your neighbour.</p>
 
-          <p>Blockcore has no involvement in the type of content being produced and shown to you in this app.</p>
+            <p>Blockcore has no involvement in the type of content being produced and shown to you in this app.</p>
 
-          <p>You accept that all usage of Blockcore Notes, Blockcore infrastructure and software must be the result of peaceful voluntary human interactions.</p>
+            <p>You accept that all usage of Blockcore Notes, Blockcore infrastructure and software must be the result of peaceful voluntary human interactions.</p>
 
-          <p>If you're young and still living with your parents, consider asking them for permission before you continue.</p>
+            <p>If you're young and still living with your parents, consider asking them for permission before you continue.</p>
 
-          <p>To continue you must agree with our <a href="https://www.blockcore.net/policy" target="_blank">Privacy Policy and Terms & Conditions</a>.</p>
-        </div>
-        <mat-checkbox color="primary" (change)="persist()" [(ngModel)]="consent">I have read and agree to this notice</mat-checkbox>
-      </mat-card-content>
-    </mat-card>
-
-    <mat-card class="card start-card second-card last-card">
-      <mat-card-content>
-        <h1>Login</h1>
-        <div *ngIf="consent">
-          <div *ngIf="!extensionDiscovered"><button class="start-button" (click)="connect()" mat-flat-button color="accent">Waiting for extension...</button></div>
-          <div *ngIf="extensionDiscovered">
-            <button class="start-button" (click)="connect()" mat-flat-button color="accent">Connect using extension</button>
-            <br />
-            <p>Want to view the app first?</p>
-
-            <div><button (click)="anonymous()" mat-raised-button>Go straight in</button></div>
+            <p>To continue you must agree with our <a href="https://www.blockcore.net/policy" target="_blank">Privacy Policy and Terms & Conditions</a>.</p>
           </div>
-        </div>
-        <div *ngIf="!consent" class="consent-required warn">You must agree with the notice above to enable login</div>
-        <br />
-        <p class="notice">
-          You must use a browser extension to manage your Nostr identities. You can choose to use any third party extension or install the
-          <a href="https://chrome.google.com/webstore/detail/blockcore-wallet/peigonhbenoefaeplkpalmafieegnapj" target="_blank">Blockcore Wallet</a> (Chrome, Edge, Brave extension) provided by the same team behind Blockcore Notes.
-        </p>
-      </mat-card-content>
-    </mat-card>
+          <mat-checkbox color="primary" (change)="persist()" [(ngModel)]="consent">I have read and agree to this notice</mat-checkbox>
+        </mat-card-content>
+      </mat-card>
+
+      <mat-card class="card start-card second-card last-card">
+        <mat-card-content>
+          <h1>Login</h1>
+          <div *ngIf="consent">
+            <div *ngIf="!extensionDiscovered"><button class="start-button" (click)="connect()" mat-flat-button color="accent">Waiting for extension...</button></div>
+            <div *ngIf="extensionDiscovered">
+              <button class="start-button" (click)="connect()" mat-flat-button color="accent">Connect using extension</button>
+              <br />
+              <p>Want to view the app first?</p>
+              <div><button (click)="anonymous()" color="accent" mat-raised-button>Go straight in</button></div>
+            </div>
+          </div>
+          <div *ngIf="!consent" class="consent-required warn">You must agree with the notice above to enable login</div>
+          <br />
+          <p class="notice">
+            You must use a browser extension to manage your Nostr identities. You can choose to use any third party extension or install the
+            <a href="https://chrome.google.com/webstore/detail/blockcore-wallet/peigonhbenoefaeplkpalmafieegnapj" target="_blank">Blockcore Wallet</a> (Chrome, Edge, Brave extension) provided by the same team behind Blockcore Notes.
+          </p>
+        </mat-card-content>
+      </mat-card>
+    </div>
   </div>
 </div>
diff --git a/src/app/shared/profile-header/profile-header.component.html b/src/app/shared/profile-header/profile-header.component.html
index 83efe16..79d02c8 100644
--- a/src/app/shared/profile-header/profile-header.component.html
+++ b/src/app/shared/profile-header/profile-header.component.html
@@ -34,6 +34,30 @@
         <span>
           <p class="wrap linebreaks" *ngIf="profile.about">{{ profile.about }}</p>
         </span>
+
+        <!-- <div>
+          <a mat-mini-fab [matMenuTriggerFor]="menu"><mat-icon>notifications</mat-icon></a>
+
+          <button class="action-button" mat-icon-button [matMenuTriggerFor]="menu">
+            <mat-icon class="action-button-icon">more_vert</mat-icon>
+          </button>
+
+          <mat-menu #menu="matMenu">
+            <button mat-menu-item>
+              <mat-icon>notifications_off</mat-icon>
+              <span>Save Note</span>
+            </button>
+
+            <button mat-menu-item>
+              <mat-icon>notifications_paused</mat-icon>
+              <span>Remove from Notes</span>
+            </button>
+            <button mat-menu-item>
+              <mat-icon>notifications</mat-icon>
+              <span>Remove from Notes</span>
+            </button>
+          </mat-menu>
+        </div> -->
       </span>
     </div>
     <div class="profile-page-header-right">
diff --git a/src/assets/bg.jpg b/src/assets/bg.jpg
new file mode 100644
index 0000000..9993a11
Binary files /dev/null and b/src/assets/bg.jpg differ