Update Site Links and Branding (#375)

Partially addresses webrecorder/website#133

- Adds link to ReplayWeb.page marketing site instead of the docs on the
homepage to better explain the product to new users
- Updates embed receipt with company logo
- Minor capitalization fixes and copy updates.

### Screenshots

<img width="677" alt="Screenshot 2024-11-23 at 2 10 38 AM"
src="https://github.com/user-attachments/assets/1f1fef82-12fb-460c-9757-cf0cb70bc281">

<img width="696" alt="Screenshot 2024-11-23 at 2 15 20 AM"
src="https://github.com/user-attachments/assets/2991bd43-d563-492e-9575-5201ff31a91e">

---------

Co-authored-by: Ilya Kreymer <[email protected]>
Co-authored-by: Ilya Kreymer <[email protected]>

Author: Shrinks99

CHANGES.md

@@ -3,20 +3,25 @@
 ## CHANGES
 
 v2.2.4
+
 - Loading: Fix for loading nested WACZ files (via wabac.js 2.20.7)
 - Embeds: Support full reload on embeds via fullReload() call on embed web component
 
 v2.2.3
+
 - Fidelity: Update to wabac.js 2.20.6, wombat 3.8.7, improved support for localStorage replay, if available
 - Fidelity: Improved upport for FB video replay (via wabac.js 2.20.6)
 
 v2.2.2
+
 - Fidelity: Update to wabac.js 2.20.3, wombat 3.8.6 for cache-override and worker rewrite improvements
 
 v2.2.1
+
 - Fidelity: Update to wabac.js 2.20.1 for document.write() comment frame detection improvement
 
 v2.2.0
+
 - Extensability: additional override options for AWP, make location toolbar more extensible
 - Extensability: support importing as module via dist/index.js, separate from ui.js
 - Deps: update to wabac.js 2.20.0, typescript support

src/appmain.ts

@@ -416,8 +416,8 @@ export class ReplayWebApp extends LitElement {
               <i
                 ><a
                   target="_blank"
-                  href="./docs/#archives-repositories-and-other-projects-using-replaywebpage"
-                  >(See Examples)</a
+                  href="https://webrecorder.net/replaywebpage/"
+                  >(Learn More)</a
                 ></i
               >
             </p>
@@ -771,13 +771,13 @@ export class ReplayWebApp extends LitElement {
                     }
                   </div>
 
-                  <p>Full source code is available at:
-                    <a href="https://github.com/webrecorder/replayweb.page" target="_blank">https://github.com/webrecorder/replayweb.page</a>
+                  <p>Full source code is available 
+                    <a href="https://github.com/webrecorder/replayweb.page" target="_blank">on GitHub</a>.
                   </p>
 
-                  <p>See the <a target="_blank" href="./docs">User Docs</a> or the GitHub README for more info on how it works.</p>
+                  <p>See the <a target="_blank" href="./docs">documentation</a> for more info on how it works.</p>
 
-                  <p>ReplayWeb.page is part of the <a href="https://webrecorder.net/" target="_blank">Webrecorder Project</a>.</p>
+                  <p>ReplayWeb.page is developed by <a href="https://webrecorder.net/" target="_blank">Webrecorder</a>.</p>
 
                   <h3>Privacy</h3>
                   <p><b>No data is uploaded anywhere and no information is collected.</b></p>

src/assets/brand/webrecorder-lockup-color.svg

@@ -1,5 +1,5 @@
 import rwpLogo from "~assets/brand/replaywebpage-icon-color.svg";
-import brandLockupColor from "~assets/brand/replaywebpage-lockup-color.svg";
+import webrecorderLockupColor from "~assets/brand/webrecorder-lockup-color.svg";
 import btAngleDoubleDown from "~assets/icons/chevron-double-down.svg";
 import btAngleDoubleUp from "~assets/icons/chevron-double-up.svg";
 import fabGithub from "@fortawesome/fontawesome-free/svgs/brands/github.svg";
@@ -232,7 +232,7 @@ export class RWPEmbedReceipt extends LitElement {
                 style="white-space: nowrap;"
                 target="_blank"
                 href="https://replayweb.page"
-                >replayweb.page</a
+                >ReplayWeb.page</a
               >.
             </p>
             ${sourceUrl
@@ -310,16 +310,17 @@ export class RWPEmbedReceipt extends LitElement {
               <div>
                 <a
                   target="_blank"
-                  href="https://replayweb.page"
-                  aria-label="ReplayWeb.page Home"
+                  href="https://webrecorder.net/"
+                  aria-label="Webrecorder"
                 >
                   <fa-icon
                     size=""
-                    height="1.5rem"
-                    width="12rem"
-                    .svg=${brandLockupColor}
+                    height="1rem"
+                    width="10rem"
+                    .svg=${webrecorderLockupColor}
                     aria-label=""
                     aria-hidden="true"
+                    style="color:#001219;"
                   ></fa-icon>
                 </a>
               </div>
@@ -332,7 +333,7 @@ export class RWPEmbedReceipt extends LitElement {
                   >Source Code
                   <fa-icon
                     class="menu-logo ml-1"
-                    size="1.0rem"
+                    size="1rem"
                     aria-hidden="true"
                     .svg=${fabGithub}
                   ></fa-icon>