-
-
Notifications
You must be signed in to change notification settings - Fork 4k
/
become-a-bulma-sponsor.html
64 lines (57 loc) · 1.91 KB
/
become-a-bulma-sponsor.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
---
layout: default
theme: sponsor
route: become-a-bulma-sponsor
---
{% include global/header.html %}
{%
include docs/hero.html
title="Become a Bulma Sponsor"
subtitle="Help the development of Open Source."
%}
<div class="bd-backers-platforms">
<div class="bd-backers-platform bd-is-patreon">
<div>
<a class="bd-backers-platform-logo" href="{{ site.data.meta.patreon_url }}" target="_blank">
{% include svg/patreon.svg %}
</a>
<a class="button bd-fat-button is-patreon" href="{{ site.data.meta.patreon_url }}" target="_blank">
Become a Patron
</a>
</div>
</div>
<div class="bd-backers-platform bd-is-github">
<div>
<a class="bd-backers-platform-logo" href="{{ site.data.meta.github }}" target="_blank">
{% include svg/github.svg %}
</a>
<a class="button bd-fat-button is-github" href="{{ site.data.meta.github }}" target="_blank">
Sponsor on GitHub
</a>
</div>
</div>
</div>
<div class="bd-tiers">
<div class="container">
<div class="bd-tiers-list">
{% for tier in site.data.tiers %}
<div class="bd-tier">
<p class="bd-tier-amount">${{ tier.amount }}</p>
<p class="bd-tier-frequency">a month</p>
<div class="bd-tier-message">{{ tier.message | markdownify }}</div>
</div>
{% endfor %}
</div>
</div>
</div>
<div class="bd-tiers-info">
<div class="bd-tiers-info-question">
<p>What is the difference between Patreon and Github?</p>
</div>
<div class="bd-tiers-info-answer">
<p>There is <strong>no difference</strong> in terms of <strong>rewards</strong>.</p>
<p>The main difference is that Patreon charges VAT based on your location.</p>
<p>If you already have a GitHub account, your sponsorship will be billed at the same time as your GitHub subscription.</p>
<p>In any case, <strong>choose the easiest option for you</strong>.</p>
</div>
</div>