|
|
<!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… SFW accessible via HTTPS Your website doesn’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 “Waterfall” 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… SFW accessible via HTTPS Your website doesn’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 “Waterfall” 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… SFW accessible via HTTPS Your website doesn’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 “Waterfall” 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… SFW accessible via HTTPS Your website doesn’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 “Waterfall” 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…</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’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>“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>Next click on the <strong>“JS”</strong> tab to make sure your homepage doesn’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’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><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>
|
|
|
<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><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>
|
|
|
<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="31.75940125mm"</code></p>
|
|
|
<p><code>height="27.790841875mm"</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’t ask for money and don’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:	<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 lighter-footed and JavaScript freer Internet.
|
|
|
</p>
|
|
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|