Meta Ring
Welcome to the Meta Ring!
This is a webring for anyone who enjoys tinkering and experimenting with their personal websites and writes about its design and the technology in "meta" pages, or a colophon.
## What's this for?
colophon (n.) -- en.wiktionary.org
A page on a website identifying the details of its creation, such as the author's name and the technologies used.
Your personal home page is unique. It is the result of careful craft and deliberation and it represents a piece of you. You make intentional design choices to reflect the values you believe in and how you see yourself, how you wish to be perceived. You choose to use certain technologies that gets you excited, or makes you productive, or simply ones that just "works" for your use-case. You have built workflows and systems for and around producing content on your personal pages, systems that works just for your own little corner of the internet; and you write about all of this in a dedicated page on your very own website and share it with others like you, who are also fascinated by the cool and quirky personal web.
Do you have a /meta
page or even a detailed changelog? Read about the related
blog post or check out the guidelines
below for more context.
## Can I join?
Of course! Anyone with a personal website is welcome to join if the following requirements are met.
### Guidelines
-
Your website should either have a dedicated page, e.g.
/meta
or/colophon
, or a dedicated section on your site elsewhere that talks about your personal site in detail.What should it be about?
This could be anything you want to write about which you see fit -- what do you care a lot about on your personal site? Is it accessibility? Is it the fonts, the color scheme, or other aspects of design? Is it your blogging scripts, or did you hack together your own static-site generator to build your site from your own custom content format?
Write about it, or link to those blog posts where you wrote about your site's updates!
Check out some examples below in the member list, or in this blog post.
-
The meta page or the page with the colophon section in question should be discoverable -- it should be linked where someone visiting your site from this webring can find.
-
You should include the webring's previous and next links as provided below somewhere on your website. (That makes the "ring" in webrings!)
Show details
To allow members of the webring to be visited in a circuit, a visitor who came from the site before you in the webring, should be able to find the previous and next links and visit the next link in the webring.
These links don't need to be on your home page, but like the meta page, it should be discoverable through your site navigation.
### Rules
-
Your site should not contain highly inappropriate, illegal, or immoral content, including pornographic, excessively NSFW, or similar material. Content warnings must be clearly visible.
-
This webring focuses on personal websites. This means organization and project home pages will not be accepted.
It's great to know about the technology behind your project sites, but the purpose of this webring is to encourage unique personal sites, the joy of exploration and tinkering with technology, reflecting it in your personal site, and sharing it with the world.
## How do I join?
Awesome! If you feel the guidelines above describes you, follow these steps to add yourself to the webring:
-
Ensure your submission follows the rules listed above.
-
List the webring on your website. See webring code below for an example.
-
Submit a PR to this GitHub repository by updating the
_data/members.json
file with your new entry:
{
"name": "Your Name (or your site's name)",
"colophon": "https://website.example/meta",
"url": "https://website.example/"
}
Patches to this mailing list is also accepted, if you prefer.
### Webring code
The link to this page, and the previous and next links should be added to your site before submitting your PR. You can omit the random link if you like.
Here's an example:
This site is part of the Meta Ring:
[← Previous]
[Random]
[Next →]
<p style="text-align: center;">
This site is part of the <a href="https://meta-ring.hedy.dev/">Meta Ring</a>:<br/>
[<a href="https://meta-ring.hedy.dev/previous">← Previous</a>]
[<a href="https://meta-ring.hedy.dev/random">Random</a>]
[<a href="https://meta-ring.hedy.dev/next">Next →</a>]
</p>
Note that these links do not execute JavaScript client-side.
## Members
This website is made with 💜 by ~hedy with Lume and hand-crafted CSS. It is best viewed in your favorite web browser. View the source here.