Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update App Branding #227

Merged
merged 18 commits into from
Sep 19, 2024
Merged

Update App Branding #227

merged 18 commits into from
Sep 19, 2024

Conversation

Shrinks99
Copy link
Member

@Shrinks99 Shrinks99 commented Jun 18, 2024

Changes

  • Updates in-app logos
  • Updates extension icon and dev icon
  • Adds checkmark to the idle state to better convey the status
  • Updates readme with new logo
  • Updates Readme text
  • Moves app assets to /src/assets to match ReplayWebpage & Browsertrix project file structure
  • Removes old unused brand assets

Screenshots

New vs Current Extension Icon
Screenshot 2024-06-19 at 1 09 10 PM

New Lockup
Screenshot 2024-06-19 at 1 49 34 PM

New status icon in the Electron app
Screenshot 2024-06-19 at 1 50 46 PM

Caveats

  • Does not use the TsconfigPathsPlugin plugin for assets referenced with ~assets like Browsertrix and ReplayWeb.page (because obviously this isn't TypeScript yet!) Would be a nice thing to clean up with the TypeScript conversion later to have the same conventions across all our projects.
  • The main app logo is currently composed of the graphic component returned by ReplayWeb.page which is then assigned a different variable in ArchiveWeb.page with get mainLogo. The text is then appended by ArchiveWeb.page.
    • Because the text and icon are now located in the same file for both apps, this behavior is worth cleaning up once both are up to date and using TypeScript. For now, this returns nothing as the mainLogo value and appends the whole new logo lockup instead of just the text.
    • See https://github.com/webrecorder/replayweb.page/blob/main/src/appmain.ts#L298 for context and details in ReplayWeb.page.

Shrinks99 added 15 commits June 18, 2024 15:50
- Puts download links at the top of the Readme
- Minor updates to build instructions
Seems to be unused
HACK: The main app logo is currently composed of the graphic component returned by ReplayWeb.page which is then assigned a different variable in ArchiveWeb.page with `get mainLogo`.  The text is then appended by ArchiveWeb.page.

Because the text and icon are now located in the same file for both apps, this behavior is worth cleaning up once both are up to date and using TypeScript.  For now, this returns nothing as the `mainLogo` value and appends the whole new logo lockup instead of just the text.
- Replaces with FontAwesome's cloud upload equivalent
- Also removes unused `webrecorder-text` SVG
- Adds checkmark on idle
@Shrinks99 Shrinks99 requested review from emma-sg and ikreymer June 19, 2024 17:52
@Shrinks99 Shrinks99 marked this pull request as ready for review June 19, 2024 17:52
get mainLogo() {
return wrLogo;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yeah, this is probably something we can cleanup as part of AWP typescript conversion, this is probably best option for now.

@ikreymer ikreymer merged commit 3e714ac into main Sep 19, 2024
3 checks passed
@ikreymer ikreymer deleted the frontend-update-branding branch September 19, 2024 05:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants