Skip to content

Redesign team page with rank-based grouping and open positions#139

Draft
TheMeinerLP wants to merge 4 commits into
mainfrom
claude/add-team-page-VILAJ
Draft

Redesign team page with rank-based grouping and open positions#139
TheMeinerLP wants to merge 4 commits into
mainfrom
claude/add-team-page-VILAJ

Conversation

@TheMeinerLP
Copy link
Copy Markdown
Collaborator

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

  • Added rank field to team members (admin, team_assistant, content, moderator) for hierarchical organization
  • Added bio, since, and links fields to team member profiles for richer information display
  • Added openPosition and applyUrl fields to support recruitment cards
  • Reordered team members in JSON files with new fields populated

New Pages & Components

  • Created /pages/team/index.vue - main team roster page that groups members by rank
  • Created TeamRankSection.vue - displays a rank group with member cards and open positions
  • Created OpenPositionCard.vue - recruitment card for open team positions
  • Created FeaturedTeamMembers.vue - blog article component to highlight team members involved in posts

Composables & Types

  • Created useTeamRoster() composable to load and organize team data by rank with fallback ordering
  • Added TeamRank type and TEAM_RANK_ORDER constant for consistent rank ordering
  • Extended TeamMember type with new optional fields (rank, bio, since, links, openPosition, applyUrl)

Profile Enhancements

  • Updated /pages/team/[slug].vue to display rank badge, bio, join date, and social media links
  • Added FontAwesome icons for GitHub, Discord, LinkedIn, and website links
  • Improved profile header layout with rank badge

Blog Integration

  • Added teamMembers field to blog schema for loose backlinks to team profiles
  • Created FeaturedTeamMembers.vue component to display team members featured in articles
  • Updated blog article template to render featured team members section

Internationalization

  • Added German and English translations for team page titles, rank labels, and open position UI
  • Added "Featured team members" section label for blog articles
  • Added translations for member join dates and profile link labels

Navigation & SEO

  • Added team link to main navigation
  • Implemented proper breadcrumbs and schema.org markup for team roster and profiles
  • Added team page to FontAwesome icon library

Notable Implementation Details

  • Team members are grouped by rank in a fixed order (admin → team_assistant → content → moderator)
  • Open positions are kept separate from actual members within each rank group for distinct rendering
  • Profile links are dynamically mapped to FontAwesome icons based on link type
  • The team roster composable watches locale changes to reload data appropriately
  • Blog articles can reference team members independently of the author field for more flexible team attribution

https://claude.ai/code/session_013zxa5fqSQ6JahTqeqenqF7

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
@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages Bot commented May 17, 2026

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

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

claude added 3 commits May 17, 2026 16:47
…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
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