Join

TAKING TEST SIGN-UPS RIGHT NOW. IS THIS HOW YOU USE THE WORD "BETA"? MAYBE. POINT IS, I NEED SOME TESTERS TO TEST THE ENTIRE WEBRING, SIGN-UP AND WIDGET AND ALL, TO CATCH BUGS AND EDGE CASES. IF YOU'RE WILLING TO SIGN UP I WILL LOVE YOU. IF NOT, THEN I STILL LOVE YOU REGARDLESS. THANKS!

I'm so glad you wanna join! Please read the rules before doing so:

Rules

Your website has to be customizable enough for you to add the navigation links. As long as the website allows you to link your own links, you can do it! If you're not sure, just join anyways and we'll see.
Have at least 1 OC on your website.
- If you have exactly 1 OC, please make sure it's not just a self-introduction of yourself.
Both original characters and fan characters are welcome. See here for my speech-like paragraph on what I consider an OC. if you're still not sure, just join anyways!
Character info has to be hosted on your site itself. Which means, a collection of Toyhouse or Artfight links does not count.
No hateful content on any part of your site (not just the character part). This is becoming some sort of internet amulet.
Both Chinese and English sites are welcome. I just have to be able to understand what's written on there to make sure there's nothing against the rules. So a little bit of other languages is fine, but the main language has to be one of these two. IDK if I'm open to people speaking more languages to help though. I'll think about it.

How to join

You can either straight up open a pull request in the github repo, or fill out a form.

Open a PR

If you know JSON, you can edit this file in the Github repo. The template is in the README file.

Form

Fill out this form:

After you've submitted either the PR or the form, you can add the widget to your site.

Widget

With button

Without button

<div id="oc-webring-widget">
    <div id="oc-webring-title"><a href="https://tofutush.github.io/oc-webring">OC Webring</a></div>
    <div id="oc-webring-controls">
        <a href="https://tofutush.github.io/oc-webring/prev/?site=YOUR_SITE_NAME">Previous</a>
        <a href="https://tofutush.github.io/oc-webring/rand/?site=YOUR_SITE_NAME">Random</a>
        <a href="https://tofutush.github.io/oc-webring/next/?site=YOUR_SITE_NAME">Next</a>
    </div>
</div>

Replace YOUR_SITE_NAME exactly as you wrote it, spaces and all!

You can add the following CSS to your site too -- or customize it however you like.

#oc-webring-widget {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  width: fit-content;
  gap: 1em;
  border: 4px solid #e56b6f;
  padding: 1em;
  border-radius: 12px;
}
#oc-webring-title {
  font-weight: bold;
}
#oc-webring-controls {
  display: flex;
  gap: 1em;
}

Links

If you can't put the widget exactly like that, then including these three links and the button works too:

<a href="https://tofutush.github.io/oc-webring/prev/?site=YOUR_SITE_NAME">Previous</a>
<a href="https://tofutush.github.io/oc-webring/rand/?site=YOUR_SITE_NAME">Random</a>
<a href="https://tofutush.github.io/oc-webring/next/?site=YOUR_SITE_NAME">Next</a>

OC Webring

Crazy OC people assemble!