MyPlace.com | Home Help | Sign Up

Building Your Friend Space

How to manage the Friend Space section on your profile.


The Friend Space section is driven by the friends array in src/data/profile.ts.

Each friend entry has three fields:

  • name — displayed as the friend’s name
  • href — a link to their profile or site (use # for now)
  • status — optional. Set to 'Online' to show the online indicator

Example:

{ name: 'Your Friend', href: 'https://example.com', status: 'Online' },

How many friends to show

The component renders all entries in the array in a 4-column grid on wider screens and 2 columns on mobile. The typical MySpace-era Top 8 had eight friends, but you can add more or fewer.

The count label

The label below the section title — “Showing example friends.” — comes from themeConfig.friendCountLabel in src/data/theme.ts. Update it to reflect your actual friend count or remove the line from the template.


← View All Blog Entries  |  ← Back to Profile