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.

200 lines
11 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
2 years ago
<style>body{margin:20px auto;max-width:750px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#FFFFFF;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: #00ffff;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:#9A61AB;border:3px inset #7d7d7d;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:900}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;margin-right:20px}nav a{font-weight: 900;}nav a[href*='/']::before{content:"[ "}nav a[href*='/']::after{content:" ]"}</style>
3 years ago
</style>
<title>FAQ | The no-JS Club</title>
</head>
<body>
3 years ago
<nav><a href="/">Home</a>
3 years ago
| <a href="/members/">Members</a>
3 years ago
| <a href="/faq/">FAQ</a>
3 years ago
3 years ago
| <a href="https://todo.sr.ht/~hmbrg/no-JS.club">Ticket</a>
3 years ago
</nav>
<hr>
<a href="/" class="title">
<h1>The no-JS Club</h1>
</a>
<content>
<h2 id="no-js-club-faq">no-JS Club FAQ</h2>
<p>The following information should help you answer any open questions regarding joining the <strong>no-JS Club</strong>.</p>
<p>If you need further details, 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>
3 years ago
<h2 id="important-to-know">Important to know</h2>
<details>
<summary>What we expect from a member website</summary>
<ul>
<li>SFW content</li>
<li>JavaScript-free code</li>
<li>accessible via HTTPS</li>
</ul>
</details>
3 years ago
<details>
<summary>What do you mean by SFW?</summary>
<p>SFW stands for <strong>S</strong>ave <strong>F</strong>or <strong>W</strong>ork and if your site fits into this category, you can easily measure as follows:</p>
<p>Imagine, maybe it even is, you have a three year old daughter and her perfect world consists of elves, princesses, princes and rainbow farting unicorns. The worst thing that could happen in this world would be if the princess broke one of her nails.</p>
3 years ago
<p>Would you want to put her through the content of the website? If so, it&rsquo;s definitely SFW 😉</p>
</details>
<details>
<summary>How to join the no-JS Club?</summary>
3 years ago
<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>
3 years ago
<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">
3 years ago
<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>
3 years ago
<p><strong>Example of a filled ticket:</strong></p>
<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 <a href="/members">member list</a></li>
</ol>
3 years ago
<p>Note: We reserve the right to not add sites based on whether we 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>I&rsquo;ve updated my website and size has changed, do I need to do something?</summary>
Simply file a new <a href="https://todo.sr.ht/~hmbrg/no-JS.club">ticket</a> and attach an updated <a href="https://gtmetrix.com/">GTmetrix</a> scan to let us know
</details>
<details>
<summary>Are there badges to showcase my membership?</summary>
<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>
3 years ago
<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>
3 years ago
<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>
</details>
<details>
<summary>How to integrate badges</summary>
<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>
3 years ago
<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>
3 years ago
<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>
3 years ago
<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>
</details>
<details>
<summary>How to change badge size</summary>
<p>Below you see some <strong>HTML</strong> and <strong>Markdown</strong> solutions for changing the size of the badge.</p>
<p><strong>HTML solution:</strong></p>
3 years ago
<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>
<p><strong>Markdown solution:</strong></p>
3 years ago
<p>Download the badge of your choice and open it with a text editor.</p>
<p><strong>Line two</strong> contains the dimensions, which <strong>can be adjusted to your liking.</strong></p>
<p><code>&lt;svg width=&quot;152.43&quot; height=&quot;30.054&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>
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>
<h2 id="required-reading">Required reading</h2>
3 years ago
<details style="background-color: #ff4d4d; color:#ffffff";>
<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 up-to-date.</p>
<p>The following information will be 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 via a comment within the ticket issued by the website operator regarding admission to the no-JS Club and has <strong>eight calendar days from the date of sending</strong> to rectify this problem.</p>
<p><strong>In case JavaScript continues to be used after this period, the corresponding domain will be banned from the member list and the website operator will be informed via comment in the above mentioned ticket; upon notification of the deletion, the right to use any of the badges will immediately expire.</strong></p>
3 years ago
</details>
<details style="background-color: #ff4d4d; color:#ffffff";>
<summary>Inadmissible contents</summary>
<ul>
<li><strong>pornography/sexism</strong></li>
<li><strong>racism/nazism</strong></li>
<li><strong>any kind of illegal material</strong></li>
</ul>
</details>
<details style="background-color: #ff4d4d; color:#ffffff";>
<summary>Rights we reserve</summary>
<ul>
<li><strong>we reserve the right to reject any site that we deem inappropriate, even if it does not clearly comply with the above rules</strong></li>
<li><strong>this right can also be claimed subsequently</strong> if the content develops in a direction that we consider inappropriate</li>
</ul>
3 years ago
<p><strong>Once a website has been banned from our member list, the website owner will be notified and the right to use our badges will expire</strong></p>
<p>The aforementioned notification is made via a comment within the ticket issued by the website operator regarding admission to the no-JS Club; <a href="https://todo.sr.ht/~hmbrg/no-JS.club/3#event-173022">example ticket</a></p>
3 years ago
</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 to <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>