Skip to content

Add PHU AI branded hero artwork and social preview metadata#36

Merged
phuquoc81 merged 3 commits intoMainfrom
copilot/fix-image-loading-issue
Mar 14, 2026
Merged

Add PHU AI branded hero artwork and social preview metadata#36
phuquoc81 merged 3 commits intoMainfrom
copilot/fix-image-loading-issue

Conversation

Copy link
Contributor

Copilot AI commented Mar 14, 2026

The dashboard did not reflect the supplied PHU AI key art or tagline. This updates the landing experience to surface that branding directly in the app and ensures shared links use a local preview image instead of an external attachment.

  • Dashboard hero

    • Adds a new top-of-dashboard hero block with the supplied PHU AI visual language
    • Introduces the tagline “Every evolution begins with a spark.”
    • Adds hero CTAs that route into existing app tabs instead of introducing new flows
  • Local branding assets

    • Adds a self-contained vector artwork asset for in-app rendering
    • Adds a rasterized PNG companion for social-card compatibility
  • Metadata / share preview

    • Updates favicon to use the local PHU AI artwork
    • Adds description, og:*, and twitter:* metadata
    • Points social preview tags at the local PNG so previews do not depend on GitHub attachment URLs
  • Navigation reuse

    • Extracts tab switching into a shared path so both header nav and hero buttons use the same behavior
<meta property="og:image" content="assets/phu-ai-spark.png">
<meta name="twitter:image" content="assets/phu-ai-spark.png">

<div class="fc-hero-actions">
  <button class="fc-btn fc-btn-primary" data-tab="jobs">🤖 Explore Remote Jobs</button>
  <button class="fc-btn fc-btn-secondary" data-tab="blog">📰 Open phubers.blog</button>
</div>

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

  • github-production-user-asset-6210df.s3.amazonaws.com
    • Triggering command: /usr/bin/curl curl -L REDACTED -o assets/phu-ai-spark.png (dns block)

If you need me to access, download, or install something from one of these locations, you can either:


💬 Send tasks to Copilot coding agent from Slack and Teams to turn conversations into code. Copilot posts an update in your thread when it's finished.

Copilot AI and others added 2 commits March 14, 2026 21:58
Co-authored-by: phuquoc81 <51638662+phuquoc81@users.noreply.github.com>
Co-authored-by: phuquoc81 <51638662+phuquoc81@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix image loading issue in user attachments Add PHU AI branded hero artwork and social preview metadata Mar 14, 2026
Copilot AI requested a review from phuquoc81 March 14, 2026 22:03
@phuquoc81 phuquoc81 marked this pull request as ready for review March 14, 2026 23:58
Copilot AI review requested due to automatic review settings March 14, 2026 23:58
@phuquoc81 phuquoc81 merged commit 663f002 into Main Mar 14, 2026
2 checks passed
Copy link

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Adds PHU AI branding to the Fastcash landing/dashboard experience, including a new hero block, local artwork assets, and richer social preview metadata so shared links render a first-party preview image.

Changes:

  • Introduces a new dashboard hero card with tagline + CTA buttons that switch to existing tabs.
  • Adds/uses local PHU AI artwork (SVG for in-app + favicon; PNG for social preview tags).
  • Refactors tab switching into a shared _showTab() method reused by header nav and hero CTAs.

Reviewed changes

Copilot reviewed 3 out of 5 changed files in this pull request and generated 1 comment.

File Description
styles.css Adds styling + responsive rules for the new hero card layout and artwork presentation.
script.js Extracts tab switching into _showTab() and wires hero CTA buttons to reuse it.
index.html Adds hero markup, updates favicon, and adds description/OG/Twitter metadata for link previews.
assets/phu-ai-spark.svg Adds the PHU AI hero/fav icon SVG artwork.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

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.

3 participants