How to join the O'Ring

If after following this epic, VERY CLEAR AND DESCRIPTIVE guide it still didn't work, we will kill you!!!! Or maybe the site is down that's also possible.

Add the widget to your footer

Add this to the the footer of your website or somewhere visible, I recommend adding it to every page of your site. As you can also see, we also left a friendly reminder for schizos who disable javascript. 

<div id="o-ring">
    <noscript>
        &gt;not using javascript in [current year]
    </noscript>
    <script src="https://oserver.club/assets/js/onionring-variables.js"></script>
    <script src="https://oserver.club/assets/js/onionring-widget.js"></script>
</div>

Customize the widget

You can of course customize this widget with CSS, here is mine:

#o-ring {
    margin: 5px auto 0 auto;
    padding: 0;
    border: 1px dashed var(--border-color);
    width: fit-content;
    background-color: var(--bg-color);
    align-items: center;
}

#o-ring table {
    margin: 0 auto;
}


#o-ring table tr td {
    padding: 0px 10px;
}


#o-ring .webring-prev {
    text-align: right;
}

#o-ring .webring-info {
    text-align: center;
}


#o-ring .webring-next {
    text-align: left;
}


#o-ring .webring-links {
    font-size: small;
}

You're set up!

Now you have to wait for us to add your site to the variables javascript file.