update images in press kit

Author: MateoVanDamme

public/images/0x20-flappers-6.svg

@@ -3,7 +3,7 @@
     #navbar.col-5.align-items-center.justify-content-start.nav(data-active=activePage)
       //- Will fill automatically
     .col-2.align-items-center.justify-content-center.nav
-      img(src="/images/0x20i.png" alt="logo hackerspace")
+      img(src="/images/0x20_transparent_small.png" alt="logo hackerspace")
     .col-5.align-items-center.justify-content-end.nav
       a(href="https://pad.hackerspace.gent/") Pad
       a(href="https://docs.hackerspace.gent/") Wiki

public/images/0x20.png

@@ -18,16 +18,29 @@ html(lang="en")
 
         h2 Logos
         .row.mb-5
+
+          .col-xl-3.col-md-6.col-12.mb-3
+            .framed.text-center.p-3.h-100
+              img.img-fluid.mb-3(src="/images/0x20_transparent.png" alt="0x20 Logo" style="max-height: 140px;")
+              small.d-block.mb-2 Full ring logo, transparent background.
+              a.btn(href="/images/0x20_transparent.png" download) Download PNG
+          .col-xl-3.col-md-6.col-12.mb-3
+            .framed.text-center.p-3.h-100
+              img.img-fluid.mb-3(src="/images/0x20_cicle_transparent.png" alt="0x20 Circle Transparent" style="max-height: 140px;")
+              small.d-block.mb-2 Circle logo, transparent background.
+              a.btn(href="/images/0x20_cicle_transparent.png" download) Download PNG
           .col-xl-3.col-md-6.col-12.mb-3
-            .framed.text-center.p-3
-              img.img-fluid.mb-3(src="/images/0x20i.png" alt="0x20 Logo" style="max-height: 140px;")
-              small.d-block.mb-2 Flappers only.
-              a.btn(href="/images/0x20i.png" download) Download PNG
+            .framed.text-center.p-3.h-100
+              .mb-3.p-2(style="background: #fff; display: inline-block;")
+                img.img-fluid(src="/images/0x20_circle.png" alt="0x20 Circle" style="max-height: 140px;")
+              small.d-block.mb-2 Circle logo.
+              a.btn(href="/images/0x20_circle.png" download) Download PNG
           .col-xl-3.col-md-6.col-12.mb-3
-            .framed.text-center.p-3
-              img.img-fluid.mb-3(src="/images/0x20white.png" alt="0x20 Logo White" style="max-height: 140px;")
-              small.d-block.mb-2 Full ring logo.
-              a.btn(href="/images/0x20white.png" download) Download PNG
+            .framed.text-center.p-3.h-100
+              .mb-3(style="background: #fff; display: inline-block;")
+                img.img-fluid(src="/images/0x20.png" alt="0x20" style="max-height: 140px;")
+              small.d-block.mb-2 Main logo.
+              a.btn(href="/images/0x20.png" download) Download PNG
 
 
         h2 Newline Posters