Connect Your Site

Add the webring widget to your portfolio to link yourself with other Laurier CS students. Visitors can navigate between member sites using the ← Prev and Next → buttons. The embed below calls this ring at https://laurier-webring-64hvy22qa-jays-projects-c4ea1bfb.vercel.app.

Preview

This is what the widget looks like on your site:

How to Add It

Open a pull request to add yourself to data/members.json
Once merged, replace YOUR_ID in the snippet below with your member id
Paste the HTML into your site's footer or wherever you'd like the widget

Embed Snippet

<!-- WLU WebRing Widget — points to https://laurier-webring-64hvy22qa-jays-projects-c4ea1bfb.vercel.app -->
<div style="display:flex;justify-content:center;padding:16px 0;">
  <nav style="display:inline-flex;align-items:center;gap:16px;border:1px solid #b39670;border-radius:9999px;background:#fff;padding:8px 20px;font-family:system-ui,sans-serif;font-size:14px;box-shadow:0 1px 2px rgba(0,0,0,0.05);">
    <a href="https://laurier-webring-64hvy22qa-jays-projects-c4ea1bfb.vercel.app/api/prev?from=YOUR_ID" style="color:#4B2E83;text-decoration:none;font-weight:500;">&larr; Prev</a>
    <a href="https://laurier-webring-64hvy22qa-jays-projects-c4ea1bfb.vercel.app" style="display:flex;align-items:center;gap:6px;text-decoration:none;">
      <img src="https://laurier-webring-64hvy22qa-jays-projects-c4ea1bfb.vercel.app/wlu-logo.png" alt="WLU" width="24" height="24" style="height:24px;width:24px;">
      <span style="font-weight:600;color:#4B2E83;">WLU</span>
    </a>
    <a href="https://laurier-webring-64hvy22qa-jays-projects-c4ea1bfb.vercel.app/api/next?from=YOUR_ID" style="color:#4B2E83;text-decoration:none;font-weight:500;">Next &rarr;</a>
  </nav>
</div>

Copy and paste this HTML into your site. Replace YOUR_ID with your member id from members.json. Use a custom domain by setting NEXT_PUBLIC_WEBRING_URL when building or deploying this app so the snippet matches your production URL.