updated logo section of FAQ

main
Frank Homburg 3 years ago
parent b6654edcf2
commit d30f637af1

@ -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?" >}}
### 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">`
#### 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)`
### 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
If the dimensions of the logos are not suitable for you, download the logo of your choice and open it with a text editor.
#### Markdown solution if those image are to large/small
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"`
`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 "Will membership cost me anything?" >}}

Loading…
Cancel
Save