An open API service indexing awesome lists of open source software.

https://github.com/criticalchicken/gp_iframe

The widget for our Gaymers+ Webring
https://github.com/criticalchicken/gp_iframe

gayming indie-web indieweb lgbt lgbtq lgbtqia old-web oldweb slow-web slowweb web-ring webring webrings

Last synced: about 1 year ago
JSON representation

The widget for our Gaymers+ Webring

Awesome Lists containing this project

README

          

# Gaymers+ Webring

We’re building an inclusive place for LGBTQ+ gamers and creators. [And we’d love you to join.](https://www.criticalchicken.com/webring)

## The widget

Our widget displays member sites’ mini-banners, smoothly scrolling, in a random order.

- It comes in two flavours: a [vibrant](https://www.criticalchicken.com/gp_iframe/vibrant.php), Pride-themed one; and a more businesslike [monochrome](https://www.criticalchicken.com/gp_iframe/monochrome.php) one.
- It’s designed to live in an HTML `iframe`, so we made sure it’s good at squeezing into tight spaces.
- It reacts to users’ light- and dark-mode preferences.
- If a user has turned on the “Reduce animations” accessibility feature on their device, the widget stays still.
- The same goes for users who’ve disabled JavaScript in their web browsers.
- We also offer [static vibrant](https://www.criticalchicken.com/gp_iframe/vibrant_static.php) and [static monochrome](https://www.criticalchicken.com/gp_iframe/monochrome_static.php) variants, for websites where animation just wouldn’t look right.
- And there are no analytics, trackers, ads, or cookies involved, which is nice.

## Setting up the widget

Simply choose your preferred variant, and copy and paste the HTML code. Change the `width` value if you need to – but wider is better!

### Vibrant ([live demo](https://www.criticalchicken.com/gp_iframe/vibrant.php))

**Minimum width:** 220px

``

### Monochrome ([live demo](https://www.criticalchicken.com/gp_iframe/monochrome.php))

**Minimum width:** 187px

``

### Vibrant, static ([live demo](https://www.criticalchicken.com/gp_iframe/vibrant_static.php))

**Minimum width:** 237px

``

### Monochrome, static ([live demo](https://www.criticalchicken.com/gp_iframe/monochrome_static.php))

**Minimum width:** 204px

``