Skip to content

docs: add animated SMIL logo to README#486

Merged
hari merged 3 commits into
mainfrom
docs/readme-smil-logo
Jun 4, 2026
Merged

docs: add animated SMIL logo to README#486
hari merged 3 commits into
mainfrom
docs/readme-smil-logo

Conversation

@sudhashrestha
Copy link
Copy Markdown
Contributor

@sudhashrestha sudhashrestha commented Jun 4, 2026

Ship the logo SVG in public/ and reference it from the README header instead of external light/dark PNG attachments.

Summary by CodeRabbit

  • Documentation
    • Streamlined the README header image implementation for a simpler, consistent display.
    • Added a dedicated dark-mode logo variant and standardized image sizing to improve appearance across themes and devices.

Ship the logo SVG in public/ and reference it from the README header
instead of external light/dark PNG attachments.

Co-authored-by: Cursor <cursoragent@cursor.com>
@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Jun 4, 2026

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 95d7bf64-2fa0-4c19-a6b1-6211e4b759ec

📥 Commits

Reviewing files that changed from the base of the PR and between 48fe36a and 8c7724d.

⛔ Files ignored due to path filters (2)
  • public/animata-logo-smil-dark.svg is excluded by !**/*.svg
  • public/animata-logo-smil.svg is excluded by !**/*.svg
📒 Files selected for processing (1)
  • README.md
🚧 Files skipped from review as they are similar to previous changes (1)
  • README.md

📝 Walkthrough

Walkthrough

The README header's responsive <picture> with multiple remote image sources was replaced by a <picture> containing a dark-mode <source> (public/animata-logo-smil-dark.svg) and a local <img> (public/animata-logo-smil.svg) with width="512" and height="215".

Changes

README Logo Update

Layer / File(s) Summary
Logo markup simplification
README.md
The responsive <picture> with multiple external GitHub <source> variants and a remote PNG <img> was replaced by a <picture> with only a dark-mode <source> (public/animata-logo-smil-dark.svg) and a local <img> (public/animata-logo-smil.svg) with width="512" and height="215.

Estimated Code Review Effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

🐰 A tiny tweak in README's light,
One SVG now greets day and night.
Dark source for dusk, the local file bright,
Simple pixels hopping into sight. 🥕✨

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title 'docs: add animated SMIL logo to README' accurately describes the main change: adding an animated SMIL logo to the README documentation.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch docs/readme-smil-logo

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages Bot commented Jun 4, 2026

Deploying animata with  Cloudflare Pages  Cloudflare Pages

Latest commit: 9bcead9
Status: ✅  Deploy successful!
Preview URL: https://3caf1458.animata.pages.dev
Branch Preview URL: https://docs-readme-smil-logo.animata.pages.dev

View logs

sudhashrestha and others added 2 commits June 4, 2026 11:47
Use currentColor for text fills with prefers-color-scheme styling so
the SMIL logo reads on light and dark GitHub README backgrounds.

Co-authored-by: Cursor <cursoragent@cursor.com>
GitHub strips SVG style/SMIL in img proxies. Use explicit dimensions,
solid text fills, and light/dark SVG assets via picture.

Co-authored-by: Cursor <cursoragent@cursor.com>
@hari hari self-requested a review June 4, 2026 06:07
@hari hari merged commit 7a4fdc1 into main Jun 4, 2026
5 of 6 checks passed
@hari hari deleted the docs/readme-smil-logo branch June 4, 2026 06:07
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