Skip to content

Commit 70dfa08

Browse files
committed
feat: new sponsor
1 parent d0ea131 commit 70dfa08

File tree

7 files changed

+94
-102
lines changed

7 files changed

+94
-102
lines changed

public/svg/upstash-icon-dark-bg.svg

Lines changed: 15 additions & 0 deletions
Loading

public/svg/upstash-icon-white-bg.svg

Lines changed: 15 additions & 0 deletions
Loading

src/data/aside-sponsors.ts

Lines changed: 31 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -164,7 +164,7 @@ export const asideSponsors: ISponsor[] = [
164164
},
165165
sponsorEntity: {
166166
__typename: "Organization",
167-
login: "driz.li/decocx",
167+
login: "driz.link/decocx",
168168
name: "Deco.cx",
169169
avatarUrl: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
170170
<path d="M6.77828 19.8642C4.2582 19.8642 2.25696 18.9006 1.07104 17.1959C-0.189006 15.417 -0.337247 12.8969 0.626315 10.2286C1.96048 6.74493 5.14764 4.59545 9.00189 4.59545H9.07601C9.07601 4.52133 9.07601 4.44721 9.07601 4.29897C9.00189 3.03893 9.81721 1.92712 11.0031 1.55652L14.4868 0.22236C14.8574 0.0741201 15.228 0 15.5986 0C16.7104 0 17.7481 0.592961 18.2669 1.63064L19.6752 4.59545C20.1199 5.48489 20.1199 6.59669 19.6011 7.41201C19.0822 8.22733 18.2669 8.67205 17.3775 8.74618C17.1551 9.1909 17.0069 9.63562 16.7845 10.0062C16.3398 11.0439 15.8951 12.0816 15.3762 13.1934C13.4491 17.1959 11.2996 19.8642 6.77828 19.8642Z" fill="#113032"/>
@@ -263,6 +263,36 @@ export const asideSponsors: ISponsor[] = [
263263
'url("/svg/edb_logo_dark.svg") center / contain no-repeat content-box',
264264
},
265265
},
266+
{
267+
tier: {
268+
name: "$2500 a month",
269+
isOneTime: false,
270+
},
271+
sponsorEntity: {
272+
__typename: "Organization",
273+
login: "driz.link/upstash",
274+
name: "Upstash",
275+
avatarUrl:
276+
'<svg width="1200" height="1200" viewBox="0 0 1200 1200" fill="none" xmlns="http://www.w3.org/2000/svg"></svg>',
277+
},
278+
createdAt: "2024-12-22T13:32:16Z",
279+
isActive: true,
280+
imageType: ImageType.SVG,
281+
darkStyle: {
282+
width: "48px",
283+
filter: "brightness(0.3) grayscale(1)",
284+
background:
285+
'url("/svg/upstash-icon-dark-bg.svg") 0% 0% / cover no-repeat content-box',
286+
padding: "6px",
287+
},
288+
lightStyle: {
289+
width: "48px",
290+
filter: "brightness(0.8) grayscale(1)",
291+
background:
292+
'url("/svg/upstash-icon-white-bg.svg") 0% 0% / cover no-repeat content-box',
293+
padding: "6px",
294+
},
295+
},
266296
{
267297
tier: {
268298
name: "$1000 a month",

src/data/custom-sponsors.ts

Lines changed: 27 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -240,7 +240,7 @@ export const customSponsors: ISponsor[] = [
240240
},
241241
sponsorEntity: {
242242
__typename: "Organization",
243-
login: "driz.li/decocx",
243+
login: "driz.link/decocx",
244244
name: "Deco",
245245
avatarUrl: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
246246
<path d="M6.77828 19.8642C4.2582 19.8642 2.25696 18.9006 1.07104 17.1959C-0.189006 15.417 -0.337247 12.8969 0.626315 10.2286C1.96048 6.74493 5.14764 4.59545 9.00189 4.59545H9.07601C9.07601 4.52133 9.07601 4.44721 9.07601 4.29897C9.00189 3.03893 9.81721 1.92712 11.0031 1.55652L14.4868 0.22236C14.8574 0.0741201 15.228 0 15.5986 0C16.7104 0 17.7481 0.592961 18.2669 1.63064L19.6752 4.59545C20.1199 5.48489 20.1199 6.59669 19.6011 7.41201C19.0822 8.22733 18.2669 8.67205 17.3775 8.74618C17.1551 9.1909 17.0069 9.63562 16.7845 10.0062C16.3398 11.0439 15.8951 12.0816 15.3762 13.1934C13.4491 17.1959 11.2996 19.8642 6.77828 19.8642Z" fill="#113032"/>
@@ -331,6 +331,32 @@ export const customSponsors: ISponsor[] = [
331331
'url("/svg/edb_logo_dark.svg") center / contain no-repeat content-box',
332332
},
333333
},
334+
{
335+
tier: {
336+
name: "$2500 a month",
337+
isOneTime: false,
338+
},
339+
sponsorEntity: {
340+
__typename: "Organization",
341+
login: "driz.link/upstash",
342+
name: "Upstash",
343+
avatarUrl:
344+
'<svg width="1200" height="1200" viewBox="0 0 1200 1200" fill="none" xmlns="http://www.w3.org/2000/svg"></svg>',
345+
},
346+
createdAt: "2024-12-22T13:32:16Z",
347+
isActive: true,
348+
imageType: ImageType.SVG,
349+
darkStyle: {
350+
background:
351+
'url("/svg/upstash-icon-dark-bg.svg") 0% 0% / cover no-repeat content-box',
352+
padding: "12px",
353+
},
354+
lightStyle: {
355+
background:
356+
'url("/svg/upstash-icon-white-bg.svg") 0% 0% / cover no-repeat content-box',
357+
padding: "12px",
358+
},
359+
},
334360
{
335361
tier: {
336362
name: "$250 a month",

src/data/sponsor-config.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ export const sponsorConfig: {
1212
hero: {
1313
header: "Hero",
1414
emoji: "🦸",
15-
size: 90,
15+
size: 84,
1616
hasName: true,
1717
hasCard: true,
1818
columnSize: 110,

src/ui/components/AsideSponsors.astro

Lines changed: 3 additions & 97 deletions
Original file line numberDiff line numberDiff line change
@@ -113,51 +113,6 @@ for (let i = 0; i < goldSponsors.length - 1; i += 2) {
113113
))
114114
}
115115
</div>
116-
<a
117-
href="https://driz.link/gold"
118-
target="_blank"
119-
rel="nofollow noreferrer"
120-
class="aside-sponsors__become-btn"
121-
>
122-
<div class="aside-sponsors__sponsor-wrap">
123-
<div class="aside-sponsors__become-btn__text">Become a Gold Sponsor</div>
124-
<div class="aside-sponsors__become-btn__svg">
125-
<svg
126-
xmlns="http://www.w3.org/2000/svg"
127-
width="24"
128-
height="24"
129-
viewBox="0 0 24 24"
130-
fill="none"
131-
stroke="currentColor"
132-
stroke-width="2"
133-
stroke-linecap="round"
134-
stroke-linejoin="round"
135-
class="feather feather-arrow-right"
136-
data-astro-cid-iirlvvjs=""
137-
data-astro-source-file="/Users/vladstogniy/WebstormProjects/orm-drizzle-docs-astro/src/components/layout/AsidePosts.astro"
138-
data-astro-source-loc="31:9"
139-
>
140-
<line
141-
x1="5"
142-
y1="12"
143-
x2="19"
144-
y2="12"
145-
data-astro-cid-iirlvvjs=""
146-
data-astro-source-file="/Users/vladstogniy/WebstormProjects/orm-drizzle-docs-astro/src/components/layout/AsidePosts.astro"
147-
data-astro-source-loc="31:9"
148-
>
149-
</line>
150-
<polyline
151-
points="12 5 19 12 12 19"
152-
data-astro-cid-iirlvvjs=""
153-
data-astro-source-file="/Users/vladstogniy/WebstormProjects/orm-drizzle-docs-astro/src/components/layout/AsidePosts.astro"
154-
data-astro-source-loc="31:53"
155-
>
156-
</polyline>
157-
</svg>
158-
</div>
159-
</div>
160-
</a>
161116
<script is:inline type="module">
162117
import {
163118
computePosition,
@@ -330,13 +285,11 @@ for (let i = 0; i < goldSponsors.length - 1; i += 2) {
330285
position: relative;
331286
}
332287

333-
html.dark .aside-sponsors__sponsor::before,
334-
html.dark .aside-sponsors__become-btn::before {
288+
html.dark .aside-sponsors__sponsor::before {
335289
background-image: url("../../assets/images/dark-gradient.png");
336290
}
337291

338-
.aside-sponsors__sponsor::before,
339-
.aside-sponsors__become-btn::before {
292+
.aside-sponsors__sponsor::before {
340293
content: "";
341294
position: absolute;
342295
top: 50%;
@@ -354,12 +307,7 @@ for (let i = 0; i < goldSponsors.length - 1; i += 2) {
354307
transition: opacity 0.2s;
355308
}
356309

357-
.aside-sponsors__become-btn::before {
358-
border-radius: 5px;
359-
}
360-
361-
.aside-sponsors__sponsor:hover::before,
362-
.aside-sponsors__become-btn:hover::before {
310+
.aside-sponsors__sponsor:hover::before {
363311
opacity: 1;
364312
}
365313

@@ -431,48 +379,6 @@ for (let i = 0; i < goldSponsors.length - 1; i += 2) {
431379
transition: filter 0.2s;
432380
}
433381

434-
.aside-sponsors__become-btn .aside-sponsors__sponsor-wrap {
435-
border-radius: 4px;
436-
}
437-
438-
.aside-sponsors__become-btn {
439-
font-size: 12px;
440-
margin-top: 4px;
441-
position: relative;
442-
border-radius: 4px;
443-
display: flex;
444-
align-items: center;
445-
justify-content: center;
446-
height: 32px;
447-
margin-bottom: 12px;
448-
transition: all 0.2s ease-in-out;
449-
width: 100%;
450-
color: #909090;
451-
overflow: hidden;
452-
}
453-
454-
.aside-sponsors__become-btn__svg {
455-
height: 16px;
456-
width: 16px;
457-
margin-left: -16px;
458-
display: flex;
459-
align-items: center;
460-
justify-content: center;
461-
transition:
462-
margin-left 150ms ease-in-out,
463-
opacity 150ms ease-in-out;
464-
opacity: 0;
465-
}
466-
467-
.aside-sponsors__become-btn:hover .aside-sponsors__become-btn__svg {
468-
margin-left: 4px;
469-
opacity: 1;
470-
}
471-
.aside-sponsors__become-btn__svg svg {
472-
width: 12px;
473-
height: 12px;
474-
}
475-
476382
.aside-sponsors__sponsor {
477383
position: relative;
478384
}

src/ui/components/landing/SponsorsLine.astro

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -414,13 +414,13 @@
414414
grid-auto-flow: column;
415415
grid-template-rows: 134px 134px;
416416
grid-auto-columns: 110px;
417-
height: 274px;
417+
height: 264px;
418418
}
419419

420420
.hero {
421421
grid-template-rows: repeat(2, auto);
422422
grid-auto-columns: 110px;
423-
grid-gap: 10px;
423+
grid-gap: 6px;
424424
}
425425

426426
.hero .styled_card {

0 commit comments

Comments
 (0)