@ -57,46 +57,57 @@ Note: I reserve the right to not add sites based on whether I think they're suit
{{< detail-tag " Is there any way I can show that I am a no-JS club member ? " > }}
{{< detail-tag " Is there any way I can show that I am a no-JS club member ? " > }}
### Using the no-JS.club logos to showcase membership
### Using the no-JS.club logos to showcase membership
If your website is ** qualified and included in our list**, you are entitled to use one of the following two logos:
Yes, **if your website is qualified and included in our list**, you are entitled to use one of the following two logos:
### Bright no-JS club logo
### Available logos
[![bright no-JS.club logo ](/images/no-JS.club_logo_bright.svg )](https://no-js.club)
**Bright logo which fits darker website layout:**
#### To include the above logo, use the following HTML code:
[![This website is a proud member of the no-JS.club ](https://no-js.club/images/no-JS.club_logo_bright.svg )](https://no-js.club)
**Dark logo which fits brighter website layout:**
[![This website is a proud member of the no-JS.club ](https://no-js.club/images/no-JS.club_logo_dark.svg )](https://no-js.club)
### How to integrate logos
**HTML code snippet for bright logo:**
`<a href="https://no-js.club/"><img alt="no-JS club" src="https://no-js.club/images/no-JS.club_logo_bright.svg">`
`<a href="https://no-js.club/"><img alt="no-JS club" src="https://no-js.club/images/no-JS.club_logo_bright.svg">`
#### When using a static side generator like Hugo use the following Markdown snippet:
**HTML code snippet for dark logo:**
`<a href="https://no-js.club/"><img alt="no-JS club" src="https://no-js.club/images/no-JS.club_logo_dark.svg">`
**Markdown code snippets for bright logo:**
`[![This website is a proud member of the no-JS.club](https://no-js.club/images/no-JS.club_logo_bright.svg)](https://no-js.club)`
`[![This website is a proud member of the no-JS.club](https://no-js.club/images/no-JS.club_logo_bright.svg)](https://no-js.club)`
### Dark no-JS club logo
**Markdown code snippets for dark logo:**
[![dark no-JS.club logo ](/images/no-JS.club_logo_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_logo_dark.svg)](https://no-js.club)`
#### To include the above logo, use the following HTML code:
### How to change logo size
`<a href="https://no-js.club/"><img alt="no-JS club" src="https://no-js.club/images/no-JS.club_logo_bright.svg">`
**HTML solution if those image are to large/small, change values of "width:100px" and "height:100px" to your liking**
#### When using a static side generator like Hugo use the following Markdown snippet:
#### HTML solution if those images are to large/small
`[![This website is a proud member of the no-JS.club](https://no-js.club/images/no-JS.club_logo_bright.svg)](https://no-js.club)`
`(https://no-js.club/images/no-JS.club_logo_bright.svg style="width:100px;height:100px")](https://no-js.club)`
`(https://no-js.club/images/no-JS.club_logo_dark.svg style="width:100px;height:100px")](https://no-js.club)`
#### Those image are to large/small
#### Markdown solution if those image are to large/small
If the dimensions of the logos are not suitable for you, download the logo of your choice and open it with a text editor.
Lines five and six contain the dimensions in millimeters, which can be adjusted to your liking.
Download the logo of your choice and open it with a text editor.
**Lines five and six** contain the dimensions in millimeters, which **can be adjusted to your liking.**
`width="31.75940125mm"`
`width="31.75940125mm"`
`height="27.790841875mm"`
`height="27.790841875mm"`
{{< / detail-tag > }}
{{< detail-tag " When does the club membership begin ? " > }}
### Start of club membership
Once your request is approved, the website mentioned via support ticket will become a proud member of the [no-JS.club ](https://no-JS.club ) and will be listed on the front page of the project website .
Upload the updated logo file to you web space and change the Markdown logo integration snippet respectively.
{{< / detail-tag > }}
{{< / detail-tag > }}
{{< detail-tag " Will membership cost me anything ? " > }}
{{< detail-tag " Will membership cost me anything ? " > }}