Redesign team page with rank-based grouping and open positions#139
Draft
TheMeinerLP wants to merge 4 commits into
Draft
Redesign team page with rank-based grouping and open positions#139TheMeinerLP wants to merge 4 commits into
TheMeinerLP wants to merge 4 commits into
Conversation
Add a /team overview that groups members by rank (admin, team assistant, content, moderator) with inline open positions that link to Discord. Flesh out the member profile page (rank badge, bio, since, social links) and add a loose backlink from blog posts to team profiles via a `teamMembers` frontmatter field. https://claude.ai/code/session_013zxa5fqSQ6JahTqeqenqF7
Deploying with
|
| Status | Name | Latest Commit | Preview URL | Updated (UTC) |
|---|---|---|---|---|
| ✅ Deployment successful! View logs |
launchpad | 10c6f5c | Commit Preview URL Branch Preview URL |
May 17 2026, 05:32 PM |
…cord roles Switch the rank model to the actual Discord roles (admin, content, moderation) and drop the unused team_assistant/moderator ranks. Replace the placeholder/demo members with the visible team (TheMeinerLP, Joltra, theShadowsDust, B3nNy). Remove the dev-blog-1 teamMembers example since its referenced profile no longer exists. https://claude.ai/code/session_013zxa5fqSQ6JahTqeqenqF7
Include all non-bot members (online + offline) from the Discord roster. Offline members whose role is not visible default to the Content section and can be re-ranked later. Add one placeholder open position per rank (Administration, Content, Moderation) linking to the Discord application channel. https://claude.ai/code/session_013zxa5fqSQ6JahTqeqenqF7
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
This PR completely redesigns the team page to display team members organized by rank/role hierarchy, adds support for open position cards, and enriches team member profiles with additional metadata like bio, join date, and social links.
Key Changes
Team Data Structure
rankfield to team members (admin, team_assistant, content, moderator) for hierarchical organizationbio,since, andlinksfields to team member profiles for richer information displayopenPositionandapplyUrlfields to support recruitment cardsNew Pages & Components
/pages/team/index.vue- main team roster page that groups members by rankTeamRankSection.vue- displays a rank group with member cards and open positionsOpenPositionCard.vue- recruitment card for open team positionsFeaturedTeamMembers.vue- blog article component to highlight team members involved in postsComposables & Types
useTeamRoster()composable to load and organize team data by rank with fallback orderingTeamRanktype andTEAM_RANK_ORDERconstant for consistent rank orderingTeamMembertype with new optional fields (rank, bio, since, links, openPosition, applyUrl)Profile Enhancements
/pages/team/[slug].vueto display rank badge, bio, join date, and social media linksBlog Integration
teamMembersfield to blog schema for loose backlinks to team profilesFeaturedTeamMembers.vuecomponent to display team members featured in articlesInternationalization
Navigation & SEO
Notable Implementation Details
https://claude.ai/code/session_013zxa5fqSQ6JahTqeqenqF7