<!DOCTYPE html>
<html lang="en">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:725px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color:#6172ab;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:1px solid;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}details[open]{padding-bottom:.75rem}details[open] summary{margin-bottom:.5rem}details[open]>*:last-child{margin-bottom:0}img{max-width:100%;display:block;margin:0 auto}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<title>FAQ | The no-JS.club</title>
</head>
<body>
<nav><a href="/">Home</a>
<a href="/members/">Members</a>
<a href="/faq/">FAQ</a>
<a href="https://todo.sr.ht/~hmbrg/no-JS.club">Ticket</a>
</nav>
<hr>
<a href="/" class="title">
<h1>The no-JS club</h2>
</a>
<content>
<h2 id="no-js-club-faq">no-JS Club FAQ</h2>
<p>The following information should help you answer any unanswered questions about joining the no-JS club.</p>
<p>If you need more information, do not hesitate to create a <a href="https://todo.sr.ht/~hmbrg/no-JS.club">ticket</a>. We will respond to your request A.S.A.P.</p>
<details>
<summary>Terms and conditions</summary>
<h3 id="your-website-has-to-be">Your website has to be</h3>
<ul>
<li><strong>SFW</strong></li>
<li><strong>accessible via HTTPS</strong></li>
</ul>
<h3 id="no-go-content">No-go content</h3>
<ul>
<li><strong>JavaScript</strong></li>
<li><strong>pornography/sexism</strong></li>
<li><strong>fanaticism/racism</strong></li>
<li><strong>illegal or inappropriate</strong></li>
</ul>
<h3 id="final-decision-authority">Final decision authority</h3>
<ul>
<li>We reserve the <strong>right to reject websites</strong> that we consider inappropriate for any reason!</li>
<li><strong>This right can also be claimed subsequently</strong> if the content develops in a direction that we consider inappropriate. Before we remove a website, we contact the operator.</li>
</ul>
</details>
<details>
<summary>How to join the no-JS club?</summary>
<h3 id="instructions">Instructions</h3>
<p>If you're interested in getting your site added to the no-JS club, all you need to do is to follow this step-by-step guide:</p>
<ol>
<li>
<p>🤞 Use <a href="https://gtmetrix.com">GTMetrix</a> to analyse your website 🤞</p>
</li>
<li>
<p>Once complete, click on <strong>“Waterfall”</strong> and note 📝 the uncompressed size of transfered data</p>
</li>
</ol>
<p><img src="/assets/no-js/accepted_gtmetrix_waterfall_all.webp" alt="Accepted domain - All tab GTmetrix analyse result"></p>
<ol start="3">
<li>
<p>Next click on the <strong>“JS”</strong> tab to make sure your homepage doesn’t contain JS code</p>
</li>
<li>
<p>🙌 Example Result Where No JavaScript Detected 🙌</p>
</li>
</ol>
<p><img src="/assets/no-js/accepted_gtmetrix_waterfall_js.webp" alt="Accepted domain - JS tab GTmetrix analyse result"></p>
<ol start="5">
<li>😞 Example Result Where JavaScript Was Detected! 😞</li>
</ol>
<p><img src="/assets/no-js/denied_gtmetrix_waterfall_js.webp" alt="Denied domain - JS tab GTmetrix analyse result"></p>
<ol start="6">
<li>If your website satisfies the requirement, <a href="https://todo.sr.ht/~hmbrg/no-JS.club">submit a ticket 🎫 on sourcehut</a></li>
</ol>
<h4 id="example-of-a-filled-ticket">Example Of A Filled Ticket</h4>
<p><img src="/assets/no-js/membership-request-ticket.webp" alt="sourcehut membership request ticket"></p>
<ol start="7">
<li>Once your request is approved, the domain will be added to the member list below</li>
</ol>
<p>Note: I reserve the right to not add sites based on whether I think they’re suitable to be added or not</p>
<p><a href="https://todo.sr.ht/~hmbrg/no-JS.club/1">Example ticket showcasing an accepted request 🙌</a></p>
<p><a href="https://todo.sr.ht/~hmbrg/no-JS.club/2">Example ticket showcasing a denied request 😢</a></p>
</details>
<details>
<summary>Is there any way I can show that I am a no-JS club member?</summary>
<h3 id="available-badges">Available badges</h3>
<p>Yes, <strong>if your website is qualified and included in our list</strong>, you are entitled to use one of the following badges:</p>
<p><strong>Bright badge which fits darker website layouts:</strong></p>
<p><a href="https://no-js.club"><img src="https://no-js.club/images/no-JS.club_badge_bright.svg" alt="This website is a proud member of the no-JS.club"></a></p>
<p><strong>Dark badge which fits brighter website layouts:</strong></p>
<p><a href="https://no-js.club"><img src="https://no-js.club/images/no-JS.club_badge_dark.svg" alt="This website is a proud member of the no-JS.club"></a></p>
<h3 id="how-to-integrate-badges">How to integrate badges</h3>
<p><strong>HTML code snippet for bright badge:</strong></p>
<p><code><a href="https://no-js.club/"><img alt="no-JS club" src="https://no-js.club/images/no-JS.club_badge_bright.svg"></code></p>
<p><strong>HTML code snippet for dark badge:</strong></p>
<p><code><a href="https://no-js.club/"><img alt="no-JS club" src="https://no-js.club/images/no-JS.club_badge_dark.svg"></code></p>
<p><strong>Markdown code snippets for bright badge:</strong></p>
<p><code>[](https://no-js.club)</code></p>
<p><strong>Markdown code snippets for dark badge:</strong></p>
<p><code>[](https://no-js.club)</code></p>
<h3 id="how-to-change-badge-size">How to change badge size</h3>
<p>Below you see some <strong>HTML</strong> and <strong>Markdown</strong> solutions for changing the size of the badge.</p>
<h4 id="html-solution">HTML solution</h4>
<p>To proportionally change the badge size you either add the <strong>width</strong> or <strong>height</strong> parameter to the HTML snippet. The browser will automatically calculate the size of the other edge.</p>
<p><strong>Example using the “height” parameter:</strong></p>
<p><code><a href="https://no-js.club"><img src="https://no-js.club/images/no-JS.club_badge_bright.svg" height="120px" /></a></code></p>
<p><strong>Example using the “width” parameter:</strong></p>
<p><code><a href="https://no-js.club"><img src="https://no-js.club/images/no-JS.club_badge_dark.svg" width="200px" /></a></code></p>
<h4 id="markdown-solution">Markdown solution</h4>
<p>Download the badge of your choice and open it with a text editor.</p>
<p><strong>Lines five and six</strong> contain the dimensions in millimeters, which <strong>can be adjusted to your liking.</strong></p>
<p><code>width="31.75940125mm"</code></p>
<p><code>height="27.790841875mm"</code></p>
<p>Upload the updated badge file to you web space and change the Markdown integration snippet respectively.</p>
</details>
<details>
<summary>Will membership cost me anything?</summary>
<h3 id="the-cost-of-membership">The cost of membership</h3>
<p>Good you asked! While you were reading through the FAQ, I was thinking about how to gently teach you that <strong>membership won’t bankrupt you</strong> but, aside from the hassle of submitting an application by <a href="https://todo.sr.ht/~hmbrg/no-JS.club">ticket</a> and waiting for it to be approved, <strong>absolutely doesn’t cost a dime!</strong>.
</details>
</content>
<p>
</p>
<hr>
<i>This page was last updated on: 26. April 2022</i><br>
<hr>
<p class="copyright">Copyright © 2022, Frank Homburg.</p>
<p>
The <b>no-JS Club</b> was created by Frank Homburg and is the successor of <a href="https://goel.io" rel="noopener">Karan Goel's</a> now archived project, <a href="https://github.com/karan/nojs.club" rel="noopener">The noJS Club</a>.
</p>
<p>
Maintained with 💜 for a JavaScript freer Internet.
</p>
</body>
</html>