Skip to content

feat: Add Favicon to website !#112

Merged
RAJ8664 merged 1 commit intoRAJ8664:mainfrom
JayadityaGit:feature/add-favicon
Feb 22, 2026
Merged

feat: Add Favicon to website !#112
RAJ8664 merged 1 commit intoRAJ8664:mainfrom
JayadityaGit:feature/add-favicon

Conversation

@JayadityaGit
Copy link
Contributor

@JayadityaGit JayadityaGit commented Feb 22, 2026

👋 Hey there! Thank you for contributing to Prep 🚀
Please fill out this pull request template carefully to help us review your changes quickly.

Please check all that apply: Place an "x" in the corresponding checkbox

  • 🐛 Bug fix (non-breaking change that fixes an issue)
  • 🚀 New feature (non-breaking change that adds functionality)
  • 💥 Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • 🧹 Code cleanup or refactor
  • 🧪 Tests added or updated
  • 📘 Documentation update
favicon

felt like adding a favicon to the website !

different images for different types (such as desktop, mobiles, etc)

#113

Summary by CodeRabbit

  • New Features
    • Added favicon support and web app manifest configuration with custom icons for browser tabs, bookmarks, and home screens, along with app metadata including branding name, theme colors, and display settings for optimized cross-platform presentation.

@vercel
Copy link

vercel bot commented Feb 22, 2026

@JayadityaGit is attempting to deploy a commit to the RAJ ROY's projects Team on Vercel.

A member of the Team first needs to authorize it.

@coderabbitai
Copy link

coderabbitai bot commented Feb 22, 2026

📝 Walkthrough

Walkthrough

VitePress configuration refactored to extract the base path constant and introduce a new head configuration section with favicon links, apple-touch-icon, and web manifest references. A new web app manifest file added to define app metadata.

Changes

Cohort / File(s) Summary
VitePress Configuration
.vitepress/config.js
Extracted base path logic into a top-level constant and added new head configuration array with favicon, apple-touch-icon, and manifest link tags that reference the base path.
Web App Manifest
public/favicons/site.webmanifest
New manifest file defining app metadata including name "ElevateU", maskable icons (192x192 and 512x512), theme/background colors, and standalone display mode.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

🐰 With favicons placed and manifest made,
The config's now cleaner, arrangements arrayed!
A touch of base abstraction so sweet,
Makes ElevateU ready—a polished treat! ✨

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title 'feat: Add Favicon to website !' directly and accurately summarizes the main change: adding favicon support to the website, which is confirmed by the file additions (favicon config and manifest) and PR objectives.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

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

✨ Finishing Touches
  • 📝 Generate docstrings (stacked PR)
  • 📝 Generate docstrings (commit on current branch)
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment

Tip

Issue Planner is now in beta. Read the docs and try it out! Share your feedback on Discord.


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.

Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

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

🧹 Nitpick comments (2)
public/favicons/site.webmanifest (2)

1-21: Consider adding start_url to define the PWA's launch page.

Without start_url, the installed PWA will open on whichever page was active at install time rather than a predictable root URL. For the non-Vercel deployment this should be "/Prep/".

♻️ Proposed addition
 {
     "name": "ElevateU",
     "short_name": "ElevateU",
+    "start_url": "/Prep/",
     "icons": [
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@public/favicons/site.webmanifest` around lines 1 - 21, Add a start_url
property to the web manifest so the PWA always launches at a predictable root;
update the site.webmanifest JSON (the manifest object with keys like
"name"/"short_name"/"icons"/"display") to include "start_url": "/Prep/" (and
ensure it's a string entry at the top level of the manifest next to "display",
"theme_color", etc.).

5-16: Add a non-maskable ("any") icon alongside the maskable ones.

Both icons declare only "purpose": "maskable". Windows does not employ maskable icons as the default for PWAs, so a non-maskable icon is still required for correct appearance on Windows. Google explicitly cautions against using maskable icons as any icons, since the masking padding makes the core icon content smaller; they recommend designing any icons like site favicons, with transparent regions and no extra padding. The recommended approach is to add two icons with separate any and maskable purposes.

♻️ Proposed fix: add an `"any"` purpose icon
     "icons": [
+        {
+            "src": "web-app-manifest-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png",
+            "purpose": "any"
+        },
         {
             "src": "web-app-manifest-192x192.png",
             "sizes": "192x192",
             "type": "image/png",
             "purpose": "maskable"
         },
+        {
+            "src": "web-app-manifest-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png",
+            "purpose": "any"
+        },
         {
             "src": "web-app-manifest-512x512.png",
             "sizes": "512x512",
             "type": "image/png",
             "purpose": "maskable"
         }
     ],
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@public/favicons/site.webmanifest` around lines 5 - 16, The manifest currently
lists only maskable icons for "web-app-manifest-192x192.png" and
"web-app-manifest-512x512.png"; add separate non-maskable icons for each size by
adding entries with purpose "any" (e.g., "web-app-manifest-192x192-any.png" and
"web-app-manifest-512x512-any.png") so Windows and other platforms get proper
non-maskable assets, keeping the existing maskable entries intact (do not
replace them or use maskable images as the "any" icons).
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Nitpick comments:
In `@public/favicons/site.webmanifest`:
- Around line 1-21: Add a start_url property to the web manifest so the PWA
always launches at a predictable root; update the site.webmanifest JSON (the
manifest object with keys like "name"/"short_name"/"icons"/"display") to include
"start_url": "/Prep/" (and ensure it's a string entry at the top level of the
manifest next to "display", "theme_color", etc.).
- Around line 5-16: The manifest currently lists only maskable icons for
"web-app-manifest-192x192.png" and "web-app-manifest-512x512.png"; add separate
non-maskable icons for each size by adding entries with purpose "any" (e.g.,
"web-app-manifest-192x192-any.png" and "web-app-manifest-512x512-any.png") so
Windows and other platforms get proper non-maskable assets, keeping the existing
maskable entries intact (do not replace them or use maskable images as the "any"
icons).

@vercel
Copy link

vercel bot commented Feb 22, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
prep Ready Ready Preview, Comment Feb 22, 2026 8:56am

@RAJ8664 RAJ8664 merged commit 03eccb0 into RAJ8664:main Feb 22, 2026
7 of 8 checks passed
@JayadityaGit JayadityaGit deleted the feature/add-favicon branch February 22, 2026 08:55
@JayadityaGit
Copy link
Contributor Author

meme

lol will look into it later !

but i like it like this !

let me know !

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