|
|
<!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:#ab9a61;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}details.important{background:#f33;border-color:#f33}.important h2{margin:0}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}font-size:20px;padding:0}nav{display:inline-block}nav li{display:inline-block;margin-right:20px}nav{font-size:1rem;line-height:2;padding:.5rem 0;margin-left:1rem}nav a{border:1px solid #72ab61;border-radius:2.5px;color:#72ab61;display:inline-block;padding:.1rem 1rem;margin-right:1rem;text-decoration:none}nav a:hover{color:#252525;background:#72ab61;font-weight:700}</style>
|
|
|
|
|
|
<title>FAQ | The no-JS.club</title>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<nav><ul class="nav">
|
|
|
<li><a id="index" href="/">| Home</a></li>
|
|
|
<li><a id="faq" href="/faq">| FAQ</a></li>
|
|
|
<li><a id="support" href="https://todo.sr.ht/~hmbrg/no-JS.club">| Ticket</a></li>
|
|
|
</ul>
|
|
|
</nav>
|
|
|
<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 as soon as possible.</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! This right can also be claimed subsequently 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="using-the-no-js-club-logos-to-showcase-membership">Using the no-JS club logos to showcase membership</h3>
|
|
|
<p>Yes, <strong>if your website is qualified and included in our list</strong>, you are entitled to use one of the following two logos:</p>
|
|
|
<h3 id="available-logos">Available logos</h3>
|
|
|
<p><strong>Bright logo which fits darker website layout:</strong></p>
|
|
|
<p><a href="https://no-js.club"><img src="https://no-js.club/images/no-JS.club_logo_bright.svg" alt="This website is a proud member of the no-JS.club"></a></p>
|
|
|
<p><strong>Dark logo which fits brighter website layout:</strong></p>
|
|
|
<p><a href="https://no-js.club"><img src="https://no-js.club/images/no-JS.club_logo_dark.svg" alt="This website is a proud member of the no-JS.club"></a></p>
|
|
|
<h3 id="how-to-integrate-logos">How to integrate logos</h3>
|
|
|
<p><strong>HTML code snippet for bright logo:</strong></p>
|
|
|
<p><code><a href="https://no-js.club/"><img alt="no-JS club" src="https://no-js.club/images/no-JS.club_logo_bright.svg"></code></p>
|
|
|
<p><strong>HTML code snippet for dark logo:</strong></p>
|
|
|
<p><code><a href="https://no-js.club/"><img alt="no-JS club" src="https://no-js.club/images/no-JS.club_logo_dark.svg"></code></p>
|
|
|
<p><strong>Markdown code snippets for bright logo:</strong></p>
|
|
|
<p><code>[](https://no-js.club)</code></p>
|
|
|
<p><strong>Markdown code snippets for dark logo:</strong></p>
|
|
|
<p><code>[](https://no-js.club)</code></p>
|
|
|
<h3 id="how-to-change-logo-size">How to change logo size</h3>
|
|
|
<p>Below you see some <strong>HTML</strong> and <strong>Markdown</strong> solutions for changing the size of the logo.</p>
|
|
|
<h4 id="html-solution-if-those-images-are-to-largesmall">HTML solution if those images are to large/small</h4>
|
|
|
<p>To proportionally change the logo 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_logo_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_logo_dark.svg" width="200px" /></a></code></p>
|
|
|
<h4 id="markdown-solution-if-those-image-are-to-largesmall">Markdown solution if those image are to large/small</h4>
|
|
|
<p>Download the logo 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 logo file to you web space and change the Markdown logo 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! All this time I have been thinking about how I can gently teach you that <strong>membership will not bankrupt you</strong> but, except for the effort of making an application via ticket and waiting for it to be approved, <strong>absolutely doesn’t cost a dime!</strong>
|
|
|
</details>
|
|
|
|
|
|
|
|
|
</content>
|
|
|
<p>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
|
|
<p class="copyright">Copyright © 2022, Frank Homburg.</p>
|
|
|
<p>
|
|
|
License:	<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="noopener">CC BY-SA 4.0</a><br>
|
|
|
Git:		<a href="https://git.sr.ht/~hmbrg/no-js.club" rel="noopener">SourceHut</a>
|
|
|
</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>
|