- Add the webring widget to your website HTML (template below). Generally, you should add it to the footer.
- Fork this repo and add your information to the BOTTOM of
webringData[]inindex.htmlfollowing this format:{ "name": "Your Name", "website": "https://your-website.com", "year": "20XX" } - Submit a Pull Request! We'll try to review as fast as we can.
Since every website is unique, we suggest you add your own flair to the lion. We also know that design is hard, so here are some examples to get you started:
<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 --><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 URLFor dark-themed websites, use icon.white.svg. Feel free to host the icon locally if you encounter HTTPS issues / styling issues.
- Black:
https://cs.uwatering.com/icon.black.svg - White:
https://cs.uwatering.com/icon.white.svg - Red:
https://cs.uwatering.com/icon.red.svg
If none of these quite work for you, feel free to make your own. If you're using React, start with icon.custom.tsx.
We're honoured that you're interested in us! If you're a student in UWaterloo, consider joining the SE Webring and ECE Webring if you're in these aforementioned programs. We promise they'll also take good care of you :)
If none of these are a fit, make your own! Webrings are a fantastic way to find new people, and don't take much technical skill to create.
Yep, as long as you studied Computer Science or are currently studying it
👍
This project draws inspiration from the folks at XXIIVV Webring. We're also good friends with our fellow students at the SE Webring and ECE Webring!
Justin and Wilbur currently maintain the site, so if you see any bugs please let us know by making an issue. We'll try to respond as fast as we can 🤞