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:
co-authored by
Ilya Kreymer
parent
ef6c748170
commit
cbe98c4fa1
+3
-7
@@ -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> 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>`;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user