Reasonably Scoped Branding Update (#299)

- Adds TsconfigPathsPlugin
- Custom icons, branding assets, and favicons now all live under
`/src/assets` in organized folders (Mirrors Browsertrix folder
organization and naming)
- Assets can now be referenced with `import: varName from
~assets/assetpath` app wide!
- SVGs continue to use `svg-inline-loader`, favicons are copied to
`/site/favicons` on app build
- Adds favicons to the main `index.html` page for ReplayWeb.page and
`embed.html` example page
- Replace README header with new branding
  - Lives under /assets because it's not app related
- Adds new webmanifest app icons
- Adds new Electron app .icns (macOS ) and .png (Windows & Linux) app
icons
- Replaces globe icon in the embed receipt with ReplayWebpage icon!
  - Adds lockup to the footer section
- Removes logo animation
- Removes logo values from `renderErrorReport()` in swmanager.ts in
favour of additional import statements

---------
Co-authored-by: Ilya Kreymer <ikreymer@gmail.com>
This commit is contained in:
Henry Wilkinson
2024-04-08 18:47:17 -07:00
committed by GitHub
co-authored by Ilya Kreymer
parent ef6c748170
commit cbe98c4fa1
33 changed files with 137 additions and 321 deletions
+3 -7
View File
@@ -17,13 +17,13 @@ import "@shoelace-style/shoelace/dist/components/button/button.js";
import "@shoelace-style/shoelace/dist/components/dialog/dialog.js";
import {
wrapCss,
rwpLogo,
IS_APP,
VERSION,
clickOnSpacebarPress,
apiPrefix,
replayPrefix,
} from "./misc";
import rwpIcon from "~assets/icons/replaywebpage.svg";
import {
sourceToId,
@@ -168,9 +168,6 @@ class Item extends LitElement {
@property({ type: String })
appVersion = VERSION;
@property({ type: String })
appLogo = rwpLogo;
@property({ type: Number })
autoUpdateInterval = 10;
@@ -1385,10 +1382,10 @@ class Item extends LitElement {
@click="${this.onAbout}"
>
<fa-icon
class="menu-logo"
class="has-text-grey"
size="1.0rem"
aria-hidden="true"
.svg=${this.appLogo}
.svg=${rwpIcon}
></fa-icon>
<span>&nbsp;About ${this.appName}</span>
<span class="menu-version">(${this.appVersion})</span>
@@ -1460,7 +1457,6 @@ class Item extends LitElement {
.collInfo=${this.itemInfo || {}}
url=${this.url}
ts=${this.ts}
.appLogo=${this.appLogo}
>
</rwp-embed-receipt>`;
}