updated faq and sizes of logos

content/faq.md

@@ -6,13 +6,16 @@ draft: false
 
 Below you find commonly asked question regarding the no-JS.club project and membership:
 
-
 {{< detail-tag "Terms and conditions" >}}
-- no pornographic or other offensive content
-- no fanaticism, racism, sexism
-- no illegal contents
-- must be SFW
-- must be accessible via HTTPS
+## Your website must be...
+- **SFW**
+- **accessible via HTTPS**
+
+## Your website doesn't include the following contents
+- **Pornography/sexism or otherwise offensive**
+- **fanaticism**
+- **Racism**
+- **illegal material of any kind**
 {{< /detail-tag >}}
 
 {{< detail-tag "How to join the no-JS club?" >}}
@@ -48,17 +51,31 @@ Note: I reserve the right to not add sites based on whether I think they're suit
 {{< /detail-tag >}}
 
 {{< detail-tag "Is there any way I can show that I am a no-JS club member?" >}}
+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
+
+[![bright no-JS.club logo](/images/no-JS.club_logo_bright.svg)](https://no-js.club)
+
+### To include the above logo, use the following HTML code:
+
+`<a href="https://no-js.club/"><img alt="no-JS club" src="https://no-js.club/images/no-JS.club_logo_bright.svg"width="60" height="60">`
+
+### When using a static side generator like Hugo use the following Markdown snippet:
+
+`[![This website is a proud member of the no-JS.club logo](https://no-js.club/images/no-JS.club_logo_bright.svg)](https://no-js.club)`
 
-![no-JS Club Logo for websites w/ dark layout](/images/no-JS.club_logo_bright.svg)
+## Dark no-JS club logo
 
-HTML code to integrate the bright logo:
+[![dark no-JS.club logo](/images/no-JS.club_logo_dark.svg)](https://no-js.club)
 
-`<a href="https://no-js.club"><img src="no-js.cluno-js.clubbhttps://no-js.club/images/no-JS.club_logo_dark.svg" /></a>`
+### To include the above logo, use the following HTML code:
 
-![no-JS Club Logo for websites w/ bright layout](/images/no-JS.club_logo_dark.svg)
+`<a href="https://no-js.club/"><img alt="no-JS club" src="https://no-js.club/images/no-JS.club_logo_bright.svg"width="60" height="60">`
 
+### When using a static side generator like Hugo use the following Markdown snippet:
 
-Above you should see the different logos!
+`[![This website is a proud member of the no-JS.club logo](https://no-js.club/images/no-JS.club_logo_bright.svg)](https://no-js.club)`
 {{< /detail-tag >}}
 
 {{< detail-tag "When will I become a member?" >}}

static/images/no-JS.club_logo_bright.svg

@@ -2,8 +2,8 @@
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
 
 <svg
-   width="508.15042mm"
-   height="444.65347mm"
+   width="127.037605mm"
+   height="111.1633675mm"
    viewBox="0 0 508.15042 444.65347"
    version="1.1"
    id="svg80139"

static/images/no-JS.club_logo_dark.svg

@@ -2,8 +2,8 @@
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
 
 <svg
-   width="508.15042mm"
-   height="444.65347mm"
+   width="127.037605mm"
+   height="111.1633675mm"
    viewBox="0 0 508.15042 444.65347"
    version="1.1"
    id="svg80139"