Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/y2k-webring/llms.txt

Use this file to discover all available pages before exploring further.

RightWebring is a decorative sidebar that appears exclusively on the Home page. It displays social links and a guestbook counter sourced directly from the portfolioData named export S — no props required. The component is conditionally mounted by AppLayout whenever pathname === '/'.

​
Data Sources

RightWebring reads two fields from the portfolioData module’s named export S:
  • S.socials — an array of { name, url, icon } objects rendered as cyan-bordered link buttons. Each button displays the icon alongside the social network name.
  • S.guestbookCount — a numeric count displayed in a lime-bordered counter panel beneath the social links.
The sidebar renders as an <aside> with class w-full lg:w-48 shrink-0 flex flex-col gap-4, giving it a fixed 48 unit width on large screens while stacking full-width on smaller viewports.

​
Social Icon Mapping

The icon string in each socials entry maps to a lucide-react component through a local lookup table inside RightWebring.js:
icon valuelucide-react icon
"github"github (GitHub)
"linkedin"linkedin (LinkedIn)
"mail"mail (Mail)
"rss"rss (Rss)
If an icon string does not match any key in the map, no icon is rendered — only the name text appears.

​
Customizing Socials

Update the socials array in portfolioData.js to change which links appear in the sidebar: 
// data/portfolioData.js
socials: [
  { name: 'GitHub',   url: 'https://github.com/yourusername',  icon: 'github'   },
  { name: 'LinkedIn', url: 'https://linkedin.com/in/you',       icon: 'linkedin' },
  { name: 'Email',    url: 'mailto:you@example.com',            icon: 'mail'     },
  { name: 'RSS',      url: '/feed.xml',                         icon: 'rss'      }
]
To update the guestbook counter, change the guestbookCount value in the same file: 
guestbookCount: 1337

​
No Props

RightWebring accepts no props. It imports portfolioData directly and derives all rendered content from that module. To change what appears in the sidebar, edit portfolioData.js rather than passing props to this component.
RightWebring is only visible on the Home page (pathname === '/'). The conditional render logic lives in AppLayout, not inside RightWebring itself. If you need the sidebar to appear on other pages, update the condition in AppLayout.js.

Build docs developers (and LLMs) love

Get started for freeTalk to us