The usual way to join is to submit the form below. If you can’t use the form, follow the instructions below to add your website manually.
Submit your name, site URL, a public profile link to verify who you are (e.g. LinkedIn), and graduation year. After, your response is manually reviewed before it goes live.
Prefer to edit the repo yourself, or need a fork-based PR? If this is your first time making a PR, no worries!
src/data/webringData.ts in the repository.webringData array with only name, website, and year (same shape as the join form; do not add extra fields). Keep the trailing comma style consistent with the file.https for website and make sure the site loads for reviewers without a login wall.Example entry:
{
name: "Your Name",
website: "https://yoursite.com",
year: "2028",
},| Field | Notes |
|---|---|
| name | How you want to appear on the hub. |
| website | Full https:// URL to your personal site; it should load for reviewers without a login. |
| year | Graduation year as a string (e.g. "2026"). |
Use a normal link to https://www.aggier.ing. To show the webring badge, point an <img> at one of the SVGs we host (or copy the file from public/ in this repo and serve it yourself).
Hosted badge URLs
| Variant | URL |
|---|---|
| Maroon (default) | https://www.aggier.ing/aggiering-maroon.svg |
| Black | https://www.aggier.ing/aggiering-black.svg |
| White (for dark backgrounds) | https://www.aggier.ing/aggiering-white.svg |
Replace VARIANT.svg below with the file you want (aggiering-maroon.svg, aggiering-black.svg, or aggiering-white.svg).
The badge files are square (24×24 viewBox); use equal width and height so the ring stays round.
Use this in static pages, Eleventy/Hugo layouts, or inside Vue/Svelte/Astro/Nuxt templates (swap in your router's link component if you use one).
<a href="https://www.aggier.ing" rel="noopener noreferrer">
<img
src="https://www.aggier.ing/VARIANT.svg"
alt="aggier.ing — Texas A&M personal site webring"
width="32"
height="32"
/>
</a>[](https://www.aggier.ing)Works for React, Next.js, Remix, etc. On Next.js you can use Link from next/link instead of <a>; with next/image, allow aggier.ing in images.remotePatterns or stick to <img> (simplest for static export / external badges).
export function AggieringBadge() {
return (
<a href="https://www.aggier.ing" target="_blank" rel="noopener noreferrer">
<img
src="https://www.aggier.ing/VARIANT.svg"
alt="aggier.ing — Texas A&M personal site webring"
width={32}
height={32}
/>
</a>
);
}Download aggiering-maroon.svg (or black/white) from this repo, place it in your site's static assets, and set src to your own path instead of https://www.aggier.ing/....