@ -23,10 +23,10 @@ SFW stands for **S**ave **F**or **W**ork and if your site fits into this categor
Imagine, maybe it even is, you have a three year old daughter and her perfect world consists of elves, princesses, princes and rainbows farting unicorns. The worst thing that could happen in this world would be if the princess broke one of her nails.
Imagine, maybe it even is, you have a three year old daughter and her perfect world consists of elves, princesses, princes and rainbows farting unicorns. The worst thing that could happen in this world would be if the princess broke one of her nails.
Would you want to put her through the content of the website? If so, it"s definitely SFT 😉
Would you want to put her through the content of the website? If so, it's definitely SFT 😉
{{</detail-tag>}}
{{</detail-tag>}}
## Great to know
## Good to know
{{<detail-tag"Howtojointheno-JSClub?">}}
{{<detail-tag"Howtojointheno-JSClub?">}}
### Instructions
### Instructions
@ -55,9 +55,9 @@ Would you want to put her through the content of the website? If so, it"s defini
@ -98,12 +96,12 @@ Yes, **if your website is qualified and included in our list**, you are entitled
**Markdown code snippets for dark badge:**
**Markdown code snippets for dark badge:**
`[](https://no-js.club)`
`[](https://no-js.club)`
{{</detail-tag>}}
### How to change badge size
{{<detail-tag"Howtochangebadgesize">}}
Below you see some **HTML** and **Markdown** solutions for changing the size of the badge.
Below you see some **HTML** and **Markdown** solutions for changing the size of the badge.
#### HTML solution
**HTML solution:**
To proportionally change the badge size you either add the **width** or **height** parameter to the HTML snippet. The browser will automatically calculate the size of the other edge.
To proportionally change the badge size you either add the **width** or **height** parameter to the HTML snippet. The browser will automatically calculate the size of the other edge.
@ -115,11 +113,11 @@ To proportionally change the badge size you either add the **width** or **height
Download the badge of your choice and open it with a text editor.
Download the badge of your choice and open it with a text editor.
**Line two** contain the dimensions, which **can be adjusted to your liking.**
**Line two** contains the dimensions, which **can be adjusted to your liking.**
`<svg width="152.43" height="30.054"`
`<svg width="152.43" height="30.054"`
@ -127,8 +125,6 @@ Upload the updated badge file to you web space and change the Markdown integrati
{{</detail-tag>}}
{{</detail-tag>}}
{{<detail-tag"Willmembershipcostmeanything?">}}
{{<detail-tag"Willmembershipcostmeanything?">}}
### The cost of membership
Good you asked! While you were reading through the FAQ, I was thinking about how to gently teach you that **membership won't bankrupt you** but, aside from the hassle of submitting an application by [ticket](https://todo.sr.ht/~hmbrg/no-JS.club) and waiting for it to be approved, **absolutely doesn't cost a dime!**
Good you asked! While you were reading through the FAQ, I was thinking about how to gently teach you that **membership won't bankrupt you** but, aside from the hassle of submitting an application by [ticket](https://todo.sr.ht/~hmbrg/no-JS.club) and waiting for it to be approved, **absolutely doesn't cost a dime!**
{{</detail-tag>}}
{{</detail-tag>}}
@ -140,8 +136,10 @@ In addition to the updates triggered by the membership application, member web p
The following information will be checked:
The following information will be checked:
- transferred data volume when calling the domain (uncompressed)
- transferred data volume when calling the domain (uncompressed)
- presence of JavaScript
- presence of JavaScript
- 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 **eight calendar days from the date of sending** to rectify this problem
- **if 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.**
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 **eight calendar days from the date of sending** to rectify this problem.
**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.**
<summary>I have updated my website and its size has changed. Do I need to do anything?</summary>
<summary>What do you mean by SFW?</summary>
Simply create a new <ahref="https://todo.sr.ht/~hmbrg/no-JS.club">ticket</a> and attach an updated <ahref="https://gtmetrix.com/">GTmetrix</a> scan to let us know
<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 rainbows 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’s definitely SFT 😉</p>
</details>
</details>
<h2id="great-to-know">Great to know</h2>
<h2id="good-to-know">Good to know</h2>
<details>
<details>
<summary>How to join the no-JS Club?</summary>
<summary>How to join the no-JS Club?</summary>
<h3id="instructions">Instructions</h3>
<h3id="instructions">Instructions</h3>
@ -80,23 +83,31 @@
<h4id="example-of-a-filled-ticket">Example Of A Filled Ticket</h4>
<h4id="example-of-a-filled-ticket">Example Of A Filled Ticket</h4>
<li>Once your request is approved, the domain will be added to the member list below</li>
<li>Once your request is approved, the domain will be added to the <ahref="/members">member list</a></li>
</ol>
</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>Note: We reserve the right to not add sites based on whether I think they’re suitable to be added or not</p>
<p><ahref="https://todo.sr.ht/~hmbrg/no-JS.club/1">Example ticket showcasing an accepted request 🙌</a></p>
<p><ahref="https://todo.sr.ht/~hmbrg/no-JS.club/1">Example ticket showcasing an accepted request 🙌</a></p>
<p><ahref="https://todo.sr.ht/~hmbrg/no-JS.club/2">Example ticket showcasing a denied request 😢</a></p>
<p><ahref="https://todo.sr.ht/~hmbrg/no-JS.club/2">Example ticket showcasing a denied request 😢</a></p>
</details>
</details>
<details>
<summary>I’ve updated my website and size has changed, do I need to do something?</summary>
Simply file a new <ahref="https://todo.sr.ht/~hmbrg/no-JS.club">ticket</a> and attach an updated <ahref="https://gtmetrix.com/">GTmetrix</a> scan to let us know
</details>
<details>
<details>
<summary>Are there badges to showcase my membership?</summary>
<summary>Are there badges to showcase my membership?</summary>
<h3id="available-badges">Available badges</h3>
<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>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><strong>Bright badge which fits darker website layouts:</strong></p>
<p><ahref="https://no-js.club"><imgsrc="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><ahref="https://no-js.club"><imgsrc="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><strong>Dark badge which fits brighter website layouts:</strong></p>
<p><ahref="https://no-js.club"><imgsrc="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>
<p><ahref="https://no-js.club"><imgsrc="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>
<h3id="how-to-integrate-badges">How to integrate badges</h3>
</details>
<details>
<summary>How to integrate badges</summary>
<p><strong>HTML code snippet for bright badge:</strong></p>
<p><strong>HTML code snippet for bright badge:</strong></p>
<p><strong>HTML code snippet for dark badge:</strong></p>
<p><strong>HTML code snippet for dark badge:</strong></p>
@ -105,17 +116,21 @@
<p><code>[](https://no-js.club)</code></p>
<p><code>[](https://no-js.club)</code></p>
<p><strong>Markdown code snippets for dark badge:</strong></p>
<p><strong>Markdown code snippets for dark badge:</strong></p>
<p><code>[](https://no-js.club)</code></p>
<p><code>[](https://no-js.club)</code></p>
<h3id="how-to-change-badge-size">How to change badge size</h3>
</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>Below you see some <strong>HTML</strong> and <strong>Markdown</strong> solutions for changing the size of the badge.</p>
<h4id="html-solution">HTML solution</h4>
<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>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 “height” parameter:</strong></p>
<p><strong>Example using the “height” parameter:</strong></p>
<p>Upload the updated badge file to you web space and change the Markdown integration snippet respectively.</p>
<p>Upload the updated badge file to you web space and change the Markdown integration snippet respectively.</p>
@ -123,8 +138,7 @@
<details>
<details>
<summary>Will membership cost me anything?</summary>
<summary>Will membership cost me anything?</summary>
<h3id="the-cost-of-membership">The cost of membership</h3>
Good you asked! While you were reading through the FAQ, I was thinking about how to gently teach you that <strong>membership won’t bankrupt you</strong> but, aside from the hassle of submitting an application by <ahref="https://todo.sr.ht/~hmbrg/no-JS.club">ticket</a> and waiting for it to be approved, <strong>absolutely doesn’t cost a dime!</strong>
<p>Good you asked! While you were reading through the FAQ, I was thinking about how to gently teach you that <strong>membership won’t bankrupt you</strong> but, aside from the hassle of submitting an application by <ahref="https://todo.sr.ht/~hmbrg/no-JS.club">ticket</a> and waiting for it to be approved, <strong>absolutely doesn’t cost a dime!</strong>
</details>
</details>
<h2id="danger-zone">Danger zone</h2>
<h2id="danger-zone">Danger zone</h2>
@ -135,9 +149,9 @@
<ul>
<ul>
<li>transferred data volume when calling the domain (uncompressed)</li>
<li>transferred data volume when calling the domain (uncompressed)</li>
<li>presence of JavaScript</li>
<li>presence of JavaScript</li>
<li>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</li>
<li><strong>if 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></li>
</ul>
</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>
<description>no-JS Club FAQ including rules and conditions The following information should help you answer any open questions regarding joining the no-JS Club.
<description>no-JS Club FAQ including rules and conditions The following information should help you answer any open questions regarding joining the no-JS Club.
If you need further details, do not hesitate to create a ticket. We will respond to your request A.S.A.P.
If you need further details, do not hesitate to create a ticket. We will respond to your request A.S.A.P.
Important to know What we expect from a member website SFW content JavaScript-free code accessible via HTTPS I have updated my website and its size has changed.</description>
Important to know What we expect from a member website SFW content JavaScript-free code accessible via HTTPS What do you mean by SFW? SFW stands for Save For Work and if your site fits into this category, you can easily measure as follows:</description>
Frank Homburg
3 years ago
