Add open collective sponsors to the website

These are automatically updated to always show the top 5 sponsors
pugjs · Aug 8, 2017 · 24b3494 · 24b3494
1 parent d53648f
commit 24b3494
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/scss/_menu.scss b/scss/_menu.scss
@@ -92,6 +92,8 @@ $transition: 0.3s ease-in-out;
 
 .sponsor {
   margin-left: 16px;
+  margin-top: 16px;
+  display: block;
   color: hsl(0, 0%, 51%);
 }
 .advert {

diff --git a/templates/_menu.pug b/templates/_menu.pug
@@ -38,10 +38,10 @@ mixin menu
       +menuItem('language/plain-text')
       +menuItem('language/tags')
 
-    .sponsor
-      | Supported by
-
-      a(href="https://icons8.com/icon")
+    .nav-link Sponsors
+      a.sponsor(href="https://icons8.com/icon")
         img(src="https://png.icons8.com/color/icons8/100" width="50" height="50" alt="Icons8, a free icon pack")
         | Icons8
-
+      - for (var i = 0; i < 5; i++)
+        a.sponsor(href=`https://opencollective.com/pug/sponsor/${i}/website` target="_blank")
+          img(src=`https://opencollective.com/pug/sponsor/${i}/avatar.svg` height="64")