sponsors.ejs

<% function logo(img) { return `https://sponsors.vuejs.org/images/${img}` } %>

<h3>Patreon Sponsors</h3>

<%_ for (const sponsor of theme.platinum) {_%>
<a href="<%- sponsor.url %>" target="_blank" rel="sponsored noopener" class="sponsor" style="width: 160px; height: 80px; line-height: 80px;">
  <img src="<%- logo(sponsor.img) %>" alt="<%-sponsor.name-%>">
</a>
<%_ } _%>
<br>
<br>
<%_ for (const sponsor of theme.gold) {_%>
<a href="<%- sponsor.url %>" target="_blank" rel="sponsored noopener" class="sponsor" style="width: 120px; height: 60px; line-height: 60px;">
  <img src="<%- logo(sponsor.img) %>" alt="<%-sponsor.name-%>">
</a>
<%_ } _%>
<br>

<a class="become-sponsor button white" href="<%- url_for("/support-vuejs/") %>">Become a Sponsor!</a>

<script>
window.addEventListener('load', function () {
  [].forEach.call(document.querySelectorAll('.open-collective-sponsors img'), function (img) {
    if (img.width === 1) {
      img.width = 0
      img.parentElement.style.margin = '0 -1px 0 0'
    }
  })
})
</script>