Fliterati

:: "Fliterati", noun, portmanteau of film & literati ::

Preserving the human web

Simply put, it's getting harder to discover original, human-created content online.

Search engines, and their AI derivatives, are largely geared to providing one-stop answers, and less about stumbling across interesting content within a particular niche.

That's where web rings come in. Content creators can use them to connect with similar sites and, hopefully, find new visitors. Visitors can use them to fall into rabbit holes of human-created content they might not otherwise found.

In a nutshell, this web ring is a collection of links to cool content humans have written and published online, and which is at risk of vanishing from view.

How does it work?

Sites that are part of a web chain (a.k.a web ring) display a shared navigation bar. Visitors can use the "next", "prev" and "random" buttons to visit other sites in the chain. That's all there is to it!

This project is based on the onionring webring template.

Who should join?

The intention is to curate and link independent sites (passion projects!) that aren't already served by SEO, ad networks, corporate funding, etc. There's no cost to join the chain; the only requirements are detailed below.

Sites and content

Webmasters

Rules

How to add your site

If you've read the instructions and rules above and think your site is a good fit, here's what to do next.

1. Add the widget

Add the html snippet below to your site. The widget should appear on every page of the site, so ideally pop it somewhere like the footer or a sidebar.

HTMLCopy 📋
<div id="FliteratiWebChain">
  <script type="text/javascript" 
    src="https://hc8c.github.io/fliterati/onionring-variables.js">
  </script>
  <script type="text/javascript" 
    src="https://hc8c.github.io/fliterati/onionring-widget.js">
  </script>
</div>

When you first add the code, it will appear on your site like this:

Once your site is added to the chain, the widget will appear like so:

You're free to style the widget to suit your site, using css, or however you normally style your content.

2. Add your site to the directory

HTMLCopy 📋
{ siteName: "yourdomain.com",
  siteUrl: "https://www.yourdomain.com",
  siteDesc: "Describe your site (30 words max)",
},

Leaving the chain