CS Webring

A webring for Computer Science students and alumni at the University of Waterloo.

Live Site

Join the Webring

Add the webring widget to your website:

HTML:

<div style="display: flex; align-items: center; gap: 8px;">
    <a href="https://cs.uwatering.com/#your-site-here?nav=prev">←</a>
    <a href="https://cs.uwatering.com/#your-site-here" target="_blank">
        <img src="https://cs.uwatering.com/icon.black.svg" alt="CS Webring" style="width: 24px; height: auto; opacity: 0.8;"/>
    </a>
    <a href="https://cs.uwatering.com/#your-site-here?nav=next">→</a>
</div>
<!-- Replace 'your-site-here' with your actual site URL -->

JSX:

<div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
    <a href='https://cs.uwatering.com/#your-site-here?nav=prev'>←</a>
    <a href='https://cs.uwatering.com/#your-site-here' target='_blank'>
        <img
            src='https://cs.uwatering.com/icon.black.svg'
            alt='CS Webring'
            style={{ width: '24px', height: 'auto', opacity: 0.8 }}
        />
    </a>
    <a href='https://cs.uwatering.com/#your-site-here?nav=next'>→</a>
</div>
// Replace 'your-site-here' with your actual site URL

Steps to Join

1. Add the webring widget to your website HTML (shown above). Generally, you should add it to the footer.
2. Add your information to webringData in index.html file in this format:

   {
     "name": "Your Name",
     "website": "https://your-website.com",
     "year": "2028"
   }

3. Submit a Pull Request

For dark-themed websites, use icon.white.svg. Feel free to host the icon locally if you encounter HTTPS issues / styling issues.

Alternative Icons Sources

• Black: https://cs.uwatering.com/icon.black.svg
• White: https://cs.uwatering.com/icon.white.svg
• Red: https://cs.uwatering.com/icon.red.svg

Credits & Inspiration

This project draws inspiration from:

• XXIIVV Webring
• SE Webring
• ECE Engineering

Made in Waterloo 🍁