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.

402 lines
13 KiB
HTML

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="https://no-js.club/favicon.ico" />
<title>FAQ | The no-JS.club</title>
<meta name="title" content="FAQ" />
<meta name="description" content="no-JS Club FAQ Terms and conditions Your website must be&hellip; SFW accessible via HTTPS Your website doesn&rsquo;t include the following contents pornography/sexism or otherwise offensive fanaticism racism illegal material of any kind How to join the no-JS club? Instructions 🤞 Use GTMetrix to analyse your website 🤞
Once complete, click on &ldquo;Waterfall&rdquo; and note 📝 the uncompressed size of transfered data" />
<meta name="keywords" content="" />
<meta property="og:title" content="FAQ" />
<meta property="og:description" content="no-JS Club FAQ Terms and conditions Your website must be&hellip; SFW accessible via HTTPS Your website doesn&rsquo;t include the following contents pornography/sexism or otherwise offensive fanaticism racism illegal material of any kind How to join the no-JS club? Instructions 🤞 Use GTMetrix to analyse your website 🤞
Once complete, click on &ldquo;Waterfall&rdquo; and note 📝 the uncompressed size of transfered data" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://no-js.club/faq/" /><meta property="og:image" content="https://no-js.club/images/share.png"/><meta property="article:section" content="" />
<meta property="article:published_time" content="2022-04-26T13:03:54+02:00" />
<meta property="article:modified_time" content="2022-04-26T13:03:54+02:00" /><meta property="og:site_name" content="The no-JS Club | Showcase of JavaScript liberated websites" />
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://no-js.club/images/share.png"/>
<meta name="twitter:title" content="FAQ"/>
<meta name="twitter:description" content="no-JS Club FAQ Terms and conditions Your website must be&hellip; SFW accessible via HTTPS Your website doesn&rsquo;t include the following contents pornography/sexism or otherwise offensive fanaticism racism illegal material of any kind How to join the no-JS club? Instructions 🤞 Use GTMetrix to analyse your website 🤞
Once complete, click on &ldquo;Waterfall&rdquo; and note 📝 the uncompressed size of transfered data"/>
<meta itemprop="name" content="FAQ">
<meta itemprop="description" content="no-JS Club FAQ Terms and conditions Your website must be&hellip; SFW accessible via HTTPS Your website doesn&rsquo;t include the following contents pornography/sexism or otherwise offensive fanaticism racism illegal material of any kind How to join the no-JS club? Instructions 🤞 Use GTMetrix to analyse your website 🤞
Once complete, click on &ldquo;Waterfall&rdquo; and note 📝 the uncompressed size of transfered data"><meta itemprop="datePublished" content="2022-04-26T13:03:54+02:00" />
<meta itemprop="dateModified" content="2022-04-26T13:03:54+02:00" />
<meta itemprop="wordCount" content="433"><meta itemprop="image" content="https://no-js.club/images/share.png"/>
<meta itemprop="keywords" content="" />
<meta name="referrer" content="no-referrer-when-downgrade" />
<style>
body {
font-family: Verdana, sans-serif;
margin: auto;
padding: 20px;
max-width: 720px;
text-align: left;
background-color: #fff;
word-wrap: break-word;
overflow-wrap: break-word;
line-height: 1.5;
color: #444;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
color: #222;
}
a {
color: #7561ab
}
.title {
text-decoration: none;
border: 0;
}
.title span {
font-weight: 400;
}
nav a {
margin-right: 10px;
}
textarea {
width: 100%;
font-size: 16px;
}
input {
font-size: 16px;
}
content {
line-height: 1.6;
}
table {
width: 100%;
}
img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
code {
padding: 2px 5px;
background-color: #f2f2f2;
}
pre code {
color: #222;
display: block;
padding: 20px;
white-space: pre-wrap;
font-size: 14px;
}
div.highlight pre {
background-color: initial;
color: initial;
}
div.highlight code {
background-color: unset;
color: unset;
}
blockquote {
border-left: 1px solid #999;
color: #222;
padding-left: 20px;
font-style: italic;
}
footer {
padding: 0px;
text-align: left;
}
.helptext {
color: #777;
font-size: small;
}
.errorlist {
color: #eba613;
font-size: small;
}
ul.blog-posts {
list-style-type: none;
padding: unset;
}
ul.blog-posts li {
display: flex;
}
ul.blog-posts li span {
flex: 0 0 130px;
}
ul.blog-posts li a:visited {
color: #8b6fcb;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #333;
color: #ddd;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
color: #eee;
}
a {
color: #8cc2dd;
}
code {
background-color: #777;
}
pre code {
color: #ddd;
}
blockquote {
color: #ccc;
}
textarea,
input {
background-color: #252525;
color: #ddd;
}
.helptext {
color: #aaa;
}
}
details {
padding: .6rem 1rem;
background: var(--accent);
border: 1px solid;
border-radius: 5px;
margin-bottom: 1rem;
}
details.red-notice {
background: var(--notice-red-bg);
border-color: var(--notice-red-border);
}
.red-notice h2 {
margin: 0;
}
summary {
cursor: pointer;
font-weight: bold;
}
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;
}
</style>
</head>
<body>
<header><a href="/" class="title">
<h2>The no-JS.club</h2>
</a>
<nav><a href="/">Home</a>
<a href="/faq/">FAQ</a>
<a href="https://todo.sr.ht/~hmbrg/no-JS.club">Membership Request</a>
</nav>
</header>
<main>
<content>
<h1 id="no-js-club-faq">no-JS Club FAQ</h1>
<!-- raw HTML omitted -->
<details>
<summary>Terms and conditions</summary>
<h2 id="your-website-must-be">Your website must be&hellip;</h2>
<ul>
<li><strong>SFW</strong></li>
<li><strong>accessible via HTTPS</strong></li>
</ul>
<h2 id="your-website-doesnt-include-the-following-contents">Your website doesn&rsquo;t include the following contents</h2>
<ul>
<li><strong>pornography/sexism or otherwise offensive</strong></li>
<li><strong>fanaticism</strong></li>
<li><strong>racism</strong></li>
<li><strong>illegal material of any kind</strong></li>
</ul>
</details>
<details>
<summary>How to join the no-JS club?</summary>
<h2 id="instructions">Instructions</h2>
<!-- raw HTML omitted -->
<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>Next click on the <strong>&ldquo;JS&rdquo;</strong> tab to make sure your homepage doesn&rsquo;t contain JS code</li>
</ol>
<h3 id="--example-result-where-no-javascript-detected-">🙌 Example Result Where No JavaScript Detected 🙌</h3>
<p><img src="/assets/no-js/accepted_gtmetrix_waterfall_js.webp" alt="Accepted domain - JS tab GTmetrix analyse result"></p>
<h3 id="-example-result-where-javascript-was-detected-">😞 Example Result Where JavaScript Was Detected! 😞</h3>
<p><img src="/assets/no-js/denied_gtmetrix_waterfall_js.webp" alt="Denied domain - JS tab GTmetrix analyse result"></p>
<ol start="4">
<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>
<h3 id="example-of-a-filled-ticket">Example Of A Filled Ticket</h3>
<p><img src="/assets/no-js/membership-request-ticket.webp" alt="sourcehut membership request ticket"></p>
<ol start="5">
<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>
<h2 id="using-the-no-jsclub-logos-to-showcase-membership">Using the no-JS.club logos to showcase membership</h2>
<p>If your website is <strong>qualified and included in our list</strong>, you are entitled to use one of the following two logos:</p>
<h2 id="bright-no-js-club-logo">Bright no-JS club logo</h2>
<p><a href="https://no-js.club"><img src="/images/no-JS.club_logo_bright.svg" alt="bright no-JS.club logo"></a></p>
<h3 id="to-include-the-above-logo-use-the-following-html-code">To include the above logo, use the following HTML code:</h3>
<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_logo_bright.svg&quot;&gt;</code></p>
<h3 id="when-using-a-static-side-generator-like-hugo-use-the-following-markdown-snippet">When using a static side generator like Hugo use the following Markdown snippet:</h3>
<p><code>[![This website is a proud member of the no-JS.club logo](https://no-js.club/images/no-JS.club_logo_bright.svg)](https://no-js.club)</code></p>
<h2 id="dark-no-js-club-logo">Dark no-JS club logo</h2>
<p><a href="https://no-js.club"><img src="/images/no-JS.club_logo_dark.svg" alt="dark no-JS.club logo"></a></p>
<h3 id="to-include-the-above-logo-use-the-following-html-code-1">To include the above logo, use the following HTML code:</h3>
<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_logo_bright.svg&quot;&gt;</code></p>
<h3 id="when-using-a-static-side-generator-like-hugo-use-the-following-markdown-snippet-1">When using a static side generator like Hugo use the following Markdown snippet:</h3>
<p><code>[![This website is a proud member of the no-JS.club logo](https://no-js.club/images/no-JS.club_logo_bright.svg)](https://no-js.club)</code></p>
<h3 id="those-image-are-to-largesmall">Those image are to large/small</h3>
<p>If the dimensions of the logos are not suitable for you, download the logo of your choice and open it with a text editor.</p>
<p>Lines five and six contain the dimensions in millimeters, which can be adjusted to your liking.</p>
<p><code>width=&quot;31.75940125mm&quot;</code></p>
<p><code>height=&quot;27.790841875mm&quot;</code></p>
</details>
<details>
<summary>When does the club membership begin?</summary>
<h2 id="start-of-club-membership">Start of club membership</h2>
<p>Once your request is approved, the website mentioned via support ticket will become a proud member of the <a href="https://no-JS.club">no-JS.club</a> and will be listed on the front page of the project website.
</details>
<details>
<summary>Will membership cost me anything?</summary>
<h2 id="the-cost-of-membership">The cost of membership</h2>
<p>Good that you ask! <a href="https://no-js.club">no-JS.club</a> <strong>membership is absolutely free of charge</strong>.</p>
<p>We don&rsquo;t ask for money and don&rsquo;t expect anything else in return, <strong>except the request for <a href="https://todo.sr.ht/~hmbrg/no-JS.club">membership</a> via support ticket</strong>.</p>
</details>
<details>
<summary>I have further questions?!?</summary>
<h2 id="contact-information">Contact information</h2>
<p>Please direct all further questions to my eMail address: <em>no-JS {at} hmbrg {dot} org</em>.
</details>
</content>
<p>
</p>
</main>
<footer>
<p class="copyright">Copyright © 2022, Frank Homburg.</p>
<p>
License:&#09;<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="noopener">CC BY-SA 4.0</a><br>
Git:&#09;&#09;<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 lighter-footed and JavaScript freer Internet.
</p>
</footer>
</body>
</html>