sponsors.ejs

<h3>Patreon Sponsorları</h3>

<%_ for (const sponsor of theme.platinum_sponsors) {_%>
<a href="<%- sponsor.url %>" target="_blank" style="width: 160px;">
  <img src="<%- url_for(`/images/${sponsor.img}`) %>" style="width: 160px;" alt="<%-sponsor.name-%>">
</a>
<%_ } _%>
<br>
<br>
<%_ for (const sponsor of theme.gold_sponsors) {_%>
<a href="<%- sponsor.url %>" target="_blank" style="width: 120px;">
  <img src="<%- url_for(`/images/${sponsor.img}`) %>" style="width: 120px;" alt="<%-sponsor.name-%>">
</a>
<%_ } _%>
<br>

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

<div class="open-collective-sponsors">
  <h3>OpenCollective Sponsorları</h3>
  <h4>Platinum</h4>
  <%_ for (let i = 0; i < 2; i++) {_%>
  <a href="https://opencollective.com/vuejs/tiers/platinum-sponsors/<%- i %>/website" target="_blank">
    <img src="https://opencollective.com/vuejs/tiers/platinum-sponsors/<%- i %>/avatar.svg">
  </a>
  <%_ } _%>
  <h4>Gold</h4>
  <%_ for (let i = 0; i < 8; i++) {_%>
  <a href="https://opencollective.com/vuejs/tiers/gold-sponsors/<%- i %>/website" target="_blank">
    <img src="https://opencollective.com/vuejs/tiers/gold-sponsors/<%- i %>/avatar.svg">
  </a>
  <%_ } _%>
</div>

<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>