Skip to content

Commit 191765c

Browse files
kazuponkazupon
committed
docs: update sponsors
1 parent a50330c commit 191765c

File tree

6 files changed

+104
-287
lines changed

6 files changed

+104
-287
lines changed

‎BACKERS.md‎

Lines changed: 3 additions & 159 deletions
Original file line numberDiff line numberDiff line change
@@ -2,166 +2,10 @@
22

33
You can join them in supporting vue-i18n & Intlify project development by [pledging on GitHub](https://github.com/sponsors/kazupon)! Backers in the same pledge level appear in the order of pledge date.
44

5-
<h2 align="center">Platinum Sponsors</h2>
5+
The development of Gunish is supported by my OSS sponsors!
66

77
<p align="center">
8-
<a
9-
href="https://zenarchitects.co.jp/"
10-
style="margin: 1rem 1rem 0 1rem; width: 30rem; height: auto; display: inline-block; vertical-align: middle;"
11-
target="_blank"
12-
rel="noopener"
13-
>
14-
<img
15-
style="max-width: 100%; vertical-align: midele;"
16-
src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/zenarchitects.png"
17-
width="400px"
18-
alt="Zen Architects"
19-
>
8+
<a href="https://cdn.jsdelivr.net/gh/kazupon/sponsors/sponsors.svg">
9+
<img src='https://cdn.jsdelivr.net/gh/kazupon/sponsors/sponsors.svg'/>
2010
</a>
2111
</p>
22-
23-
<p align="center">
24-
<a
25-
href="https://www.microsoft.com/"
26-
style="margin: 1rem 1rem 0 1rem; width: 30rem; height: auto; display: inline-block; vertical-align: middle;"
27-
target="_blank"
28-
rel="noopener"
29-
>
30-
<img
31-
style="max-width: 100%; vertical-align: midele;"
32-
src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/microsoft.webp"
33-
width="400px"
34-
alt="Microsoft"
35-
>
36-
</a>
37-
</p>
38-
39-
<h2 align="center">Special Sponsors</h2>
40-
41-
<p align="center">
42-
<a
43-
href="https://plaid.co.jp/"
44-
style="margin: 1rem 1rem 0 1rem; width: 15rem; height: auto; display: inline-block; vertical-align: middle;"
45-
target="_blank"
46-
rel="noopener"
47-
>
48-
<img
49-
style="max-width: 100%; vertical-align: midele;"
50-
src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/plaid.svg"
51-
width="260px"
52-
alt="PLAID"
53-
>
54-
</a>
55-
</p>
56-
57-
<h2 align="center">Gold Sponsors</h2>
58-
59-
<p align="center">
60-
<a
61-
href="https://nuxtlabs.com/"
62-
style="margin: 1rem 1rem 0 1rem; width: 15rem; height: auto; display: inline-block; vertical-align: middle;"
63-
target="_blank"
64-
rel="noopener"
65-
>
66-
<img
67-
style="max-width: 100%; vertical-align: midele;"
68-
src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/nuxtlabs.svg"
69-
width="260px"
70-
alt="NuxtLabs"
71-
>
72-
</a>
73-
</p>
74-
75-
<p align="center">
76-
<a
77-
href="https://localazy.com/blog/how-to-localize-vuejs-app-with-vue-i18n-and-localazy?utm_source=kazupon&utm_medium=banner&utm_campaign=sponsorships_kazupon&utm_content=logo"
78-
style="margin: 1rem 1rem 0 1rem; width: 15rem; height: auto; display: inline-block; vertical-align: middle;"
79-
target="_blank"
80-
rel="noopener"
81-
>
82-
<img
83-
style="max-width: 100%; vertical-align: midele;"
84-
src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/localazy.svg"
85-
width="260px"
86-
alt="Localazy"
87-
>
88-
</a>
89-
</p>
90-
91-
<p align="center">
92-
<a
93-
href="https://crowdin.com/teams/engineering?utm_source=vue-i18n.intlify.dev&utm_medium=referral"
94-
style="margin: 1rem 1rem 0 1rem; width: 15rem; height: auto; display: inline-block; vertical-align: middle;"
95-
target="_blank"
96-
rel="noopener"
97-
>
98-
<img
99-
style="max-width: 100%; vertical-align: midele;"
100-
src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/crowdin.svg"
101-
width="260px"
102-
alt="Crowdin"
103-
>
104-
</a>
105-
</p>
106-
107-
[It could be you!](https://github.com/sponsors/kazupon?o=esc)
108-
109-
<h2 align="center">Sliver Sponsors</h2>
110-
111-
[It could be you!](https://github.com/sponsors/kazupon?o=esc)
112-
113-
<h2 align="center">Bronze Sponsors</h2>
114-
115-
<p align="center">
116-
<a
117-
href="https://www.vuemastery.com/"
118-
style="margin: 1rem 1rem 0 1rem; width: 9rem; height: auto; display: inline-block; vertical-align: middle;"
119-
target="_blank"
120-
rel="noopener"
121-
>
122-
<img
123-
style="max-width: 100%; vertical-align: midele;"
124-
src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/vuemastery.png"
125-
width="140px"
126-
alt="Vue Mastery"
127-
>
128-
</a>
129-
</p>
130-
131-
<p align="center">
132-
<a href="https://froggly.pl/"
133-
style="margin: 1rem 1rem 0 1rem; width: 9rem; height: auto; display: inline-block; vertical-align: middle;"
134-
target="_blank"
135-
rel="noopener"
136-
>
137-
<img
138-
src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/Froggly.svg"
139-
width="140px"
140-
alt="froggly"
141-
/>
142-
</a>
143-
</p>
144-
145-
<p align="center">
146-
<a href="https://languagemonster.com/"
147-
style="margin: 1rem 1rem 0 1rem; width: 9rem; height: auto; display: inline-block; vertical-align: middle;"
148-
target="_blank"
149-
rel="noopener"
150-
>
151-
<img
152-
src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/LanguageMonster.svg"
153-
width="140px"
154-
alt="LanguageMonster"
155-
/>
156-
</a>
157-
</p>
158-
159-
[It could be you!](https://github.com/sponsors/kazupon?o=esc)
160-
161-
<h2 align="center">Generous Supporters</h2>
162-
163-
[Currently vacant. It could be you!](https://github.com/sponsors/kazupon?o=esc)
164-
165-
<h2 align="center">Awesome Supporters</h2>
166-
167-
[It could be you!](https://github.com/sponsors/kazupon?o=esc)

‎README.md‎

Lines changed: 2 additions & 86 deletions
Original file line numberDiff line numberDiff line change
@@ -11,97 +11,13 @@ Vue I18n is part of the Vue Ecosystem and Intlify Project is an open source proj
1111

1212
- [Become a Sponsor on GitHub](https://github.com/sponsors/kazupon)
1313

14-
<h3 align="center">🏅 Platinum Sponsors</h3>
1514

1615
<p align="center">
17-
<a href="https://zenarchitects.co.jp/" target="_blank">
18-
<img
19-
src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/zenarchitects.png"
20-
width="400px"
21-
/>
16+
<a href="https://cdn.jsdelivr.net/gh/kazupon/sponsors/sponsors.svg">
17+
<img src='https://cdn.jsdelivr.net/gh/kazupon/sponsors/sponsors.svg'/>
2218
</a>
2319
</p>
2420

25-
<h3 align="center">✨ Special Sponsors</h3>
26-
27-
<p align="center">
28-
<a
29-
href="https://plaid.co.jp/"
30-
target="_blank">
31-
<img
32-
src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/plaid.svg"
33-
width="240px"
34-
/>
35-
</a>
36-
</p>
37-
38-
<h3 align="center">🥇 Gold Sponsors</h3>
39-
40-
<p align="center">
41-
<a
42-
href="https://nuxtlabs.com/"
43-
target="_blank">
44-
<img
45-
src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/nuxtlabs.svg"
46-
width="240px"
47-
/>
48-
</a>
49-
</p>
50-
<p align="center">
51-
<a
52-
href="https://localazy.com/blog/how-to-localize-vuejs-app-with-vue-i18n-and-localazy?utm_source=kazupon&utm_medium=banner&utm_campaign=sponsorships_kazupon&utm_content=logo"
53-
target="_blank">
54-
<img
55-
src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/localazy.svg"
56-
width="240px"
57-
/>
58-
</a>
59-
</p>
60-
<p align="center">
61-
<a
62-
href="https://crowdin.com/teams/engineering?utm_source=vue-i18n.intlify.dev&utm_medium=referral"
63-
target="_blank">
64-
<img
65-
src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/crowdin.svg"
66-
width="240px"
67-
/>
68-
</a>
69-
</p>
70-
71-
<h3 align="center">🥈 Silver Sponsors</h3>
72-
73-
<h3 align="center">🥉 Bronze Sponsors</h3>
74-
75-
<p align="center">
76-
<a href="https://froggly.pl/" target="_blank">
77-
<img
78-
src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/Froggly.svg"
79-
width="144px"
80-
/>
81-
</a>
82-
</p>
83-
84-
<p align="center">
85-
<a href="https://languagemonster.com/" target="_blank">
86-
<img
87-
src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/LanguageMonster.svg"
88-
width="144px"
89-
/>
90-
</a>
91-
</p>
92-
93-
<p align="center">
94-
<a href="https://route4me.com" target="_blank">
95-
<img
96-
src="https://raw.githubusercontent.com/intlify/vue-i18n/master/docs/public/Route4Me.png"
97-
width="144px"
98-
alt="Route Optimizer and Route Planner Software"
99-
/>
100-
</a>
101-
</p>
102-
103-
<br/>
104-
10521
## Status: [![CI](https://github.com/intlify/vue-i18n/actions/workflows/ci.yml/badge.svg)](https://github.com/intlify/vue-i18n/actions/workflows/ci.yml)
10622
- v11: stable (About maintenance status, see the [here](https://vue-i18n.intlify.dev/guide/maintenance.html))
10723
- [Documentation](https://vue-i18n.intlify.dev/)

‎docs/.vitepress/theme/components/HomeSponsors.vue‎

Lines changed: 91 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,95 @@
11
<script setup lang="ts">
2-
import { VPHomeSponsors } from 'vitepress/theme'
3-
import { useSponsor } from '../composables/sponsor'
4-
const { data } = useSponsor()
2+
import { VPButton } from 'vitepress/theme';
3+
const actionLink = 'https://github.com/sponsors/kazupon'
4+
const text = 'Become a sponsor'
55
</script>
66

77
<template>
8-
<VPHomeSponsors
9-
v-if="data"
10-
message="Vue I18n is free and open source, made possible by wonderful sponsors."
11-
action-text="Become a sponsor"
12-
action-link="https://github.com/sponsors/kazupon"
13-
:data="data"
14-
/>
15-
</template>
8+
<div class="sponsor-kit" align="center">
9+
<div class="container">
10+
<div class="header">
11+
<div class="love">
12+
<span class="vpi-heart icon" />
13+
</div>
14+
<h2 class="message">Vue I18n is free and open source, made possible by wonderful sponsors!</h2>
15+
</div>
16+
<div class="sponsors">
17+
<a href="https://cdn.jsdelivr.net/gh/kazupon/sponsors/sponsors.svg">
18+
<img src="https://cdn.jsdelivr.net/gh/kazupon/sponsors/sponsors.svg" />
19+
</a>
20+
</div>
21+
</div>
22+
<div class="action">
23+
<VPButton theme="sponsor" :text="text" :href="actionLink" />
24+
</div>
25+
</div>
26+
</template>
27+
28+
<style scoped>
29+
.sponsor-kit {
30+
border-top: 1px solid var(--vp-c-gutter);
31+
padding-top: 88px !important;
32+
}
33+
34+
.sponsor-kit {
35+
margin: 96px 0;
36+
}
37+
38+
@media (min-width: 768px) {
39+
.sponsor-kit {
40+
margin: 128px 0;
41+
}
42+
}
43+
44+
.sponsor-kit {
45+
padding: 0 24px;
46+
}
47+
48+
@media (min-width: 768px) {
49+
.sponsor-kit {
50+
padding: 0 48px;
51+
}
52+
}
53+
54+
@media (min-width: 960px) {
55+
.sponsor-kit {
56+
padding: 0 64px;
57+
}
58+
}
59+
60+
.container {
61+
margin: 0 auto;
62+
max-width: 1152px;
63+
}
64+
65+
.love {
66+
margin: 0 auto;
67+
width: fit-content;
68+
font-size: 28px;
69+
color: var(--vp-c-text-3);
70+
}
71+
72+
.icon {
73+
display: inline-block;
74+
}
75+
76+
.message {
77+
margin: 0 auto;
78+
padding-top: 10px;
79+
max-width: 320px;
80+
text-align: center;
81+
line-height: 24px;
82+
font-size: 16px;
83+
font-weight: 500;
84+
color: var(--vp-c-text-2);
85+
}
86+
87+
.sponsors {
88+
padding-top: 32px;
89+
}
90+
91+
.action {
92+
padding-top: 40px;
93+
text-align: center;
94+
}
95+
</style>

‎docs/.vitepress/theme/composables/sponsor.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { ref, onMounted } from 'vue'
1+
import { onMounted, ref } from 'vue'
22

33
interface Sponsors {
44
special: Sponsor[]
@@ -66,4 +66,4 @@ function mapImgPath(sponsors: Sponsor[]) {
6666
...sponsor,
6767
img: `/${sponsor.img}`
6868
}))
69-
}
69+
}

0 commit comments

Comments
 (0)