1.9 KiB
Summary
Simple webring that does not require users to add JavaScript to their page. Instead, the webring host handles the JavaScript, and the users simply need to add a block of HTML code. This allows for users who like to keep a minimal website free from bulky JavaScript and calling CDNs.
How Users Add The Webring To Their Page
If you are the webring host, you will want to create a form for users to apply for webring membership (this can be done over email as well). Once the end user adds the webring HTML to their website (and updates the referrer link in ALL THREE places to point to their website URL), the webring host should add the user's referrer value to the sites var in static/redirect.js
<div id="tilde-webring" style="margin: 0 auto; font-size: small;">
<table style="background-color: transparent; margin: 0 auto;">
<tr>
<td class='webring-prev' style="text-align: right;">
<a href='/redirect.html?type=previous&referrer=https://cocopie.neocities.org/'>-prev-</a>
</td>
<td class='webring-info' style="text-align: center;">
<a href="https://christian-webring.nekoweb.org/"><img src="https://i.imgur.com/rYx5Gur.png"/></a><br>
<span class='webring-links'>
<a href='/redirect.html?referrer=https://cocopie.neocities.org/'>random</a>
</span>
</td>
<td class='webring-next' style="text-align: left;">
<a href='/redirect.html?type=next&referrer=https://cocopie.neocities.org/'>-next-</a>
</td>
</tr>
</table>
</div>
Hosting Your Own Webring
Clone this repo and host the redirect.html and the static directory on your website. Customize the code for the actual webring HTML that users will place on their website. Create your own logo, change the colors, etc.