Skip to content

special sponsor vacancy handling #2389

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Nov 3, 2024
Merged

special sponsor vacancy handling #2389

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f302e6e
special sponsor vacancy handling
jay-es Nov 3, 2024
a16c59a
fix data tier issue in ssr build
jay-es Nov 3, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions .vitepress/theme/components/Home.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -74,6 +74,13 @@ onMounted(load)
<span>{{ description }}</span>
</template>
</section>
<section v-else id="special-sponsor">
<span>
<a href="/sponsor/#tier-benefits">
Special Sponsor slot is now vacant - Inquire now
</a>
</span>
</section>

<section id="highlights" class="vt-box-container">
<div class="vt-box">
Expand Down
10 changes: 10 additions & 0 deletions .vitepress/theme/components/SponsorsGroup.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -95,6 +95,13 @@ function resolveList(data: SponsorData) {
@click="track(true)"
>スポンサーになる</a
>
<a
v-if="tier === 'special' && data && !data[tier]?.length"
href="mailto:[email protected]?subject=Vue.js%20special%20sponsor%20inquiry"
class="sponsor-item action"
@click="track(true)"
>Inquire about Special Sponsorship</a
>
</div>
</template>

Expand Down Expand Up @@ -130,6 +137,9 @@ function resolveList(data: SponsorData) {
font-size: 11px;
color: var(--vt-c-text-3);
}
.sponsor-container.page .sponsor-item.action {
font-size: 16px;
}
.sponsor-item img {
max-width: calc(var(--max-width) - 30px);
max-height: calc(var(--max-width) / 2 - 20px);
Expand Down
8 changes: 6 additions & 2 deletions src/sponsor/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,10 @@ sponsors: false

<script setup>
import SponsorsGroup from '@theme/components/SponsorsGroup.vue'
import { load, data } from '@theme/components/sponsors'
import { onMounted } from 'vue'

onMounted(load)
</script>

# Vue.js のスポンサーになる {#become-a-vue-js-sponsor}
Expand All @@ -18,11 +22,11 @@ Vue.js は、MIT ライセンスのオープンソースプロジェクトで、

スポンサーシップは [GitHub Sponsors](https://github.com/sponsors/yyx990803) または [OpenCollective](https://opencollective.com/vuejs) から行えます。請求書は、GitHub の支払いシステムから入手できます。毎月の継続的なスポンサーシップと、一度だけの寄付の両方を受け付けています。定期的なスポンサーシップの場合、[スポンサーシップのティア](#tier-benefits)で指定されているように、ロゴを配置する権利があります。

ティア、決済ロジスティックス、スポンサー公開データに関するご質問は、[[email protected]](mailto:[email protected]) までお問い合わせください。
ティア、決済ロジスティックス、スポンサー公開データに関するご質問は、[[email protected]](mailto:[email protected]?subject=Vue.js%20sponsorship%20inquiry) までお問い合わせください。

## 企業として Vue を支援する {#sponsoring-vue-as-a-business}

Vue のスポンサーになると、Web サイトや GitHub プロジェクトの README を通じて、世界中の**170万人**を超える Vue 開発者に大きく露出できます。また、OSS をサポートすることは、開発者と交流するすべての企業にとって重要な資産であるブランドの評判を向上させることになります。
Vue のスポンサーになると、Web サイトや GitHub プロジェクトの README を通じて、世界中の**200万人**を超える Vue 開発者に大きく露出できます。これは直接的に見込み客を獲得するだけでなく、オープンソースを大切にする企業としてブランド認知度も向上させます。これは無形資産ですが、開発者向け製品を開発する企業にとっては、コンバージョン率の向上につながるため、非常に重要な資産です。

Vue を使用して収益を上げる製品を構築している場合、Vue の開発を後援することはビジネス上理にかなっています。**これにより、あなたの製品が依存しているプロジェクトが健全で活発に維持されることが保証されます。**また、Vue コミュニティーでの露出と肯定的なブランドイメージにより、Vue の開発者を引き付け、採用することが容易になります。

Expand Down