Skip to content

feat: UI Enhancements, Firebase Auth Integration, and Role-Based Blog Access#66

Merged
RishiByte merged 5 commits into
Demon-Die:mainfrom
Pranav00076:pr-56
Jun 12, 2026
Merged

feat: UI Enhancements, Firebase Auth Integration, and Role-Based Blog Access#66
RishiByte merged 5 commits into
Demon-Die:mainfrom
Pranav00076:pr-56

Conversation

@Pranav00076

Copy link
Copy Markdown
Contributor

Description

This PR cleans up the website UI by removing unused sections and improving layout alignments. It also introduces Firebase Authentication (Google & GitHub) and implements a role-based access control system for the "Add Blog" functionality, ensuring only authorized organization maintainers can publish content.

Key Changes

🎨 UI & Layout Enhancements

  • Homepage Cleanup: Removed the "Modules" section to allow the "Projects" section to utilize the full container width.
  • FAQ Page Fixes: Removed the "OpenTicket" (Manual Override) section and fixed the padding/alignment issues within the FAQ answer dropdowns.
  • Custom Cursor: Updated the custom cursor to be 64x64 and correctly aligned for precision clicking.
  • Navigation & Footer: Removed the "About" link from the Navbar and the "Faculties" link from the Footer.
  • Contributor Wall: Removed bot accounts and the "Join" button to streamline the display.

🔐 Authentication & Role-Based Access

  • Firebase Auth Integrated: Added seamless Google and GitHub OAuth login capabilities.
  • Dynamic Blog Controls: The "Add Blog" button is now strictly hidden by default. It dynamically appears only if the logged-in user is an authorized DemonDie Maintainer/Admin (Pranav00076, Rishibyte, SharanyoBanerjee, Yuvraj).
  • Robust GitHub Verification: Improved the admin matching logic in auth.js to deeply inspect the GitHub OAuth payload and verify exact GitHub User IDs, ensuring reliable role assignments even if users have different display names.

Testing Instructions

  1. Navigate to /index.html and confirm the clean layout (no Modules section, clean Footer/Navbar).
  2. Navigate to /faqs.html and verify the answer dropdown text alignment.
  3. Navigate to /blogs.html. Ensure the "Add Blog" button is hidden.
  4. Log in using GitHub or Google. If your account matches an authorized maintainer, the "Add Blog" button should appear dynamically.

Deployment

Code is ready for production and has been tested locally and verified via Vercel deployments.

…ntributors list

- Created auth.js module implementing Firebase compat SDK login handlers.
- Injected dynamic Login/Logout triggers in page headers next to hamburger menus.
- Built a styled cyberpunk auth modal container supporting Github and Google OAuth.
- Standardized Firebase configuration script loads globally across all HTML subpages.
- Removed "About" link from the index.html desktop navbar.
- Filtered out GitHub Bot users from the Contributor Wall render function.
- Removed static "Join the contributors" card from index.html to clean up the layout.
@Pranav00076 Pranav00076 requested a review from RishiByte as a code owner June 12, 2026 18:29
@vercel

vercel Bot commented Jun 12, 2026

Copy link
Copy Markdown

@Pranav00076 is attempting to deploy a commit to the Rishi Bhardwaj's projects Team on Vercel.

A member of the Team first needs to authorize it.

@RishiByte RishiByte merged commit 410ec80 into Demon-Die:main Jun 12, 2026
1 of 4 checks passed
@Pranav00076 Pranav00076 self-assigned this Jun 12, 2026
@Pranav00076 Pranav00076 added frontend:fiend frontend:fiend backend:demon king backend:demon king community:fiend community:fiend labels Jun 12, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backend:demon king backend:demon king community:fiend community:fiend frontend:fiend frontend:fiend

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants