Skip to content

Commit bc87492

Browse files
jinwandalaohu66jinwandalaohu66
committed
Add referral contact page
1 parent f08a555 commit bc87492

5 files changed

Lines changed: 223 additions & 0 deletions

File tree

‎docs/activity/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@
2626
<div class="nav-links" aria-label="Primary">
2727
<a class="nav-link" href="/i/" data-t="navInvite">邀请</a>
2828
<a class="nav-link" href="/activity/" aria-current="page" data-t="navRules">规则</a>
29+
<a class="nav-link" href="/contact/" data-t="navContact">联系</a>
2930
<a class="nav-download" href="#" data-download data-t="download">下载 App</a>
3031
</div>
3132
<div class="language-toggle" aria-label="Language">

‎docs/contact/index.html‎

Lines changed: 92 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,92 @@
1+
<!doctype html>
2+
<html lang="zh-CN">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
6+
<meta name="theme-color" content="#ffffff">
7+
<meta name="apple-itunes-app" content="app-id=6753987304">
8+
<meta name="description" content="PythonIDE 邀请活动联系方式：提交 Pro 终身 5 折申请后，按本页说明联系开发者。">
9+
<meta property="og:type" content="website">
10+
<meta property="og:title" content="PythonIDE 邀请活动联系方式">
11+
<meta property="og:description" content="提交 Pro 终身 5 折申请后，按本页说明发送申请编号。">
12+
<meta property="og:image" content="https://pythonide.xin/assets/brand-mark.svg">
13+
<link rel="icon" href="/assets/brand-mark.svg" type="image/svg+xml">
14+
<link rel="stylesheet" href="/referral/referral.css">
15+
<script defer src="/referral/referral.js"></script>
16+
<title>PythonIDE 邀请活动联系方式</title>
17+
</head>
18+
<body>
19+
<div class="page">
20+
<header class="site-header">
21+
<nav class="nav" aria-label="PythonIDE">
22+
<a class="brand" href="/" aria-label="PythonIDE">
23+
<img class="brand-mark" src="/assets/brand-mark.svg" alt="">
24+
<span>PythonIDE</span>
25+
</a>
26+
<div class="nav-links" aria-label="Primary">
27+
<a class="nav-link" href="/i/" data-t="navInvite">邀请</a>
28+
<a class="nav-link" href="/activity/" data-t="navRules">规则</a>
29+
<a class="nav-link" href="/contact/" aria-current="page" data-t="navContact">联系</a>
30+
<a class="nav-download" href="#" data-download data-t="download">下载 App</a>
31+
</div>
32+
<div class="language-toggle" aria-label="Language">
33+
<button type="button" data-lang="zh" aria-pressed="true">中</button>
34+
<button type="button" data-lang="en" aria-pressed="false">EN</button>
35+
</div>
36+
</nav>
37+
</header>
38+
39+
<main class="main">
40+
<div class="contact-layout">
41+
<section class="contact-hero" aria-labelledby="contact-title">
42+
<p class="eyebrow reveal" data-t="brandSub">邀请活动</p>
43+
<h1 class="contact-title reveal" id="contact-title" data-t="contactTitle">领取 Pro 终身 5 折</h1>
44+
<p class="contact-summary reveal" data-t="contactSummary">达到 20 位有效邀请后，请在 App 内提交申请，并带上申请编号联系开发者。</p>
45+
</section>
46+
47+
<section class="contact-panel reveal" aria-labelledby="contact-method-title">
48+
<h2 class="section-title" id="contact-method-title" data-t="contactMethodTitle">联系方式</h2>
49+
<p class="contact-body" data-t="contactMethodBody">请通过活动发布账号联系开发者，并发送申请编号。此页面会保持最新联系方式。</p>
50+
</section>
51+
52+
<section class="contact-panel reveal" aria-labelledby="contact-request-title">
53+
<h2 class="section-title" id="contact-request-title" data-t="contactRequestTitle">发送时包含</h2>
54+
<div class="contact-request-list">
55+
<div class="contact-request">
56+
<div class="contact-request-number">1</div>
57+
<div>
58+
<strong data-t="contactRequest1Title">申请编号</strong>
59+
<span data-t="contactRequest1Body">在 App 的邀请页点击「Pro 终身 5 折」-「查看」，复制 REF 开头的编号。</span>
60+
</div>
61+
</div>
62+
<div class="contact-request">
63+
<div class="contact-request-number">2</div>
64+
<div>
65+
<strong data-t="contactRequest2Title">你的邀请码</strong>
66+
<span data-t="contactRequest2Body">在 App 邀请页复制自己的邀请码，方便后台核对。</span>
67+
</div>
68+
</div>
69+
<div class="contact-request">
70+
<div class="contact-request-number">3</div>
71+
<div>
72+
<strong data-t="contactRequest3Title">领取说明</strong>
73+
<span data-t="contactRequest3Body">说明你要领取 Pro 终身 5 折资格，不需要发送截图作为凭证。</span>
74+
</div>
75+
</div>
76+
</div>
77+
</section>
78+
79+
<div class="contact-actions reveal">
80+
<a class="button primary" href="/activity/">
81+
<span data-t="viewRules">查看活动规则</span>
82+
</a>
83+
</div>
84+
85+
<p class="note reveal" data-t="contactNote">最终是否满足条件，以后台有效邀请与领取记录为准。</p>
86+
</div>
87+
</main>
88+
89+
<footer class="footer" data-t="footer">活动解释权与兑换记录以后台数据为准</footer>
90+
</div>
91+
</body>
92+
</html>

‎docs/i/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@
2626
<div class="nav-links" aria-label="Primary">
2727
<a class="nav-link" href="/i/" aria-current="page" data-t="navInvite">邀请</a>
2828
<a class="nav-link" href="/activity/" data-t="navRules">规则</a>
29+
<a class="nav-link" href="/contact/" data-t="navContact">联系</a>
2930
<a class="nav-download" href="#" data-download data-t="download">下载 App</a>
3031
</div>
3132
<div class="language-toggle" aria-label="Language">

‎docs/referral/referral.css‎

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -552,6 +552,105 @@ body.invite-missing-code .invite-hero > .inline-link {
552552
gap: 34px;
553553
}
554554

555+
.contact-layout {
556+
width: min(620px, 100%);
557+
margin: 0 auto;
558+
display: grid;
559+
gap: 34px;
560+
}
561+
562+
.contact-hero {
563+
padding-top: 18px;
564+
text-align: center;
565+
}
566+
567+
.contact-title {
568+
margin: 0;
569+
color: var(--ink);
570+
font-size: clamp(31px, 9vw, 50px);
571+
line-height: 1.08;
572+
font-weight: 720;
573+
letter-spacing: 0;
574+
}
575+
576+
.contact-summary {
577+
width: min(520px, 100%);
578+
margin: 18px auto 0;
579+
color: var(--muted);
580+
font-size: 15px;
581+
line-height: 1.72;
582+
}
583+
584+
.contact-panel {
585+
border-top: 1px solid var(--line);
586+
border-bottom: 1px solid var(--line);
587+
padding: 24px 0;
588+
}
589+
590+
.contact-panel + .contact-panel {
591+
margin-top: -10px;
592+
}
593+
594+
.contact-body {
595+
margin: 0;
596+
color: var(--text);
597+
font-size: 16px;
598+
line-height: 1.75;
599+
}
600+
601+
.contact-request-list {
602+
display: grid;
603+
gap: 0;
604+
}
605+
606+
.contact-request {
607+
display: grid;
608+
grid-template-columns: 34px minmax(0, 1fr);
609+
gap: 10px;
610+
padding: 16px 0;
611+
border-bottom: 1px solid var(--line);
612+
}
613+
614+
.contact-request:last-child {
615+
border-bottom: 0;
616+
}
617+
618+
.contact-request-number {
619+
width: 30px;
620+
height: 30px;
621+
border-radius: 50%;
622+
display: inline-grid;
623+
place-items: center;
624+
border: 1px solid var(--line-strong);
625+
background: rgba(255, 255, 255, 0.88);
626+
color: var(--ink);
627+
font-size: 13px;
628+
font-weight: 650;
629+
}
630+
631+
.contact-request strong {
632+
display: block;
633+
color: var(--ink);
634+
font-size: 15px;
635+
line-height: 1.42;
636+
font-weight: 680;
637+
}
638+
639+
.contact-request span {
640+
display: block;
641+
margin-top: 4px;
642+
color: var(--muted);
643+
font-size: 13px;
644+
line-height: 1.55;
645+
}
646+
647+
.contact-actions {
648+
display: grid;
649+
gap: 12px;
650+
width: min(360px, 100%);
651+
margin: 0 auto;
652+
}
653+
555654
.activity-block + .activity-block {
556655
margin-top: 34px;
557656
}
@@ -690,6 +789,10 @@ body.invite-missing-code .invite-hero > .inline-link {
690789
align-content: center;
691790
}
692791

792+
.contact-layout {
793+
padding-top: 26px;
794+
}
795+
693796
.vertical-divider {
694797
display: block;
695798
width: 1px;

‎docs/referral/referral.js‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ const copy = {
66
brandSub: "邀请活动",
77
navInvite: "邀请",
88
navRules: "规则",
9+
navContact: "联系",
910
download: "下载 App",
1011
copyCode: "复制邀请码",
1112
copied: "已复制",
@@ -45,11 +46,24 @@ const copy = {
4546
["小红书作品", "@我并获得 100 赞，可申请 Pro 终身兑换"],
4647
["社区抽奖名额", "5000 人以上社区可申请 10 个 Pro 终身抽奖名额"],
4748
],
49+
contactTitle: "领取 Pro 终身 5 折",
50+
contactSummary: "达到 20 位有效邀请后，请在 App 内提交申请，并带上申请编号联系开发者。",
51+
contactMethodTitle: "联系方式",
52+
contactMethodBody: "请通过活动发布账号联系开发者，并发送申请编号。此页面会保持最新联系方式。",
53+
contactRequestTitle: "发送时包含",
54+
contactRequest1Title: "申请编号",
55+
contactRequest1Body: "在 App 的邀请页点击「Pro 终身 5 折」-「查看」，复制 REF 开头的编号。",
56+
contactRequest2Title: "你的邀请码",
57+
contactRequest2Body: "在 App 邀请页复制自己的邀请码，方便后台核对。",
58+
contactRequest3Title: "领取说明",
59+
contactRequest3Body: "说明你要领取 Pro 终身 5 折资格，不需要发送截图作为凭证。",
60+
contactNote: "最终是否满足条件，以后台有效邀请与领取记录为准。",
4861
},
4962
en: {
5063
brandSub: "Referral Program",
5164
navInvite: "Invite",
5265
navRules: "Rules",
66+
navContact: "Contact",
5367
download: "Download App",
5468
copyCode: "Copy Code",
5569
copied: "Copied",
@@ -89,6 +103,18 @@ const copy = {
89103
["Xiaohongshu post", "@ me and reach 100 likes to apply for Pro Lifetime"],
90104
["Community raffle", "Communities over 5,000 members may apply for 10 Pro Lifetime raffle slots"],
91105
],
106+
contactTitle: "Claim 50% Off Pro Lifetime",
107+
contactSummary: "After reaching 20 valid referrals, submit the request in the app and contact the developer with your claim ID.",
108+
contactMethodTitle: "Contact",
109+
contactMethodBody: "Contact the developer through the campaign channel and send your claim ID. This page will keep the latest contact details.",
110+
contactRequestTitle: "Include these details",
111+
contactRequest1Title: "Claim ID",
112+
contactRequest1Body: "In the app referral page, tap Pro Lifetime 50% Off - View, then copy the ID starting with REF.",
113+
contactRequest2Title: "Your invite code",
114+
contactRequest2Body: "Copy your own invite code from the app referral page so the backend record can be checked.",
115+
contactRequest3Title: "Claim note",
116+
contactRequest3Body: "Say that you are claiming the 50% off Pro Lifetime reward. Screenshots are not required as proof.",
117+
contactNote: "Final eligibility is based on backend referral and claim records.",
92118
},
93119
};
94120

0 commit comments

Comments
 (0)