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.

199 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">
<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>
</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>
</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/~shruub/no-JS.club">ticket</a>. We will respond to your request A.S.A.P.</p>
<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>
<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>
<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>
<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/~shruub/no-JS.club">submit a ticket 🎫 on sourcehut</a></li>
</ol>
<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>
<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/~shruub/no-JS.club/1">Example ticket showcasing an accepted request 🙌</a></p>
<p><a href="https://todo.sr.ht/~shruub/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/~shruub/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>
<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>
</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>
<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>
</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>
<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>
<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>
<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>
<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>
<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/~shruub/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>
<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>
</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>
<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/~shruub/no-JS.club/3#event-173022">example ticket</a></p>
<p>If the website was migrated from the previous noJS club membership, notification via ticket is not possible. For this reason, the club member&rsquo;s website is searched for an email address, if this does not lead to a positive result, the website is deleted <strong>WITHOUT prior notification</strong>.</p>
</details>
</content>
<p>
</p>
<hr>
<p class="copyright">Copyright © 2022, Frank Homburg, © 2023-2024 shruub</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>. Now maintained by shruub.
</p>
<p>
Maintained with 💜 for a JavaScript freer Internet.
</p>
</body>
</html>