diff --git a/content/faq.md b/content/faq.md index a60e515..c2deca0 100644 --- a/content/faq.md +++ b/content/faq.md @@ -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:** `no-JS club` -#### When using a static side generator like Hugo use the following Markdown snippet: +**HTML code snippet for dark logo:** + +`no-JS club` + +**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 -`no-JS club` +**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?" >}}