mjasin/Nexus.Reader
1
0
Fork 0
Code Issues 9 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

[UI] Implement Profile Dashboard Layout & Identity Component #27

New Issue
Closed
opened 2026-05-09 17:41:49 +00:00 by mjasin · 0 comments
mjasin commented 2026-05-09 17:41:49 +00:00
Owner
Copy Link
Copy Source

Context: The user profile page requires a futuristic, dark-themed layout to display identity and core metrics.
Role: Senior Frontend Engineer.
Task: Create the Profile.razor page utilizing CSS Grid and the "Nexus Station" aesthetic.
Requirements:

  1. Page Container: Create a main container with a dark background and a subtle radial gradient behind the user's avatar.
  2. Identity Section: Implement a central circular Avatar image container with a pulsing --nexus-neon (#00ff99) border and glow effect (box-shadow).
  3. Typography: Display the Username in Merriweather (serif) and the system rank (e.g., "[User_Explorer1988]") in Inter/Monospace below the avatar.
  4. Glassmorphism: Ensure surrounding metric containers use a dark, semi-transparent background (rgba(255,255,255,0.03)) with a blur backdrop filter.
**Context:** The user profile page requires a futuristic, dark-themed layout to display identity and core metrics. **Role:** Senior Frontend Engineer. **Task:** Create the `Profile.razor` page utilizing CSS Grid and the "Nexus Station" aesthetic. **Requirements:** 1. **Page Container:** Create a main container with a dark background and a subtle radial gradient behind the user's avatar. 2. **Identity Section:** Implement a central circular Avatar image container with a pulsing `--nexus-neon` (`#00ff99`) border and glow effect (`box-shadow`). 3. **Typography:** Display the Username in Merriweather (serif) and the system rank (e.g., "[User_Explorer1988]") in Inter/Monospace below the avatar. 4. **Glassmorphism:** Ensure surrounding metric containers use a dark, semi-transparent background (`rgba(255,255,255,0.03)`) with a blur backdrop filter.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
Antigravity M.Wojtaszek mjasin (Marek Jaisński)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: mjasin/Nexus.Reader#27
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?