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

3 years ago
<!DOCTYPE html>
<html lang="en-US">
3 years ago
<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>
3 years ago
</nav>
</header>
<main>
3 years ago
<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>
3 years ago
<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>
3 years ago
</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.
3 years ago
</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>
3 years ago
</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>.
3 years ago
</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>
3 years ago
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>
3 years ago
</footer>
</body>
3 years ago
</html>