Skip to content

Commit da0c6d0

Browse files
yyx990803yyx990803
committed
refactor & update sponsors display
1 parent a3eff13 commit da0c6d0

File tree

15 files changed

+185
-46
lines changed

15 files changed

+185
-46
lines changed

‎src/support-vuejs/index.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
sponsors: true
3+
---
4+
15
# Support Vue.js Development
26

37
Vue.js is an MIT licensed open source project and completely free to use.

‎themes/vue/_config.yml

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,3 +10,29 @@ platinum_sponsors:
1010
img: tooltwist.png
1111
- url: https://vueschool.io/?utm_source=Vuejs.org&utm_medium=Banner&utm_campaign=Sponsored%20Banner&utm_content=V1
1212
img: vueschool.png
13+
- url: https://datacamp.com/careers?utm_source=vuejs&utm_medium=sidebar
14+
img: datacamp.png
15+
16+
gold_sponsors:
17+
- url: https://laravel.com
18+
img: laravel.png
19+
- url: https://htmlburger.com
20+
img: htmlburger.png
21+
- url: https://starter.someline.com/
22+
img: someline.png
23+
- url: http://monterail.com/
24+
img: monterail.png
25+
- url: https://anymod.com
26+
img: anymod.png
27+
- url: https://www.frontenddeveloperlove.com/
28+
img: frontend-love.png
29+
- url: https://onsen.io/vue/
30+
img: onsen-ui.png
31+
- url: https://vuetifyjs.com
32+
img: vuetify.png
33+
- url: https://neds.com.au/
34+
img: neds.png
35+
- url: https://vuejobs.com/?ref=vuejs
36+
img: vuejobs.png
37+
- url: https://leanpub.com/vuejs2
38+
img: tmvuejs2.png

‎themes/vue/layout/icons/bch.ejs

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<svg width="38" height="38" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><circle fill="#8DC451" cx="19" cy="19" r="19"></circle><path d="M24.5 16.72c.37-.76.48-1.64.25-2.52-.75-2.76-2.84-3.98-5.58-3.25l-.89-3.32a.23.23 0 0 0-.28-.16l-1.32.35a.23.23 0 0 0-.16.27l.9 3.33-1.76.47-.9-3.32a.23.23 0 0 0-.27-.16l-1.32.35a.23.23 0 0 0-.16.28l.9 3.32-3.74 1a.23.23 0 0 0-.16.29l.35 1.32c.04.12.16.2.28.17l.22-.06c.97-.26 1.97.32 2.23 1.3l1.9 7.08c.25.93-.25 1.87-1.13 2.2a.23.23 0 0 0-.14.21l.02 1.43c0 .07.04.13.1.18.05.04.12.05.19.04l3.67-.99.9 3.33c.03.12.15.19.27.15l1.31-.35c.12-.03.2-.16.16-.28l-.88-3.32 1.75-.47.9 3.33c.03.12.15.19.27.15l1.32-.35c.12-.03.19-.16.16-.28l-.9-3.32.88-.24c2.75-.73 3.95-2.83 3.2-5.6a3.63 3.63 0 0 0-2.54-2.56zm-8.13-2.17l2.63-.7c.97-.26 1.97.32 2.23 1.3.27.97-.3 1.98-1.28 2.24l-2.63.7-.95-3.54zm5.88 7.91l-3.5.94-.96-3.54 3.51-.94c.97-.26 1.97.32 2.24 1.3.26.98-.32 1.98-1.29 2.24z" fill="#FFF"></path></g></svg>

‎themes/vue/layout/icons/btc.ejs

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<svg width="38" height="38" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><circle fill="#FFAD02" cx="19" cy="19" r="19"></circle><path d="M24.7 19.68a3.63 3.63 0 0 0 1.47-2.06c.74-2.77-.46-4.87-3.2-5.6l.89-3.33a.23.23 0 0 0-.16-.28l-1.32-.35a.23.23 0 0 0-.28.15l-.89 3.33-1.75-.47.88-3.32a.23.23 0 0 0-.16-.28l-1.31-.35a.23.23 0 0 0-.28.15l-.9 3.33-3.73-1a.23.23 0 0 0-.27.16l-.36 1.33c-.03.12.04.25.16.28l.22.06a1.83 1.83 0 0 1 1.28 2.24l-1.9 7.09a1.83 1.83 0 0 1-2.07 1.33.23.23 0 0 0-.24.12l-.69 1.24a.23.23 0 0 0 0 .2c.02.07.07.12.14.13l3.67.99-.89 3.33c-.03.12.04.24.16.27l1.32.35c.12.03.24-.04.28-.16l.89-3.32 1.76.47-.9 3.33c-.02.12.05.24.16.27l1.32.35c.12.03.25-.04.28-.16l.9-3.32.87.23c2.74.74 4.83-.48 5.57-3.25.35-1.3-.05-2.6-.92-3.48zm-5.96-5.95l2.64.7a1.83 1.83 0 0 1 1.28 2.24 1.83 1.83 0 0 1-2.23 1.3l-2.64-.7.95-3.54zm1.14 9.8l-3.51-.95.95-3.54 3.51.94a1.83 1.83 0 0 1 1.28 2.24 1.83 1.83 0 0 1-2.23 1.3z" fill="#FFF"></path></g></svg>

‎themes/vue/layout/icons/eth.ejs

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd"><ellipse cx="16" cy="16" fill="#6F7CBA" rx="16" ry="16"></ellipse><path fill="#FFF" d="M10.13 17.76c-.1-.15-.06-.2.09-.12l5.49 3.09c.15.08.4.08.56 0l5.58-3.08c.16-.08.2-.03.1.11L16.2 25.9c-.1.15-.28.15-.38 0l-5.7-8.13zm.04-2.03a.3.3 0 0 1-.13-.42l5.74-9.2c.1-.15.25-.15.34 0l5.77 9.19c.1.14.05.33-.12.41l-5.5 2.78a.73.73 0 0 1-.6 0l-5.5-2.76z"></path></g></svg>

‎themes/vue/layout/icons/ltc.ejs

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38"><g fill="none" fill-rule="evenodd"><circle cx="19" cy="19" r="19" fill="#B5B5B5" fill-rule="nonzero"></circle><path fill="#FFF" d="M12.29 28.04l1.29-5.52-1.58.67.63-2.85 1.64-.68L16.52 10h5.23l-1.52 7.14 2.09-.74-.58 2.7-2.05.8-.9 4.34h8.1l-.99 3.8z"></path></g></svg>

‎themes/vue/layout/page.ejs

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,11 @@
2121
<% if (page.title.trim()) { %>
2222
<h1><%- page.title %><%- page.type === 'examples' ? ' Example' : '' %></h1>
2323
<% } %>
24-
<%- page.content %>
24+
<% if (page.sponsors) { %>
25+
<%- partial('sponsors-page') %>
26+
<% } else { %>
27+
<%- page.content %>
28+
<% } %>
2529
<% if (page.type === 'guide') { %>
2630
<div class="guide-links">
2731
<% site.pages.find({ type: page.type, order: page.order - 1 }).each(function (page) { %>
@@ -33,7 +37,9 @@
3337
</div>
3438
<% } %>
3539
<div class="footer">
36-
<%- partial('partials/ad-text') %>
40+
<%_ if (!page.sponsors) { _%>
41+
<%- partial('partials/ad-text') %>
42+
<%_ } _%>
3743
Caught a mistake or want to contribute to the documentation?
3844
<a href="https://github.com/vuejs/vuejs.org/blob/master/src/<%- page.path.replace(/\.html$/, '.md') %>" target="_blank">
3945
Edit this page on Github!

‎themes/vue/layout/partials/sponsors.ejs

Lines changed: 14 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -7,58 +7,29 @@
77
<%_ } _%>
88
<br>
99
<br>
10-
<a href="https://jsfiddle.net/" target="_blank">
11-
<img src="<%- url_for("/images/jsfiddle.png") %>">
12-
</a>
13-
<a href="https://laravel.com/" target="_blank">
14-
<img src="<%- url_for("/images/laravel.png") %>">
15-
</a>
16-
<a href="https://chaitin.cn" target="_blank" style="top: -1px;">
17-
<img src="<%- url_for("/images/chaitin.png") %>">
18-
</a>
19-
<a href="https://htmlburger.com" target="_blank">
20-
<img src="<%- url_for("/images/htmlburger.png") %>">
21-
</a>
22-
<a href="https://starter.someline.com/" target="_blank" style="top: -2px;">
23-
<img src="<%- url_for("/images/someline.png") %>">
24-
</a>
25-
<a href="http://monterail.com/" target="_blank">
26-
<img src="<%- url_for("/images/monterail.png") %>">
27-
</a>
28-
<a href="https://www.2mhost.com/" target="_blank" style="width: 90px;">
29-
<img src="<%- url_for("/images/2mhost.png") %>" style="width: 90px;">
30-
</a>
31-
<a href="https://vuejobs.com/?ref=vuejs" target="_blank" style="width: 80px; top: 4px;">
32-
<img src="<%- url_for("/images/vuejobs.svg") %>" style="width: 80px;">
33-
</a>
34-
<a href="https://leanpub.com/vuejs2" target="_blank">
35-
<img src="<%- url_for("/images/tmvuejs2.png") %>">
36-
</a>
37-
<a href="https://anymod.com" target="_blank" style="width: 120px; top: 1px;">
38-
<img src="<%- url_for("/images/anymod.png") %>" style="width: 120px;">
39-
</a>
40-
<a href="https://www.xfive.co/" target="_blank" style="width: 65px;">
41-
<img src="<%- url_for("/images/xfive.png") %>" style="width: 65px;">
42-
</a>
43-
<a href="https://www.frontenddeveloperlove.com/" target="_blank" style="width: 140px;">
44-
<img src="<%- url_for("/images/frontend-love.png") %>" style="width: 140px">
45-
</a>
46-
<a href="https://onsen.io/vue/" target="_blank" style="width: 105px;">
47-
<img src="<%- url_for("/images/onsen-ui.png") %>" style="width: 105px;">
48-
</a>
49-
<a href="https://vuetifyjs.com" target="_blank">
50-
<img src="<%- url_for("/images/vuetify.png") %>">
10+
<%_ for (const sponsor of theme.gold_sponsors) {_%>
11+
<a href="<%- sponsor.url %>" target="_blank" style="width: 120px;">
12+
<img src="<%- url_for(`/images/${sponsor.img}`) %>" style="width: 120px;">
5113
</a>
14+
<%_ } _%>
5215
<br>
5316

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

5619
<div class="open-collective-sponsors">
5720
<h3>OpenCollective Sponsors</h3>
5821
<h4>Platinum</h4>
59-
<a href="https://opencollective.com/vuejs/tiers/platinum-sponsors/0/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/platinum-sponsors/0/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/platinum-sponsors/1/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/platinum-sponsors/1/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/platinum-sponsors/2/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/platinum-sponsors/2/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/platinum-sponsors/3/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/platinum-sponsors/3/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/platinum-sponsors/4/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/platinum-sponsors/4/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/platinum-sponsors/5/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/platinum-sponsors/5/avatar.svg"></a>
22+
<%_ for (let i = 0; i < 3; i++) {_%>
23+
<a href="https://opencollective.com/vuejs/tiers/platinum-sponsors/<%- i %>/website" target="_blank">
24+
<img src="https://opencollective.com/vuejs/tiers/platinum-sponsors/<%- i %>/avatar.svg">
25+
</a>
26+
<%_ } _%>
6027
<h4>Gold</h4>
61-
<a href="https://opencollective.com/vuejs/tiers/gold-sponsors/0/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/0/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/1/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/1/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/2/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/2/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/3/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/3/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/4/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/4/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/5/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/5/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/6/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/6/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/7/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/7/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/8/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/8/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/9/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/9/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/10/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/10/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/11/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/11/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/12/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/12/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/13/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/13/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/14/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/14/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/15/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/15/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/16/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/16/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/17/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/17/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/18/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/18/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/19/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/19/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/20/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/20/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/21/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/21/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/22/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/22/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/23/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/23/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/24/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/24/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/25/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/25/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/26/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/26/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/27/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/27/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/28/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/28/avatar.svg"></a><a href="https://opencollective.com/vuejs/tiers/gold-sponsors/29/website" target="_blank"><img src="https://opencollective.com/vuejs/tiers/gold-sponsors/29/avatar.svg"></a>
28+
<%_ for (let i = 0; i < 10; i++) {_%>
29+
<a href="https://opencollective.com/vuejs/tiers/gold-sponsors/<%- i %>/website" target="_blank">
30+
<img src="https://opencollective.com/vuejs/tiers/gold-sponsors/<%- i %>/avatar.svg">
31+
</a>
32+
<%_ } _%>
6233
</div>
6334

6435
<script>

‎themes/vue/layout/sponsors-page.ejs

Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
<h1>Sponsor Vue.js Development</h1>
2+
3+
<p>
4+
Vue.js is an MIT licensed open source project and completely free to use.
5+
However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing. You can support Vue.js development via the following methods:
6+
</p>
7+
8+
<h2 id="One-time-Donations">One-time Donations</h2>
9+
10+
<p>We accept donations through these channels:</p>
11+
12+
<div id="one-time-donations">
13+
<a href="https://www.paypal.me/evanyou" target="_blank">
14+
<img src="/images/paypal.png" style="width:100px">
15+
</a>
16+
<a href="#btc"><%- partial('icons/btc') %> BTC</a>
17+
<a href="#bch"><%- partial('icons/bch') %> BCH</a>
18+
<a href="#eth"><%- partial('icons/eth') %> ETH</a>
19+
<a href="#ltc"><%- partial('icons/ltc') %> LTC
20+
</a>
21+
</div>
22+
23+
<div id="coin-details" v-if="type && coins[type]">
24+
<p>{{ coins[type].name }} Address:<br>{{ coins[type].address }}</p>
25+
<img :src="'/images/coin-' + type + '.png'">
26+
</div>
27+
<script>
28+
var coins = new Vue({
29+
el: '#coin-details',
30+
data: {
31+
type: window.location.hash.slice(1),
32+
coins: {
33+
btc: {
34+
name: 'Bitcoin',
35+
address: '14MEpy5a9MwDZa9CUzrfDhTU8dy2KKJ5mU'
36+
},
37+
bch: {
38+
name: 'Bitcoin Cash',
39+
address: '15gftB3fwumFRWGWFhVzTgc4nhM5w1F2Tu'
40+
},
41+
eth: {
42+
name: 'Ethereum',
43+
address: '0x3411356C1f0Bf5D859464eD2AC54DD2C222519B7'
44+
},
45+
ltc: {
46+
name: 'Litecoin',
47+
address: 'LUcHis3B8SFtEeZtuCaZoqsyN9XFAKmbCP'
48+
}
49+
}
50+
}
51+
})
52+
window.addEventListener('hashchange', function () {
53+
coins.type = window.location.hash.slice(1)
54+
})
55+
</script>
56+
57+
<h2 id="Recurring-Pledges">Recurring Pledges</h2>
58+
59+
<p>
60+
Recurring pledges come with exclusive perks, e.g. having your name listed in the Vue GitHub repository, or have your company logo placed on this website.
61+
</p>
62+
63+
<ul>
64+
<li>
65+
<a href="https://www.patreon.com/evanyou" target="_blank">Become a backer or sponsor via Patreon</a> (goes directly to support Evan You's full-time work on Vue)
66+
</li>
67+
<li>
68+
<a href="https://opencollective.com/vuejs">Become a backer or sponsor via OpenCollective</a> (goes into a fund with transparent expense models supporting community efforts and events)
69+
</li>
70+
</ul>
71+
72+
<h2>Current Premium Sponsors:</h2>
73+
74+
<h3>Platinum</h3>
75+
76+
<p class="platinum">
77+
<%_ for (const sponsor of theme.platinum_sponsors) {_%>
78+
<a href="<%- sponsor.url %>" target="_blank">
79+
<img src="<%- url_for(`/images/${sponsor.img}`) %>">
80+
</a>
81+
<%_ } _%>
82+
</p>
83+
84+
<h3>OpenCollective Platinum</h3>
85+
86+
<p class="open-collective-sponsors sponsor-section">
87+
<%_ for (let i = 0; i < 3; i++) {_%>
88+
<a href="https://opencollective.com/vuejs/tiers/platinum-sponsors/<%- i %>/website" target="_blank">
89+
<img src="https://opencollective.com/vuejs/tiers/platinum-sponsors/<%- i %>/avatar.svg">
90+
</a>
91+
<%_ } _%>
92+
</p>
93+
94+
<h3>Patreon Gold</h3>
95+
96+
<p class="patreon-sponsors sponsor-section">
97+
<%_ for (const sponsor of theme.gold_sponsors) {_%>
98+
<a href="<%- sponsor.url %>" target="_blank">
99+
<img src="<%- url_for(`/images/${sponsor.img}`) %>">
100+
</a>
101+
<%_ } _%>
102+
</p>
103+
104+
<h3>OpenCollective Gold</h3>
105+
106+
<p class="open-collective-sponsors sponsor-section">
107+
<%_ for (let i = 0; i < 10; i++) {_%>
108+
<a href="https://opencollective.com/vuejs/tiers/gold-sponsors/<%- i %>/website" target="_blank">
109+
<img src="https://opencollective.com/vuejs/tiers/gold-sponsors/<%- i %>/avatar.svg">
110+
</a>
111+
<%_ } _%>
112+
</p>
113+
114+
<p>
115+
If you run a business and are using Vue in a revenue-generating product, it makes business sense to sponsor Vue development: <b>it ensures the project that your product relies on stays healthy and actively maintained.</b> It can also help your exposure in the Vue community and makes it easier to attract Vue developers.
116+
</p>
117+
118+
<p>
119+
If you are an individual user and have enjoyed the productivity of using Vue, consider donating as a sign of appreciation - like buying me coffee once in a while :)
120+
</p>

‎themes/vue/source/css/_sponsor.styl

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,14 +52,22 @@
5252

5353
// support-vuejs page
5454
.content
55+
.platinum
56+
text-align center
57+
a
58+
display inline-block
59+
margin 20px
60+
img
61+
width 250px
62+
5563
.sponsor-section
5664
text-align center
5765
margin-top 0
5866
margin-bottom 60px
5967

6068
.patreon-sponsors
6169
a, img
62-
width: 120px
70+
width: 140px
6371
display: inline-block
6472
vertical-align: middle
6573
a

‎themes/vue/source/images/datacamp.png

24.5 KB
Loading

‎themes/vue/source/images/neds.png

12.9 KB
Loading

‎themes/vue/source/images/tooltwist.png

1.75 KB
Loading

‎themes/vue/source/images/vuejobs.png

898 Bytes
Loading

‎themes/vue/source/images/vueschool.png

-3.28 KB
Loading

0 commit comments

Comments
 (0)