From 5d6347f918e35d2fb008246992c8ce61b0736e3c Mon Sep 17 00:00:00 2001 From: Frank Homburg Date: Tue, 3 May 2022 16:13:43 +0200 Subject: [PATCH] FAQ updates and color changes --- content/faq.md | 32 +++++++------- layouts/_default/baseof.html | 2 +- public/404.html | 2 +- public/categories/index.html | 2 +- public/faq/index.html | 52 ++++++++++++++--------- public/images/no-JS.club_badge_bright.svg | 14 +++++- public/images/no-JS.club_badge_dark.svg | 14 +++++- public/index.html | 2 +- public/index.xml | 2 +- public/members/index.html | 2 +- public/tags/index.html | 2 +- 11 files changed, 79 insertions(+), 47 deletions(-) diff --git a/content/faq.md b/content/faq.md index 7f5b0dd..cc80453 100644 --- a/content/faq.md +++ b/content/faq.md @@ -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. -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 >}} -## Great to know +## Good to know {{< detail-tag "How to join the no-JS Club?" >}} ### Instructions @@ -55,9 +55,9 @@ Would you want to put her through the content of the website? If so, it"s defini ![sourcehut membership request ticket](/assets/no-js/membership-request-ticket.webp) -7. Once your request is approved, the domain will be added to the member list below +7. Once your request is approved, the domain will be added to the [member list](/members) -Note: I reserve the right to not add sites based on whether I think they're suitable to be added or not +Note: We reserve the right to not add sites based on whether I think they're suitable to be added or not [Example ticket showcasing an accepted request 🙌](https://todo.sr.ht/~hmbrg/no-JS.club/1) @@ -69,8 +69,6 @@ Simply file a new [ticket]( https://todo.sr.ht/~hmbrg/no-JS.club) and attach an {{< /detail-tag >}} {{< detail-tag "Are there badges to showcase my membership?" >}} -### Available badges - Yes, **if your website is qualified and included in our list**, you are entitled to use one of the following badges: **Bright badge which fits darker website layouts:** @@ -80,9 +78,9 @@ Yes, **if your website is qualified and included in our list**, you are entitled **Dark badge which fits brighter website layouts:** [![This website is a proud member of the no-JS Club](https://no-js.club/images/no-JS.club_badge_dark.svg)](https://no-js.club) +{{< /detail-tag >}} -### How to integrate badges - +{{< detail-tag "How to integrate badges" >}} **HTML code snippet for bright badge:** `no-JS Club` @@ -98,12 +96,12 @@ Yes, **if your website is qualified and included in our list**, you are entitled **Markdown code snippets for dark badge:** `[![This website is a proud member of the no-JS Club](https://no-js.club/images/no-JS.club_badge_dark.svg)](https://no-js.club)` +{{< /detail-tag >}} -### How to change badge size - +{{< detail-tag "How to change badge size" >}} 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. @@ -115,11 +113,11 @@ To proportionally change the badge size you either add the **width** or **height `` -#### Markdown solution +**Markdown solution:** 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.** `}} {{< detail-tag "Will membership cost me anything?" >}} -### 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!** {{< /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: - transferred data volume when calling the domain (uncompressed) - 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.** {{< /red-detail-tag >}} {{< red-detail-tag "Inadmissible contents" >}} diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 56aae17..3068af1 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -4,7 +4,7 @@ - + {{- .Title | default .Site.Title -}} diff --git a/public/404.html b/public/404.html index bb40580..315a38f 100644 --- a/public/404.html +++ b/public/404.html @@ -4,7 +4,7 @@ - + 404 Page not found diff --git a/public/categories/index.html b/public/categories/index.html index fc81285..306fc6b 100644 --- a/public/categories/index.html +++ b/public/categories/index.html @@ -4,7 +4,7 @@ - + Categories diff --git a/public/faq/index.html b/public/faq/index.html index 5cea409..4b5b0ae 100644 --- a/public/faq/index.html +++ b/public/faq/index.html @@ -4,7 +4,7 @@ - + FAQ | The no-JS Club @@ -43,11 +43,14 @@
- I have updated my website and its size has changed. Do I need to do anything? - Simply create a new ticket and attach an updated GTmetrix scan to let us know + 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:

+

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 😉

+
-

Great to know

+

Good to know

How to join the no-JS Club?

Instructions

@@ -80,24 +83,32 @@

Example Of A Filled Ticket

sourcehut membership request ticket

    -
  1. Once your request is approved, the domain will be added to the member list below
    2. +
  2. Once your request is approved, the domain will be added to the member list
-

Note: I reserve the right to not add sites based on whether I think they’re suitable to be added or not

+

Note: We reserve the right to not add sites based on whether I think they’re suitable to be added or not

Example ticket showcasing an accepted request 🙌

Example ticket showcasing a denied request 😢

+
+ I’ve updated my website and size has changed, do I need to do something? + Simply file a new ticket and attach an updated GTmetrix scan to let us know +
+
Are there badges to showcase my membership? -

Available badges

-

Yes, if your website is qualified and included in our list, you are entitled to use one of the following badges:

+

Yes, if your website is qualified and included in our list, you are entitled to use one of the following badges:

Bright badge which fits darker website layouts:

This website is a proud member of the no-JS Club

Dark badge which fits brighter website layouts:

This website is a proud member of the no-JS Club

-

How to integrate badges

-

HTML code snippet for bright badge:

+ +
+ +
+ How to integrate badges +

HTML code snippet for bright badge:

<a href="https://no-js.club/"><img alt="no-JS Club" src="https://no-js.club/images/no-JS.club_badge_bright.svg">

HTML code snippet for dark badge:

<a href="https://no-js.club/"><img alt="no-JS Club" src="https://no-js.club/images/no-JS.club_badge_dark.svg">

@@ -105,17 +116,21 @@

[![This website is a proud member of the no-JS Club](https://no-js.club/images/no-JS.club_badge_bright.svg)](https://no-js.club)

Markdown code snippets for dark badge:

[![This website is a proud member of the no-JS Club](https://no-js.club/images/no-JS.club_badge_dark.svg)](https://no-js.club)

-

How to change badge size

-

Below you see some HTML and Markdown solutions for changing the size of the badge.

-

HTML solution

+ +
+ +
+ How to change badge size +

Below you see some HTML and Markdown solutions for changing the size of the badge.

+

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.

Example using the “height” parameter:

<a href="https://no-js.club"><img src="https://no-js.club/images/no-JS.club_badge_bright.svg" height="120px" /></a>

Example using the “width” parameter:

<a href="https://no-js.club"><img src="https://no-js.club/images/no-JS.club_badge_dark.svg" width="200px" /></a>

-

Markdown solution

+

Markdown solution:

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"

Upload the updated badge file to you web space and change the Markdown integration snippet respectively.

@@ -123,8 +138,7 @@
Will membership cost me anything? -

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 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 and waiting for it to be approved, absolutely doesn’t cost a dime!

Danger zone

@@ -135,9 +149,9 @@ +

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.

diff --git a/public/images/no-JS.club_badge_bright.svg b/public/images/no-JS.club_badge_bright.svg index 12a2fae..53b4705 100644 --- a/public/images/no-JS.club_badge_bright.svg +++ b/public/images/no-JS.club_badge_bright.svg @@ -1,6 +1,16 @@ -no-JS Club - + + + + + + + + + + + + <!DOCTYPE html><html><head> <script src="/assets/js/script.js"></script></head><body> <button onclick='revealMessage()'> Click me</button> <br> <p id="hiddenMessage" style="display:none">Lawda</p></body></html> diff --git a/public/images/no-JS.club_badge_dark.svg b/public/images/no-JS.club_badge_dark.svg index 55e18f3..c571317 100644 --- a/public/images/no-JS.club_badge_dark.svg +++ b/public/images/no-JS.club_badge_dark.svg @@ -1,6 +1,16 @@ -no-JS Club - + + + + + + + + + + + + <!DOCTYPE html><html><head> <script src="/assets/js/script.js"></script></head><body> <button onclick='revealMessage()'> Click me</button> <br> <p id="hiddenMessage" style="display:none">Lawda</p></body></html> diff --git a/public/index.html b/public/index.html index 517485c..e32e538 100644 --- a/public/index.html +++ b/public/index.html @@ -5,7 +5,7 @@ - + The no-JS.club | Promenade for JavaScript freed websites diff --git a/public/index.xml b/public/index.xml index 92a864b..54401da 100644 --- a/public/index.xml +++ b/public/index.xml @@ -16,7 +16,7 @@ https://no-js.club/faq/ 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. -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. +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: diff --git a/public/members/index.html b/public/members/index.html index ea35cde..d4f029d 100644 --- a/public/members/index.html +++ b/public/members/index.html @@ -4,7 +4,7 @@ - + Hall of glory | The no-JS.club diff --git a/public/tags/index.html b/public/tags/index.html index a9f09f6..316a593 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -4,7 +4,7 @@ - + Tags