diff --git a/public/opendream/sitcontix-placeholder.svg b/public/opendream/sitcontix-placeholder.svg deleted file mode 100644 index eab03cf..0000000 --- a/public/opendream/sitcontix-placeholder.svg +++ /dev/null @@ -1,15 +0,0 @@ - - SITCONTIX 圖片佔位 - 用於展示圖片在合作回饋卡片中的位置，並非實際售票系統畫面。 - - - - - - - - SITCONTIX - 圖片佔位 · IMAGE PLACEHOLDER - - 16:9 - diff --git a/src/components/Button.astro b/src/components/Button.astro index cb2744b..3524b0f 100644 --- a/src/components/Button.astro +++ b/src/components/Button.astro @@ -78,6 +78,14 @@ const buttonStyle = [ color: var(--site-button-color, var(--black, #1d1d1f)); } + .site-button--outlined.interested { + --site-button-background: #74bf50; + --site-button-color: var(--black, #1d1d1f); + --site-button-border-color: #74bf50; + --site-button-hover-background: #404044; + --site-button-hover-color: var(--white, #fff); + } + .site-button--compact { --site-button-height: 2.25rem; --site-button-icon-size: 1rem; diff --git a/src/components/Popup.astro b/src/components/Popup.astro index 166a017..0f55d35 100644 --- a/src/components/Popup.astro +++ b/src/components/Popup.astro @@ -181,27 +181,7 @@ const { title, background, btnText, hero = true, id = Math.random().toString(36) z-index: 1; text-align: left; } - .variant-opendream .popup-hero { - min-height: 24rem; - height: auto; - padding: 3.5rem 4rem; - display: flex; - flex-direction: column; - justify-content: center; - } - .variant-opendream .popup-hero h2 { - font-size: clamp(1.15rem, 2vw, 1.6rem); - margin-bottom: 1.25rem; - } - .variant-opendream .popup-hero::after { - background: linear-gradient(90deg, rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0.34)); - } - @media screen and (max-width: 45rem) { - .variant-opendream .popup-hero { - min-height: 30rem; - padding: 4rem 1.5rem 2rem; - } .popup-hero { height: 20rem; padding: 5rem 2rem 2rem; diff --git a/src/components/section/OpenDream.astro b/src/components/section/OpenDream.astro index d7c5d2a..6ee6f8d 100644 --- a/src/components/section/OpenDream.astro +++ b/src/components/section/OpenDream.astro @@ -2,8 +2,9 @@ import Cycle from "./Cycle.astro"; const { t, lang } = Astro.props; import Popup from "@components/Popup.astro"; -import { Check } from "@lucide/astro"; +import { Check, Ticket, Globe, Newspaper, Megaphone, FileChartColumn } from "@lucide/astro"; import Button from "../Button.astro"; +import ItemPrice from "../items/ItemPrice.astro"; import volunteer from "@assets/img/opendream-2026.webp"; interface OpenDreamPlan { @@ -12,21 +13,12 @@ interface OpenDreamPlan { price: string; } -interface PopupPlan { - id: string; - count: string; - description: string; -} +const benefitIcons = { ticket: Ticket, web: Globe, news: Newspaper, social: Megaphone, report: FileChartColumn }; interface PopupBenefit { - icon: string; + icon: keyof typeof benefitIcons; title: string; description: string; - image?: { - src: string; - alt: string; - caption: string; - }; } const colors = ["#47762e", "#426bd1"]; @@ -44,8 +36,18 @@ const cycleText = (await import(`../../i18n/${lang}.json`)).default.cycle;
{plan.name}
-
{plan.price}
- @@ -67,166 +69,125 @@ const cycleText = (await import(`../../i18n/${lang}.json`)).default.cycle;

{t.price_note}

- -
-

{t.popup.hero.eyebrow}

-

{t.popup.hero.headline}

-

{t.popup.hero.description}

-
-
+ +
+
+

{t.popup.hero.headline}

+

{t.popup.hero.description}

+
+
-
-

01 / IMPACT

-

{t.popup.impact.title}

-
+

{t.popup.impact.title}

{ - t.popup.impact.plans.map((impact: PopupPlan) => { - const plan = t.plans.find((item: OpenDreamPlan) => item.id === impact.id); - return ( - plan && ( -
-

{impact.count}

-

{plan.price}

-

{impact.description}

- -
- ) - ); - }) + t.plans.map((plan: OpenDreamPlan, index: number) => ( +
+

+ {plan.name.split(/(\d+)/).map(part => ( + + ))} +

+ + +
+ )) }

{t.popup.impact.note}

-
-

02 / PLAN

{t.popup.plan_value.title}

-

{t.popup.plan_value.value_statement}

-
{t.popup.plan_value.direct_value}{t.popup.plan_value.direct_label}
-
- { - t.popup.plan_value.groups.map((group: { title: string; items: string[] }) => ( -
- <> -

{group.title}

-
    - {group.items.map(item => ( -
  • {item}
    • - ))} -
- -
- )) - } +
+

{t.popup.plan_value.title}

+

{t.popup.plan_value.value_statement}

+
+
+ + {t.popup.plan_value.direct_label} +
+
+
    + {t.popup.plan_value.support_items.map((item: string) =>
  • {item}
    • )} +
+

{t.popup.plan_value.note}

+
-

{t.popup.plan_value.note}

-

03 / PARTNERSHIP

{t.popup.sponsor_benefits.title}

-

{t.popup.sponsor_benefits.description}

-
+

{t.popup.sponsor_benefits.title}

+

{t.popup.sponsor_benefits.description}

+
{ - t.popup.sponsor_benefits.items.map((benefit: PopupBenefit) => ( -
-
- -

{benefit.title}

-

{benefit.description}

+ t.popup.sponsor_benefits.items.map((benefit: PopupBenefit) => { + const Icon = benefitIcons[benefit.icon]; + return ( +
+
+
+
{benefit.description}
- {benefit.image && ( -
- {benefit.image.alt} -
{benefit.image.caption}
-
- )} -
- )) + ); + }) } -
+
-
-

04 / REVIEW

{t.popup.eligibility.title}

-

{t.popup.eligibility.description}

+
+

{t.popup.eligibility.title}

+

{t.popup.eligibility.description}

    {t.popup.eligibility.steps.map((step: string) =>
  1. {step}
    2. )}

{t.popup.eligibility.note}

-
-

05 / COMPARISON

{t.popup.comparison.title}

+
+

{t.popup.comparison.title}

{ t.popup.comparison.items.map((item: { title: string; points: string[] }) => ( -
- <> -

{item.title}

-
    - {item.points.map(point => ( -
  • {point}
    • - ))} -
- -
+
+

{item.title}

+
    + {item.points.map(point => ( +
  • {point}
    • + ))} +
+
)) }
-
+
-

{t.popup.links_description}

-
+

{t.popup.links_description}

+
+
- -
-

{t.popup.cta.title}

{t.popup.cta.description}

-
- { - t.plans.map((plan: OpenDreamPlan) => ( - - )) - } -
-
{lang === "en" ? "How your support makes an impact" : "了解贊助如何支持資訊教育"}
@@ -307,7 +268,7 @@ const cycleText = (await import(`../../i18n/${lang}.json`)).default.cycle; .plans { display: grid; - grid-template-columns: repeat(2, 1fr); + grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; max-width: 40rem; margin: 0 auto 3rem; @@ -328,19 +289,15 @@ const cycleText = (await import(`../../i18n/${lang}.json`)).default.cycle; font-size: 1.75rem; font-weight: 700; line-height: 1.2; + overflow-wrap: anywhere; } - .tier-price { - font-size: 1.5rem; - font-weight: 600; - color: var(--black); - margin-bottom: 0.5rem; - } - - #opendream :global(.site-button.tier-interest-button.interested) { - background-color: #74bf50; - border-color: #74bf50; + .tier-column :global(.sponsorship-price), + .impact-plan :global(.sponsorship-price) { color: var(--black); + font-size: 1.5rem; + font-weight: 700; + line-height: 1.3; } h3 { @@ -380,331 +337,252 @@ const cycleText = (await import(`../../i18n/${lang}.json`)).default.cycle; height: 2rem; } - .dream-hero-message { - position: relative; - z-index: 1; - max-width: 42rem; - color: var(--white); + .popup-body { + padding: 0 3rem; + color: var(--black); + container-type: inline-size; } - .eyebrow { - font-size: 0.78rem; - font-weight: 800; - letter-spacing: 0.13em; - text-transform: uppercase; - color: #74bf50; + .dream-section { + padding: 1.5rem 0; } - .dream-hero-message .eyebrow { - color: #74bf50; + .details-section { + border-top: 1px solid var(--gray-container); + margin-top: 1rem; } - .hero-headline { - font-size: clamp(1.55rem, 3vw, 2.7rem); - font-weight: 800; - line-height: 1.3; - margin: 0.4rem 0 0.75rem; + .dream-section.purpose-section { + padding-top: 3.5rem; } - .hero-description { - font-size: 1rem; - line-height: 1.65; + .purpose-section p { + max-width: none; + font-size: 1.125rem; } - .popup-body { - padding: 0 3rem 3rem; - color: var(--black); + .dream-section h3 { + text-align: left; + font-size: 1.8rem; + line-height: 1.3; + margin: 0 0 1rem; } - .dream-section { - padding: 3rem 0; - border-bottom: 1px solid #d9ded9; + .purpose-section h3 { + max-width: none; + font-size: clamp(1.875rem, 3.5vw, 2.75rem); + letter-spacing: -0.025em; } - .dream-section h3, - .dream-cta h3 { - text-align: left; - font-size: clamp(1.45rem, 2.4vw, 2rem); - line-height: 1.3; - margin: 0.4rem 0 1.2rem; + .purpose-section-en h3, + .purpose-section-en p { + max-width: none; } - .dream-section h4 { + .dream-section h4, + .benefit-grid dt { font-size: 1.1rem; - margin: 0 0 0.55rem; + font-weight: 700; + margin: 0 0 0.5rem; } - .section-intro, - .section-note, - .dream-section li, .dream-section p, - .dream-cta p { - line-height: 1.7; + .dream-section li, + .benefit-grid dd { + line-height: 1.6; } - .section-intro { - max-width: 60rem; - margin: 0 0 1.5rem; + .dream-section p { + margin: 0 0 1rem; } - .section-note { - font-size: 0.9rem; + .dream-section .section-note { + font-size: 0.95rem; color: var(--gray); margin: 1rem 0 0; } .impact-grid, - .fund-groups, .comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 1rem; + gap: 2rem; } - .impact-card { + .impact-grid { background: var(--white); - border: 2px solid #dcebd5; - border-radius: 1.25rem; - padding: 1.6rem; - display: flex; - flex-direction: column; - align-items: flex-start; - } - - .impact-card:nth-child(2) { - border-color: #d9e3fa; - } - - .impact-count { - font-size: clamp(2rem, 4vw, 3.25rem); - font-weight: 800; - line-height: 1.1 !important; - color: #74bf50; - margin: 0 0 0.45rem; - } - - .impact-card:nth-child(2) .impact-count { - color: #426bd1; + border-radius: 1.5rem; + padding: 2rem 0; + gap: 0; } - .impact-price { - font-size: 1.7rem; - font-weight: 800; - margin: 0; - } - - .impact-description { - margin: 0.75rem 0 1.5rem; - flex: 1; - } - - :global(.popup-interest-button) { - white-space: normal; - font-weight: 700; - } - - :global(.variant-opendream .site-button.popup-interest-button.interested) { - background: var(--white); - color: var(--black); - border-color: #74bf50; + .impact-plan { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + padding-inline: 1rem; } - .fund-section, - .review-section { - margin-inline: -3rem; - padding-inline: 3rem; - background: #edf4e9; + .impact-plan + .impact-plan { + border-left: 1px solid var(--gray-container); } - .fund-highlight { + .impact-plan h4 { display: flex; - align-items: baseline; - gap: 0.8rem; - flex-wrap: wrap; + flex-direction: column; + gap: 0.25rem; + color: var(--impact-color); + font-size: 1.1rem; + line-height: 1.4; margin-bottom: 1rem; } - .plan-value-statement { - font-size: clamp(1.2rem, 2.2vw, 1.55rem); - font-weight: 800; - margin: 0 0 1rem; - } - - .fund-highlight strong { - font-size: clamp(1.8rem, 3.5vw, 2.8rem); - color: #74bf50; - } - - .fund-group, - .comparison-card { - background: var(--white); - border-radius: 1rem; - padding: 1.35rem; - } + .impact-count { + font-size: clamp(4rem, 10vw, 7rem); + font-weight: 700; + line-height: 1; + letter-spacing: -0.05em; + } + + /* Keep each tier on one centered axis, with its student count in a single row. */ + @container (min-width: 38rem) { + .impact-plan h4 { + flex-direction: row; + align-items: baseline; + justify-content: center; + gap: 0.5rem; + font-size: clamp(1.25rem, 2.2cqw, 1.5rem); + } - .fund-group ul, - .comparison-card ul { - padding-left: 1.2rem; - margin: 0; + .impact-count { + font-size: clamp(3.5rem, 8cqw, 5.5rem); + } } - .fund-group li + li, - .comparison-card li + li { - margin-top: 0.45rem; + .impact-plan :global(.tier-interest-button) { + margin-top: 1rem; } .benefit-grid { display: grid; - grid-template-columns: minmax(0, 1.65fr) repeat(2, minmax(0, 1fr)); - grid-template-rows: repeat(2, minmax(0, 1fr)); + grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; + margin: 1.5rem 0 0; + } + + .benefit-card:last-child { + grid-column: 1 / -1; } + /* Card radius and spacing follow Highlights; icons sit beside the copy. */ .benefit-card { + position: relative; background: var(--white); border-radius: 1rem; - padding: 1.35rem; - } - - .benefit-card-featured { - grid-column: 1; - grid-row: span 2; - display: flex; - flex-direction: column; - gap: 1.25rem; - border: 2px solid #dcebd5; - } - - .benefit-image { - margin: auto 0 0; - min-width: 0; - width: 100%; - } - - .benefit-image img { - display: block; - width: 100%; - height: auto; - border-radius: 0.7rem; - border: 1px solid #d5e1d0; + padding: 1.5rem 1.5rem 1.5rem 4.25rem; } - .benefit-image figcaption { - color: var(--gray); - font-size: 0.8rem; - line-height: 1.5; - margin-top: 0.5rem; + .benefit-card dt { + line-height: 1.4; } .benefit-card svg { - color: var(--items-green); - margin-bottom: 0.75rem; - } - - .benefit-card[data-icon="web"] svg, - .benefit-card[data-icon="social"] svg { - color: #426bd1; + position: absolute; + left: 1.5rem; + top: 1.5rem; + color: var(--gray); } - .benefit-card p { + .benefit-grid dd { margin: 0; font-size: 0.95rem; } - .review-steps { - counter-reset: review; - list-style: none; - padding: 0; + .fund-layout { display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); - gap: 1rem; + grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); + gap: 2rem; + align-items: center; + margin-top: 1rem; + padding: 1.5rem; + border-radius: 1rem; + background: var(--white); } - .review-steps li { - background: var(--white); - border-radius: 1rem; - padding: 1.25rem; + .fund-highlight { + display: flex; + flex-direction: column; + gap: 0.5rem; + line-height: 1.6; } - .review-steps li::before { - counter-increment: review; - content: counter(review, decimal-leading-zero); - display: block; - color: #74bf50; - font-weight: 800; - font-size: 1.4rem; - margin-bottom: 0.5rem; + .fund-highlight :global(.sponsorship-price) { + font-size: clamp(1.4rem, 3vw, 2rem); + } + + .fund-layout .support-details { + margin-top: 0; } - .comparison-card:nth-child(2) { - border: 2px solid #dcebd5; + .support-details, + .review-steps, + .comparison-grid ul { + padding-left: 1.25rem; + margin: 1rem 0 0; } - .links-section { - border-bottom: 0; + .dream-section li + li { + margin-top: 0.5rem; } .popup-links { - display: flex; - flex-wrap: wrap; - gap: 0.65rem 1.5rem; - margin-top: 1rem; + list-style: none; + padding: 0; + margin: 1rem 0 0; } .popup-links a { - color: #075ba9; + color: #0171e3; text-decoration: underline; text-underline-offset: 3px; + overflow-wrap: anywhere; } - .dream-cta { - background: var(--black); - color: var(--white); - border-radius: 1.25rem; - padding: 2rem; - display: flex; - justify-content: space-between; - align-items: center; - gap: 1.5rem; + .popup-links a:focus-visible { + outline: 2px solid #74bf50; + outline-offset: 3px; } - .dream-cta h3, - .dream-cta p { - margin: 0; - } + @container (max-width: 20rem) { + .benefit-card, + .fund-layout { + padding: 1rem; + } - .dream-cta-actions { - display: flex; - flex-wrap: wrap; - gap: 0.6rem; - flex: none; - } + .benefit-card dt { + display: flex; + align-items: center; + gap: 0.75rem; + } - .dream-cta :global(.popup-interest-button.interested) { - background: var(--white); + .benefit-card svg { + position: static; + flex-shrink: 0; + } + + .fund-highlight :global(.sponsorship-price) { + font-size: 1.125rem; + } } - .popup-links a:focus-visible { - outline: 2px solid #426bd1; - outline-offset: 3px; + .dream-section > p:last-child:not(.section-note) { + margin-bottom: 0; } @media screen and (max-width: 65rem) { .benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); - grid-template-rows: none; - } - - .benefit-card-featured { - grid-column: 1 / -1; - grid-row: auto; - display: grid; - grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); - align-items: center; - } - - .benefit-image { - margin: 0; } } @@ -713,50 +591,52 @@ const cycleText = (await import(`../../i18n/${lang}.json`)).default.cycle; padding: 2rem 1.5rem; } - .plans { - grid-template-columns: 1fr; + .plans, + .fund-layout, + .benefit-grid, + .comparison-grid { + grid-template-columns: minmax(0, 1fr); } .popup-body { - padding: 0 1.25rem 1.5rem; + padding-inline: 1.5rem; } - .dream-hero-message .hero-description { - font-size: 0.9rem; + .dream-section.purpose-section { + padding-top: 2.5rem; } - .dream-section { - padding-block: 2.25rem; + .impact-grid { + padding-block: 1.75rem; } - .fund-section, - .review-section { - margin-inline: -1.25rem; - padding-inline: 1.25rem; + .impact-plan { + padding-inline: 0.5rem; } - .impact-grid, - .fund-groups, - .benefit-grid, - .review-steps, - .comparison-grid { - grid-template-columns: 1fr; + .impact-plan :global(.tier-interest-button) { + padding-inline: 0.75rem; } - .benefit-card-featured { - grid-column: auto; - grid-template-columns: 1fr; - gap: 1rem; + .dream-section h3 { + font-size: 1.5rem; } - .dream-cta { - align-items: stretch; - flex-direction: column; - padding: 1.5rem; + .purpose-section h3 { + font-size: 1.875rem; + } + } + + @media screen and (max-width: 30rem) { + .impact-grid { + grid-template-columns: 1fr; + gap: 1.75rem; } - .dream-cta-actions { - flex-direction: column; + .impact-plan + .impact-plan { + border-left: 0; + border-top: 1px solid var(--gray-container); + padding-top: 1.75rem; } } diff --git a/src/components/section/Plans.astro b/src/components/section/Plans.astro index a35eeb6..c26b5cd 100644 --- a/src/components/section/Plans.astro +++ b/src/components/section/Plans.astro @@ -441,11 +441,6 @@ const rows = Array.from({ length: maxBenefits }, (_, index) => { font-weight: 600; white-space: nowrap; } - #plans :global(.site-button.tier-interest-button.interested) { - background: #74bf50; - border-color: #74bf50; - color: var(--black); - } #plans :global(.site-button.tier-interest-button:disabled) { background: var(--gray); border-color: var(--gray); diff --git a/src/i18n/en.json b/src/i18n/en.json index b87dc2e..e262b8c 100644 --- a/src/i18n/en.json +++ b/src/i18n/en.json @@ -224,71 +224,57 @@ "popup": { "title": "Open Dream Program Details", "hero": { - "eyebrow": "A partnership proposal for organizations", - "headline": "A student's finances should not decide whether they can join SITCON.", + "headline": "Help students with financial need attend SITCON", "description": "SITCON is free to attend, but travel and lodging can still be barriers. Your support helps students with financial need join the conference and meet the information technology community." }, "impact": { - "title": "What can your support do?", - "plans": [ - { "id": "opendream-5", "count": "5 students", "description": "Help 5 students with financial need attend SITCON." }, - { "id": "opendream-10", "count": "10 students", "description": "Help 10 students with financial need attend SITCON." } - ], - "note": "The final number supported depends on funding and applications. Plan details and pricing are subject to the official announcement." + "title": "Students supported and plan pricing", + "note": "The final number of students supported depends on funding and applications." }, "plan_value": { "title": "What's included in the plan?", "value_statement": "Student participation support + exclusive partner benefits", "direct_value": "About NT$3,000", "direct_label": "estimated travel and lodging per student", - "groups": [ - { - "title": "Student participation support", - "items": [ - "Support 5 or 10 students with financial need, depending on the plan", - "Travel subsidy for bus, train or high-speed rail under program rules", - "Lodging the night before the event, arranged by SITCON", - "Estimated travel and lodging expense of about NT$3,000 per student" - ] - }, - { - "title": "Exclusive partner benefits", - "items": [ - "Exposure related to the program on SITCONTIX", - "Partner recognition on the SITCON website", - "Recognition in program-related press releases", - "Official social media promotion or results content", - "Post-event results report" - ] - } - ], - "note": "Per-student expenses are estimates. Final support will be based on verified actual expenses; exposure formats and timing will be confirmed when partnering." + "note": "Per-student expenses are estimates. Final support is based on verified actual expenses.", + "support_items": ["Travel subsidy for bus, train or high-speed rail under program rules", "Lodging the night before the event, arranged by SITCON"] }, "sponsor_benefits": { - "title": "What will you receive as a partner?", - "description": "These are the currently planned benefits. Logo or text treatment, placement and duration will be confirmed when partnering.", + "title": "Sponsor-exclusive benefits", + "description": "These planned benefits are exclusive to Open Dream sponsors. Formats, placement and timing will be confirmed when partnering.", "items": [ { "icon": "ticket", "title": "SITCONTIX exposure", - "description": "Recognition in ticketing or application flows related to this program.", - "image": { - "src": "opendream/sitcontix-placeholder.svg", - "alt": "Placeholder for a SITCONTIX exposure image, not an actual ticketing screen", - "caption": "Image placement preview. The actual format and placement will be agreed during the partnership." - } + "description": "Recognition in ticketing or application flows related to this program." + }, + { + "icon": "web", + "title": "SITCON website", + "description": "Partner recognition on Open Dream related web pages." }, - { "icon": "web", "title": "SITCON website", "description": "Partner recognition on Open Dream related web pages." }, - { "icon": "news", "title": "Press release", "description": "Acknowledgment in program related press releases." }, - { "icon": "social", "title": "Official social channels", "description": "Recognition in program promotion or results content." }, - { "icon": "report", "title": "Post-event report", "description": "A summary of supported students and program outcomes for internal reporting." } + { + "icon": "news", + "title": "Press release", + "description": "Acknowledgment in program related press releases." + }, + { + "icon": "social", + "title": "Official social channels", + "description": "Recognition in program promotion or results content." + }, + { + "icon": "report", + "title": "Post-event report", + "description": "A summary of supported students and program outcomes for internal reporting." + } ] }, "eligibility": { - "title": "How do we verify need?", - "description": "The program is for enrolled students whose family finances make travel to the conference difficult.", + "title": "How students apply for support", + "description": "Enrolled students with financial need can apply for travel and lodging support through the following steps.", "steps": [ - "Applicants provide proof of enrollment and financial need.", + "Students submit an application with proof of enrollment and financial need.", "SITCON reviews eligibility and documents, then sends invitation codes to approved applicants.", "Students complete registration with the code to gain admission." ], @@ -297,14 +283,17 @@ "comparison": { "title": "How is this different from the Far-Away Ticket?", "items": [ - { "title": "Far-Away Ticket", "points": ["Reserved tickets for students in high-need areas, outlying islands and overseas", "Admission opportunity", "No travel or lodging subsidy"] }, + { + "title": "Far-Away Ticket", + "points": ["Reserved tickets for students in high-need areas, outlying islands and overseas", "Admission opportunity", "No travel or lodging subsidy"] + }, { "title": "Open Dream Program", "points": ["Enrollment and financial need are eligibility conditions", "Admission after review", "May apply for travel and lodging the night before the event"] } ] }, - "links_title": "Want the full program rules?", + "links_title": "Official program documents", "links_description": "The official student application documents contain eligibility, subsidy details and dates.", "links": [ { @@ -317,10 +306,9 @@ } ], "cta": { - "title": "Help students join SITCON", + "title": "Choose a plan", "description": "Save a plan you are interested in to discuss it with SITCON alongside your other selections.", - "add": "Add to interested items", - "selected": "Added to interested items" + "selected": "Saved" } } }, diff --git a/src/i18n/zh-Hant.json b/src/i18n/zh-Hant.json index a42e7aa..384a4f6 100644 --- a/src/i18n/zh-Hant.json +++ b/src/i18n/zh-Hant.json @@ -224,62 +224,72 @@ "popup": { "title": "開源築夢計畫完整說明", "hero": { - "eyebrow": "給企業的合作提案", - "headline": "讓經濟條件，不再決定一位學生能不能走進 SITCON。", + "headline": "讓有經濟需求的學生也能參與 SITCON", "description": "SITCON 年會免費，但交通與住宿仍可能阻擋學生參與。企業的支持，能協助有經濟需求的學生走進年會，接觸資訊社群與產業交流。" }, "impact": { - "title": "你的支持會帶來什麼？", - "plans": [ - { "id": "opendream-5", "count": "5 位學生", "description": "協助 5 位有經濟需求的學生參與 SITCON。" }, - { "id": "opendream-10", "count": "10 位學生", "description": "協助 10 位有經濟需求的學生參與 SITCON。" } - ], - "note": "支持人數依募集經費與實際申請狀況調整；方案內容與金額以正式公告為準。" + "title": "支持人數與方案金額", + "note": "支持人數依募集經費與實際申請狀況調整。" }, "plan_value": { "title": "方案費用包含什麼？", "value_statement": "學生參與支持 ＋ 企業專屬合作權益", "direct_value": "約 NT$3,000", "direct_label": "每位學生的交通與住宿支出預估", - "groups": [ - { - "title": "學生參與支持", - "items": ["依所選方案支持 5／10 位有經濟需求的學生", "依規範補助客運、火車或高鐵交通費", "活動前一晚住宿由 SITCON 統一安排", "每位學生交通住宿支出預估約 NT$3,000"] - }, - { "title": "企業專屬合作權益", "items": ["SITCONTIX 計畫相關曝光", "SITCON 官網合作夥伴曝光", "計畫相關新聞稿露出", "官方社群宣傳或成果內容", "活動成果報告"] } - ], - "note": "每位學生的支出為預估值，最終依實際支出核實支應；曝光形式與檔期將於合作時確認。" + "note": "每位學生的支出為預估值，最終依實際支出核實支應。", + "support_items": ["依規範補助客運、火車或高鐵交通費", "活動前一晚住宿由 SITCON 統一安排"] }, "sponsor_benefits": { - "title": "作為合作夥伴，你會得到什麼？", - "description": "以下是目前規劃的合作回饋；Logo 或文字形式、刊登位置與期間等細節，將於合作時確認。", + "title": "企業專屬合作權益", + "description": "以下為開源築夢計畫贊助商專屬的規劃回饋；曝光形式、位置與檔期將於合作時確認。", "items": [ { "icon": "ticket", "title": "SITCONTIX 曝光", - "description": "在與本計畫相關的票券或申請流程中呈現支持企業。", - "image": { "src": "opendream/sitcontix-placeholder.svg", "alt": "SITCONTIX 曝光示意圖片佔位圖，尚非實際票券畫面", "caption": "圖片位置示意；實際曝光形式與版位將於合作時確認。" } + "description": "在與本計畫相關的票券或申請流程中呈現支持企業。" + }, + { + "icon": "web", + "title": "SITCON 官網", + "description": "於開源築夢計畫相關網頁呈現合作夥伴資訊。" }, - { "icon": "web", "title": "SITCON 官網", "description": "於開源築夢計畫相關網頁呈現合作夥伴資訊。" }, - { "icon": "news", "title": "新聞稿", "description": "於計畫相關新聞稿中感謝支持企業。" }, - { "icon": "social", "title": "官方社群", "description": "在計畫宣傳或成果內容中呈現企業的支持。" }, - { "icon": "report", "title": "活動成果報告", "description": "活動後整理受助人數與計畫成果，供企業內部回報參考。" } + { + "icon": "news", + "title": "新聞稿", + "description": "於計畫相關新聞稿中感謝支持企業。" + }, + { + "icon": "social", + "title": "官方社群", + "description": "在計畫宣傳或成果內容中呈現企業的支持。" + }, + { + "icon": "report", + "title": "活動成果報告", + "description": "活動後整理受助人數與計畫成果，供企業內部回報參考。" + } ] }, "eligibility": { - "title": "我們如何確認學生具有需求？", - "description": "本計畫提供給因家庭經濟因素，難以負擔前往年會費用的在學學生。", - "steps": ["申請者須具備在學身分，並提交在學與經濟狀況證明。", "SITCON 依申請資格及證明文件進行審查，通過後寄發邀請碼。", "學生完成正式報名後，才取得年會入場資格。"], + "title": "學生如何申請補助", + "description": "有經濟需求的在學學生，可透過以下流程申請本計畫的交通與住宿補助。", + "steps": ["學生提出申請，並提交在學與經濟狀況證明。", "SITCON 依申請資格及證明文件進行審查，通過後寄發邀請碼。", "學生完成正式報名後，才取得年會入場資格。"], "note": "官方申請辦法採先到先審；名額依大會經費狀況調整，經費用罄後停止收件。" }, "comparison": { "title": "與「遠道而來票」有什麼不同？", "items": [ - { "title": "遠道而來票", "points": ["為高需求地區、離島與海外學生保留票種", "提供入場機會", "不含交通與住宿補助"] }, - { "title": "開源築夢計畫", "points": ["以在學身分與經濟需求為申請條件", "審核通過後提供入場機會", "可申請交通與活動前一晚住宿補助"] } + { + "title": "遠道而來票", + "points": ["為高需求地區、離島與海外學生保留票種", "提供入場機會", "不含交通與住宿補助"] + }, + { + "title": "開源築夢計畫", + "points": ["以在學身分與經濟需求為申請條件", "審核通過後提供入場機會", "可申請交通與活動前一晚住宿補助"] + } ] }, - "links_title": "想了解完整執行方式？", + "links_title": "官方申請文件", "links_description": "學生申請文件、補助細則與重要日期，請以官方申請辦法為準。", "links": [ { @@ -291,7 +301,11 @@ "url": "https://hackmd.io/@SITCON/afar-2027" } ], - "cta": { "title": "一起支持學生走進 SITCON", "description": "選擇感興趣的合作方案，稍後可與其他品項一起提供給 SITCON 討論。", "add": "加入感興趣項目", "selected": "已加入感興趣項目" } + "cta": { + "title": "選擇感興趣的方案", + "description": "選擇感興趣的合作方案，稍後可與其他品項一起提供給 SITCON 討論。", + "selected": "已加入" + } } }, "global": { diff --git a/src/types/lucide-astro.d.ts b/src/types/lucide-astro.d.ts index 3f348f7..5ef5a3a 100644 --- a/src/types/lucide-astro.d.ts +++ b/src/types/lucide-astro.d.ts @@ -12,4 +12,9 @@ declare module "@lucide/astro" { export const ChevronLeft: any; export const ChevronRight: any; export const ArrowRight: any; + export const Ticket: any; + export const Globe: any; + export const Newspaper: any; + export const Megaphone: any; + export const FileChartColumn: any; }