Skip to content

Latest commit

 

History

History
107 lines (90 loc) · 4.23 KB

join.md

File metadata and controls

107 lines (90 loc) · 4.23 KB
layout title permalink
page
Join
/join/

{{ site.description }}

If you post about the topics above, we'd love for you to join our webring! We do ask that you meet the following requirements:

  • The site must be a personal site, not for a business. If you’ve got your own consulting company or a book, that’s ok.
  • The primary content must be free and accessible. You may not require a user to login, create an account, or pay to view your posts.
  • You must display the webring banner on your blog, preferably in the header or footer of each page.

Additionally, we strongly recommend that your blog have an RSS feed. If it does, we'll include it in our OPML file and include your content in our recent posts list.

To join the webring, please open a request to add a new site through GitHub issues.

After you’re approved, you’ll need to add the webring code to your website:

For Self-Hosted Websites

You can show the webring on your site by pasting the following html snippet wherever you want it to appear:

<textarea class="code-snippet"><script src="{{ 'webring.js' | absolute_url }}"></script> <script>showWebring(true);</script></textarea>

If you'd like to disable the default styles, you can use this snippet instead:

<textarea class="code-snippet"><script src="{{ 'webring.js' | absolute_url }}"></script> <script>showWebring();</script></textarea>

For Hosted Blogs

If you're using a service to host your blog which does not allow JavaScript, you can use a static version instead, either on your bio and/or posts. Use the generator below to generate the html for your page:

Your Website: Full Banner
Short Banner

Get your code:

<textarea class="webring-html" id="webring-html"></textarea>

How it will appear:

Last, you can also use this button to link to this page:

Public Interest Tech Webring

<script> function updateCode(e) { console.log('update', e); if(e) e.preventDefault(); let codeType = document.querySelector('input[name="webring-type"]:checked').value; let website = encodeURIComponent(document.getElementById('website').value); let code = ` | {{ site.title }} | `; if(codeType == 'full') { code = `This blog is part of the {{ site.title }}. | Previous Site | Next Site`; } document.getElementById('webring-html').innerHTML = ''; document.getElementById('webring-html').appendChild(document.createTextNode(' '+code)); document.getElementById('webring-generated').innerHTML = code; return false; } updateCode(); document.getElementById('webring-generator').addEventListener('submit', updateCode, true); const inputs = document.querySelectorAll('.webring-input'); for(let i = 0; i < inputs.length; i++) { inputs[i].addEventListener('change', updateCode, true); } </script>