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
+7
-9
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user