You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

171 lines
9.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
3 years ago
<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>
3 years ago
<nav><a href="/">Home</a>
<a href="/members/">Members</a>
<a href="/faq/">FAQ</a>
3 years ago
<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>
3 years ago
<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>
3 years ago
<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>Member list update interval</summary>
<p>In addition to the updates triggered by the membership application, member web pages will be reviewed at irregular intervals to keep data current.</p>
<p>The following information is checked:</p>
<ul>
<li>transferred data volume when calling the domain (uncompressed)</li>
<li>presence of JavaScript</li>
</ul>
<p>If such a check reveals that JavaScript is being used in the meantime, the site operator is informed by e-mail and has <strong>eight calendar days from the date of sending</strong> to rectify this problem.</p>
<p><strong>If JavaScript continues to be used after this period, the corresponding domain will be deleted from the member list and the website operator will be informed. Upon notification of the deletion, the right to use any of the badges will immediately expire.</strong></p>
</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>&ldquo;Waterfall&rdquo;</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>&ldquo;JS&rdquo;</strong> tab to make sure your homepage doesn&rsquo;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&rsquo;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>
3 years ago
<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>&lt;a href=&quot;https://no-js.club/&quot;&gt;&lt;img alt=&quot;no-JS club&quot; src=&quot;https://no-js.club/images/no-JS.club_badge_bright.svg&quot;&gt;</code></p>
<p><strong>HTML code snippet for dark badge:</strong></p>
<p><code>&lt;a href=&quot;https://no-js.club/&quot;&gt;&lt;img alt=&quot;no-JS club&quot; src=&quot;https://no-js.club/images/no-JS.club_badge_dark.svg&quot;&gt;</code></p>
<p><strong>Markdown code snippets for bright badge:</strong></p>
<p><code>[![This website is a proud member of the no-JS.club](https://no-js.club/images/no-JS.club_badge_bright.svg)](https://no-js.club)</code></p>
<p><strong>Markdown code snippets for dark badge:</strong></p>
<p><code>[![This website is a proud member of the no-JS.club](https://no-js.club/images/no-JS.club_badge_dark.svg)](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 &ldquo;height&rdquo; parameter:</strong></p>
3 years ago
<p><code>&lt;a href=&quot;https://no-js.club&quot;&gt;&lt;img src=&quot;https://no-js.club/images/no-JS.club_badge_bright.svg&quot; height=&quot;120px&quot; /&gt;&lt;/a&gt;</code></p>
<p><strong>Example using the &ldquo;width&rdquo; parameter:</strong></p>
3 years ago
<p><code>&lt;a href=&quot;https://no-js.club&quot;&gt;&lt;img src=&quot;https://no-js.club/images/no-JS.club_badge_dark.svg&quot; width=&quot;200px&quot; /&gt;&lt;/a&gt;</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=&quot;31.75940125mm&quot;</code></p>
<p><code>height=&quot;27.790841875mm&quot;</code></p>
3 years ago
<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>
3 years ago
<p>Good you asked! While you were reading through the FAQ, I was thinking about how to gently teach you that <strong>membership won&rsquo;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&rsquo;t cost a dime!</strong>.
</details>
</content>
<p>
</p>
<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>