mirror of
https://github.com/zen-browser/www.git
synced 2025-07-07 17:05:32 +02:00
feat: add Crowdin logo and translation support for sponsors (#695)
This commit is contained in:
Canoa
GitHub
parent
21e47afe4c
commit
f9395041e1
4 changed files with 52 additions and 11 deletions
18
src/assets/sponsors/crowdin-logo-dark.svg
Normal file
18
src/assets/sponsors/crowdin-logo-dark.svg
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="116" height="24" viewBox="0 0 116 24">
|
||||
<path
|
||||
d="M85.47 17.26c-.92-1.09-1.39-2.48-1.39-4.18v-.35c0-1.7.49-3.09 1.46-4.17.98-1.08 2.26-1.63 3.87-1.63.85 0 1.58.14 2.17.43.6.28 1.08.67 1.44 1.18V1.91h2.85v16.75h-2.71l-.29-1.25c-.31.29-.87.78-1.3 1-.62.31-1.37.47-2.23.47-1.65 0-2.95-.54-3.88-1.62h.01Zm1.39-4.64v.57h.01c0 .82.24 1.49.71 2.01s1.25.78 2.33.78c.74 0 1.38-.18 1.94-.52h.02c.73-.48 1.16-1.3 1.16-2.17v-.79c0-.85-.41-1.65-1.11-2.12-.52-.35-1.16-.52-1.91-.52-1.07 0-1.86.26-2.37.78-.51.51-.76 1.18-.76 2.01l-.02-.03ZM30 13.08c0 1.78.54 3.21 1.63 4.29s2.55 1.62 4.4 1.62 3.09-.46 4.02-1.37c.92-.92 1.39-1.98 1.39-3.19v-.11h-2.68v.1c0 .49-.21.91-.63 1.26-.42.35-1.13.52-2.12.52-1.11 0-1.93-.27-2.45-.82-.52-.55-.78-1.27-.78-2.18v-.59c0-.91.26-1.64.79-2.18.52-.55 1.34-.82 2.44-.82.96 0 1.66.17 2.1.5s.67.76.67 1.27v.11h2.68v-.14c-.06-1.22-.53-2.27-1.43-3.17-.9-.9-2.23-1.35-3.99-1.35-1.85 0-3.32.54-4.4 1.62-1.09 1.07-1.63 2.5-1.63 4.29v.35Zm13.69 5.58h2.73v-5.67c0-1.24.6-1.88 1.09-2.24.5-.36 1.06-.53 1.69-.53.2 0 .38.01.53.03.17.02.32.05.47.08V6.99c-.07-.03-.2-.06-.38-.1s-.35-.05-.51-.05c-.65 0-1.23.18-1.74.52-.46.31-.83.69-1.11 1.11-.03.04-.1.03-.1-.03l-.24-1.29h-2.44v11.51h.01Zm9.33-1.29c-1.13-1.08-1.69-2.51-1.69-4.29v-.35c0-1.79.56-3.22 1.69-4.29 1.13-1.08 2.62-1.62 4.46-1.62s3.32.54 4.45 1.62c1.14 1.07 1.7 2.5 1.7 4.29v.35c0 1.78-.57 3.22-1.7 4.29-1.13 1.08-2.6 1.62-4.45 1.62s-3.33-.54-4.46-1.62Zm1.97-6.95c-.58.46-.87 1.19-.87 2.18v.59c0 1.03.29 1.77.86 2.22.58.44 1.42.66 2.5.66s1.91-.22 2.49-.66.87-1.18.87-2.22v-.59c0-1-.3-1.73-.89-2.18-.58-.46-1.4-.69-2.48-.69s-1.91.23-2.49.69Zm9.88-3.28 3.43 11.51h3.11l2.44-8.36c.03-.09.15-.09.18 0l2.63 8.36h3.1l3.45-11.51h-3.38l-1.7 6.41c-.07.29-.14.58-.21.86l-.14.64c0 .04-.07.04-.07 0-.05-.21-.1-.42-.16-.64-.07-.29-.15-.58-.24-.86l-1.9-6.41h-3.23s-1.91 6.54-2.26 7.84c-.01.06-.1.06-.11 0l-1.98-7.84h-2.96Zm34.25 11.51h2.72V7.14h-2.72v11.51Zm-.58-14.66c0 .5.17.9.5 1.22.34.31.82.47 1.44.47s1.09-.16 1.42-.48c.34-.32.51-.72.51-1.21s-.17-.88-.5-1.2c-.34-.32-.81-.48-1.44-.48s-1.09.16-1.43.48c-.33.32-.5.72-.5 1.2Zm9.32 14.66h-2.72V7.14h2.58s.18 1.21.21 1.39c.39-.5.91-.89 1.54-1.16.7-.31 1.46-.46 2.28-.46 1.25 0 2.27.33 3.07.99.8.65 1.2 1.96 1.2 3.92v6.83h-2.72v-6.14c0-1.66-.43-2.85-2.47-2.85s-2.97 1.68-2.97 4.32v4.67Z"
|
||||
shape-rendering="geometricPrecision"
|
||||
style="fill:#2e2e2e;fill-rule:evenodd;stroke-width:0"></path>
|
||||
<path
|
||||
d="M17 0H6.92C4.84 0 3.11.69 1.9 1.9.69 3.11 0 4.84 0 6.92V17c0 2.12.69 3.88 1.91 5.09S4.88 24 7 24h10c2.12 0 3.87-.69 5.09-1.91S24 19.12 24 17V7c0-2.13-.69-3.88-1.91-5.09S19.12 0 17 0Z"
|
||||
shape-rendering="geometricPrecision"
|
||||
style="fill:#2e2e2e;stroke-width:0"></path>
|
||||
<g shape-rendering="geometricPrecision">
|
||||
<path
|
||||
d="M14.85 14.78c-.01-.09-.08-.43-.32-.43h-.72s-.3 0-.29.28c.01.56.33 1.04.72 1.36.33.27.73.41 1.18.41.4-.01.45-.3.26-.39-.32-.15-.74-.48-.83-1.25v.02ZM17 7.06c-2.02 0-4.03.49-5.35 1.28-.7.42-1.24.94-1.62 1.53-.3.48-.5 1-.58 1.56-.03.19-.04.76.57.92.38.1.97.14 1.36.19.64.07.82-.64.87-.76.51-1.39 1.25-2.33 2.33-2.95 1.09-.63 2.55-.92 4.61-.92.27 0 .9.03.9-.28 0-.56-2.72-.56-3.1-.56H17ZM14.2 17.64c-.73-.17-1.95-.96-2.23-2.97-.05-.38-.27-.56-.58-.63-.43-.09-1.17-.13-1.41-.15-.35-.04-.6.17-.56.77.07.91.44 1.63 1.06 2.33.73.83 1.69 1.31 2.71 1.29 1.13-.03 1.21-.23 1.22-.37 0-.15-.07-.24-.2-.27h-.01ZM11.12 19.31c-1.12 0-3.5-1.81-3.5-4.64 0-.5-.3-1-.93-1.18-.51-.15-1.22-.38-1.68-.4-1.1-.07-1.04.84-1.01 1.32.11 2.01.99 3.71 2.45 4.67.61.4 1.32.67 2.18.83.2.04.91.19 1.63.16 1.11-.05 1.23-.37 1.23-.5 0-.17-.12-.25-.37-.25Z"
|
||||
style="fill:#f2f0e3;stroke-width:0"></path>
|
||||
<path
|
||||
d="M20.38 5.11c-2.69-.78-5.58-1-8.34-.71-2.93.31-6.57 1.48-7.71 4.97-.12.36-.33 1.68.93 2 .41.1.82.29 1.25.37 1.24.23 1.5-.94 1.57-1.17.07-.22.15-.44.25-.66.39-.84.97-1.55 1.64-2.1 1.38-1.15 3.09-1.69 4.75-1.96.97-.15 1.94-.22 2.91-.2 2.94.07 3.26.29 3.37-.03s-.42-.45-.61-.51h-.01ZM17.88 9.69c-3.25 0-4.1 1.63-4.34 2.72-.11.53.21.57.5.62.42.07.75.01.9-.39.46-1.24 1.08-2.45 3.06-2.45.2 0 .38-.12.38-.25s-.13-.25-.5-.25Z"
|
||||
style="fill:#f2f0e3;stroke-width:0"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.1 KiB |
|
|
@ -6,6 +6,7 @@ const locale = getLocale(Astro)
|
|||
|
||||
import tutaLogo from '~/assets/sponsors/tutaLogo-dark.svg'
|
||||
import blacksmithLogo from '~/assets/sponsors/blacksmith-logo-dark.svg'
|
||||
import crowdinLogo from '~/assets/sponsors/crowdin-logo-dark.svg'
|
||||
|
||||
import Image from 'astro/components/Image.astro'
|
||||
const { showSponsors = true } = Astro.props
|
||||
|
|
@ -18,18 +19,20 @@ const {
|
|||
---
|
||||
|
||||
<section id="sponsors" class:list={['py-12', !showSponsors && 'hidden']}>
|
||||
<div class="flex flex-col items-center gap-6 text-center">
|
||||
<h3
|
||||
class="text-4xl font-bold sm:text-6xl"
|
||||
style="transform: translateY(20px); opacity: 0.001; filter: blur(4px)"
|
||||
>
|
||||
{sponsors.title}
|
||||
</h3>
|
||||
<p class="text-base" style="transform: translateY(20px); opacity: 0.001; filter: blur(4px)">
|
||||
<span class="opacity-80" set:html={sponsors.description} />
|
||||
</p>
|
||||
<div class="grid items-center gap-8 text-center">
|
||||
<div class="grid gap-2">
|
||||
<h3
|
||||
class="text-4xl font-bold sm:text-6xl"
|
||||
style="transform: translateY(20px); opacity: 0.001; filter: blur(4px)"
|
||||
>
|
||||
{sponsors.title}
|
||||
</h3>
|
||||
<p class="text-base" style="transform: translateY(20px); opacity: 0.001; filter: blur(4px)">
|
||||
<span class="opacity-80" set:html={sponsors.description} />
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
class="sponsors__sponsor relative mt-4 flex flex-col items-center justify-center gap-8 md:flex-row md:gap-12"
|
||||
class="sponsors__sponsor relative flex flex-wrap items-center justify-center gap-8 md:gap-12"
|
||||
>
|
||||
<a href={sponsors.sponsors['blacksmith'].url} target="_blank" class="w-fit">
|
||||
<Image
|
||||
|
|
@ -38,6 +41,18 @@ const {
|
|||
class="h-16 w-fit object-contain dark:invert"
|
||||
/>
|
||||
</a>
|
||||
<a
|
||||
href={sponsors.sponsors['crowdin'].url}
|
||||
target="_blank"
|
||||
class="w-fit"
|
||||
style="transform: translateY(20px); opacity: 0.001; filter: blur(4px)"
|
||||
>
|
||||
<Image
|
||||
src={crowdinLogo}
|
||||
alt={sponsors.sponsors['crowdin'].name}
|
||||
class="h-16 w-fit object-contain dark:invert"
|
||||
/>
|
||||
</a>
|
||||
<a
|
||||
href={sponsors.sponsors['tuta'].url}
|
||||
target="_blank"
|
||||
|
|
|
|||
|
|
@ -53,6 +53,10 @@
|
|||
"blacksmith": {
|
||||
"name": "BlackSmith",
|
||||
"url": "https://www.blacksmith.sh/"
|
||||
},
|
||||
"crowdin": {
|
||||
"name": "Crowdin",
|
||||
"url": "https://crowdin.com/"
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -53,6 +53,10 @@
|
|||
"blacksmith": {
|
||||
"name": "BlackSmith",
|
||||
"url": "https://www.blacksmith.sh/"
|
||||
},
|
||||
"crowdin": {
|
||||
"name": "Crowdin",
|
||||
"url": "https://crowdin.com/"
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue