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
+7 -9
View File
@@ -1,5 +1,6 @@
import { LitElement, html, css, type PropertyValues } from "lit";
import { wrapCss } from "./misc";
import rwpLogo from "~assets/brand/replaywebpage-icon-color.svg";
import prettyBytes from "pretty-bytes";
@@ -298,13 +299,6 @@ You can select a file to upload from the main page by clicking the 'Choose File.
display: flex;
}
.logo {
width: 96px;
height: 96px;
margin: 1em;
flex-grow: 1;
}
.progress-div {
position: relative;
width: 400px !important;
@@ -341,8 +335,12 @@ You can select a file to upload from the main page by clicking the 'Choose File.
render() {
return html`
<section class="container">
<div class="has-text-centered is-flex">
<wr-anim-logo class="logo" size="96px"></wr-anim-logo>
<div class="is-justify-content-center is-flex">
<img
style="height: 5rem; margin-bottom: 1rem;"
src="data:image/svg+xml,${encodeURIComponent(rwpLogo as string)}"
alt="ReplayWeb.page Logo"
/>
</div>
${!this.embed
? html` <div class="level">