FAQ updates and color changes

main
Frank Homburg 3 years ago
parent 4c4d0adc5b
commit 5d6347f918

@ -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:**
`<a href="https://no-js.club/"><img alt="no-JS Club" src="https://no-js.club/images/no-JS.club_badge_bright.svg">`
@ -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
`<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"`
@ -127,8 +125,6 @@ Upload the updated badge file to you web space and change the Markdown integrati
{{< /detail-tag >}}
{{< 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" >}}

@ -4,7 +4,7 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color:#6172ab;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}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}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}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}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<title>{{- .Title | default .Site.Title -}}</title>
</head>

@ -4,7 +4,7 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color:#6172ab;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:1px solid;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}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}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}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}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<title>404 Page not found</title>
</head>

@ -4,7 +4,7 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color:#6172ab;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:1px solid;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}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}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}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}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<title>Categories</title>
</head>

@ -4,7 +4,7 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color:#6172ab;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:1px solid;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}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}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}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}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<title>FAQ | The no-JS Club</title>
</head>
@ -43,11 +43,14 @@
</details>
<details>
<summary>I have updated my website and its size has changed. Do I need to do anything?</summary>
Simply create a new <a href="https://todo.sr.ht/~hmbrg/no-JS.club">ticket</a> and attach an updated <a href="https://gtmetrix.com/">GTmetrix</a> scan to let us know
<summary>What do you mean by SFW?</summary>
<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&rsquo;s definitely SFT 😉</p>
</details>
<h2 id="great-to-know">Great to know</h2>
<h2 id="good-to-know">Good to know</h2>
<details>
<summary>How to join the no-JS Club?</summary>
<h3 id="instructions">Instructions</h3>
@ -80,24 +83,32 @@
<h4 id="example-of-a-filled-ticket">Example Of A Filled Ticket</h4>
<p><img src="/assets/no-js/membership-request-ticket.webp" alt="sourcehut membership request ticket"></p>
<ol start="7">
<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 <a href="/members">member list</a></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>Note: We 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>I&rsquo;ve updated my website and size has changed, do I need to do something?</summary>
Simply file a new <a href="https://todo.sr.ht/~hmbrg/no-JS.club">ticket</a> and attach an updated <a href="https://gtmetrix.com/">GTmetrix</a> scan to let us know
</details>
<details>
<summary>Are there badges to showcase my membership?</summary>
<h3 id="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><a href="https://no-js.club"><img src="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><a href="https://no-js.club"><img src="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>
<h3 id="how-to-integrate-badges">How to integrate badges</h3>
<p><strong>HTML code snippet for bright badge:</strong></p>
</details>
<details>
<summary>How to integrate badges</summary>
<p><strong>HTML code snippet for bright badge:</strong></p>
<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_badge_bright.svg&quot;&gt;</code></p>
<p><strong>HTML code snippet for dark badge:</strong></p>
<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_badge_dark.svg&quot;&gt;</code></p>
@ -105,17 +116,21 @@
<p><code>[![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)</code></p>
<p><strong>Markdown code snippets for dark badge:</strong></p>
<p><code>[![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)</code></p>
<h3 id="how-to-change-badge-size">How to change badge size</h3>
<p>Below you see some <strong>HTML</strong> and <strong>Markdown</strong> solutions for changing the size of the badge.</p>
<h4 id="html-solution">HTML solution</h4>
</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><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><strong>Example using the &ldquo;height&rdquo; parameter:</strong></p>
<p><code>&lt;a href=&quot;https://no-js.club&quot;&gt;&lt;img src=&quot;https://no-js.club/images/no-JS.club_badge_bright.svg&quot; height=&quot;120px&quot; /&gt;&lt;/a&gt;</code></p>
<p><strong>Example using the &ldquo;width&rdquo; parameter:</strong></p>
<p><code>&lt;a href=&quot;https://no-js.club&quot;&gt;&lt;img src=&quot;https://no-js.club/images/no-JS.club_badge_dark.svg&quot; width=&quot;200px&quot; /&gt;&lt;/a&gt;</code></p>
<h4 id="markdown-solution">Markdown solution</h4>
<p><strong>Markdown solution:</strong></p>
<p>Download the badge of your choice and open it with a text editor.</p>
<p><strong>Line two</strong> contain the dimensions, which <strong>can be adjusted to your liking.</strong></p>
<p><strong>Line two</strong> contains the dimensions, which <strong>can be adjusted to your liking.</strong></p>
<p><code>&lt;svg width=&quot;152.43&quot; height=&quot;30.054&quot;</code></p>
<p>Upload the updated badge file to you web space and change the Markdown integration snippet respectively.</p>
@ -123,8 +138,7 @@
<details>
<summary>Will membership cost me anything?</summary>
<h3 id="the-cost-of-membership">The cost of membership</h3>
<p>Good you asked! While you were reading through the FAQ, I was thinking about how to gently teach you that <strong>membership won&rsquo;t bankrupt you</strong> but, aside from the hassle of submitting an application by <a href="https://todo.sr.ht/~hmbrg/no-JS.club">ticket</a> and waiting for it to be approved, <strong>absolutely doesn&rsquo;t cost a dime!</strong>
Good you asked! While you were reading through the FAQ, I was thinking about how to gently teach you that <strong>membership won&rsquo;t bankrupt you</strong> but, aside from the hassle of submitting an application by <a href="https://todo.sr.ht/~hmbrg/no-JS.club">ticket</a> and waiting for it to be approved, <strong>absolutely doesn&rsquo;t cost a dime!</strong>
</details>
<h2 id="danger-zone">Danger zone</h2>
@ -135,9 +149,9 @@
<ul>
<li>transferred data volume when calling the domain (uncompressed)</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>
<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>
</details>

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 14 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 14 KiB

@ -5,7 +5,7 @@
<meta name="generator" content="Hugo 0.98.0" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color:#6172ab;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:1px solid;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}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}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}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}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<title>The no-JS.club | Promenade for JavaScript freed websites</title>
</head>

@ -16,7 +16,7 @@
<guid>https://no-js.club/faq/</guid>
<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.
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>
</item>
<item>

@ -4,7 +4,7 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color:#6172ab;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:1px solid;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}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}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}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}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<title>Hall of glory | The no-JS.club</title>
</head>

@ -4,7 +4,7 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color:#6172ab;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:1px solid;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}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}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}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}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<title>Tags</title>
</head>

Loading…
Cancel
Save