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. 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 "How to join the no-JS Club?" >}} {{< detail-tag "How to join the no-JS Club?" >}}
### Instructions ### 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) ![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) [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 >}}
{{< detail-tag "Are there badges to showcase my membership?" >}} {{< 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: 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:** **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:** **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) [![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:** **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">` `<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:** **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)` `[![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. 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
`<a href="https://no-js.club"><img src="https://no-js.club/images/no-JS.club_badge_dark.svg" width="200px" /></a>` `<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. 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 "Will membership cost me anything?" >}} {{< 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!** 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.**
{{< /red-detail-tag >}} {{< /red-detail-tag >}}
{{< red-detail-tag "Inadmissible contents" >}} {{< red-detail-tag "Inadmissible contents" >}}

@ -4,7 +4,7 @@
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"> <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> <title>{{- .Title | default .Site.Title -}}</title>
</head> </head>

@ -4,7 +4,7 @@
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"> <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> <title>404 Page not found</title>
</head> </head>

@ -4,7 +4,7 @@
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"> <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> <title>Categories</title>
</head> </head>

@ -4,7 +4,7 @@
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"> <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> <title>FAQ | The no-JS Club</title>
</head> </head>
@ -43,11 +43,14 @@
</details> </details>
<details> <details>
<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 <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 <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> </details>
<h2 id="great-to-know">Great to know</h2> <h2 id="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>
<h3 id="instructions">Instructions</h3> <h3 id="instructions">Instructions</h3>
@ -80,24 +83,32 @@
<h4 id="example-of-a-filled-ticket">Example Of A Filled Ticket</h4> <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> <p><img src="/assets/no-js/membership-request-ticket.webp" alt="sourcehut membership request ticket"></p>
<ol start="7"> <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> </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/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> <p><a href="https://todo.sr.ht/~hmbrg/no-JS.club/2">Example ticket showcasing a denied request 😢</a></p>
</details> </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> <details>
<summary>Are there badges to showcase my membership?</summary> <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><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><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><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> <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><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><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> <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><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><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> <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> </details>
<h4 id="html-solution">HTML solution</h4>
<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>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><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><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><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> <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>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><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> <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>
<h3 id="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&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>
<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>
</details> </details>
<h2 id="danger-zone">Danger zone</h2> <h2 id="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>
</details> </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="generator" content="Hugo 0.98.0" />
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"> <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> <title>The no-JS.club | Promenade for JavaScript freed websites</title>
</head> </head>

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

@ -4,7 +4,7 @@
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"> <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> <title>Hall of glory | The no-JS.club</title>
</head> </head>

@ -4,7 +4,7 @@
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"> <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> <title>Tags</title>
</head> </head>

Loading…
Cancel
Save