BentoVid Web Ring

The BentoVid Webring is a network of vidding-related sites made or maintained by BentoVid members!

Table of Contents

Github Repository

1. Site List
2. How to Join
   • Add Widget
   • Modify sites.js

Webring Site List

Random Site

How to Join

1. Add the Widget

Add one of the widgets below, and style it as you like. If you do not want to style it yourself, there is a base stylesheet here. Copy this where ever you put custom CSS, or, if you have direct access to your HTML, you can remotely load the css file using this link: https://reisir.github.io/webring-widget/styles/widget.css

Preferred Widget Method

Add this HTML snippet to your site:

<webring-widget>
  <script type="module" src="https://reisir.github.io/webring-widget/scripts/widget.js" defer></script>
</webring-widget>

Fallback Method

If the above method does not work for you (for example if your site is on a public service like wordpress.com), use the pure HTML fallback method. Add this snippet to your site instead:

<webring-widget>
  <span id="title">
    <a href="https://bentovid.com/webring">BentoVid Webring</a>
  </span>
  <div id="links">
    <a id="previous" href="https://reisir.github.io/webring-widget/previous" class="arrow">←</a> <span id="current">YOUR SITE NAME HERE</span> <a id="next" href="https://reisir.github.io/webring-widget/next" class="arrow">→</a>
  </div>
</webring-widget>

2. Modify sites.js

The next step is to add your site information to sites.js in the Github repository by making a pull request. If you do not want to or can not do this, ping either @standardquip (Vars) or @reisir in the discord server and we'll do it for you! 🙂