Skip to content

Commit 21a002f

Browse files
committed
Improve team intro layout
1 parent 7210f30 commit 21a002f

File tree

5 files changed

+304
-35
lines changed

5 files changed

+304
-35
lines changed

src/components/astro/MembersSection.astro

Lines changed: 27 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -20,22 +20,23 @@ const { t } = getI18n(lang);
2020
</div>
2121
<div class="member-name">{t('members.mingTai.name')}</div>
2222
<div class="member-info">
23-
<div class="member-detail">
23+
<div class="member-detail member-education">
2424
<span class="detail-icon">🎓</span>
25-
{t('members.mingTai.school')}
25+
<span>{t('members.mingTai.school')} ({t('members.mingTai.major')})</span>
26+
</div>
27+
<div class="member-detail member-now-at">
28+
<span class="detail-icon">🏢</span>
29+
<span class="detail-label">{t('members.nowAtLabel')}:</span>
30+
<span class="detail-value">{t('members.mingTai.nowAt')}</span>
2631
</div>
2732
<div class="member-detail">
28-
<span class="detail-icon">💻</span>
29-
{t('members.mingTai.major')}
33+
<span class="detail-icon">📍</span>
34+
{t('members.mingTai.location')}
3035
</div>
3136
<div class="member-detail">
3237
<span class="detail-icon">📧</span>
3338
<span>202219121521@stu.cdut.edu.cn</span>
3439
</div>
35-
<div class="member-detail">
36-
<span class="detail-icon">📍</span>
37-
{t('members.mingTai.location')}
38-
</div>
3940
</div>
4041
</div>
4142
</a>
@@ -47,22 +48,23 @@ const { t } = getI18n(lang);
4748
</div>
4849
<div class="member-name">{t('members.huXin.name')}</div>
4950
<div class="member-info">
50-
<div class="member-detail">
51+
<div class="member-detail member-education">
5152
<span class="detail-icon">🎓</span>
52-
{t('members.huXin.school')}
53+
<span>{t('members.huXin.school')} ({t('members.huXin.major')})</span>
54+
</div>
55+
<div class="member-detail member-now-at">
56+
<span class="detail-icon">🏢</span>
57+
<span class="detail-label">{t('members.nowAtLabel')}:</span>
58+
<span class="detail-value">{t('members.huXin.nowAt')}</span>
5359
</div>
5460
<div class="member-detail">
55-
<span class="detail-icon">💻</span>
56-
{t('members.huXin.major')}
61+
<span class="detail-icon">📍</span>
62+
{t('members.huXin.location')}
5763
</div>
5864
<div class="member-detail">
5965
<span class="detail-icon">📧</span>
6066
<span>202219120810@stu.cdut.edu.cn</span>
6167
</div>
62-
<div class="member-detail">
63-
<span class="detail-icon">📍</span>
64-
{t('members.huXin.location')}
65-
</div>
6668
</div>
6769
</div>
6870
</a>
@@ -74,22 +76,23 @@ const { t } = getI18n(lang);
7476
</div>
7577
<div class="member-name">{t('members.wuYiMin.name')}</div>
7678
<div class="member-info">
77-
<div class="member-detail">
79+
<div class="member-detail member-education">
7880
<span class="detail-icon">🎓</span>
79-
{t('members.wuYiMin.school')}
81+
<span>{t('members.wuYiMin.school')} ({t('members.wuYiMin.major')})</span>
82+
</div>
83+
<div class="member-detail member-now-at">
84+
<span class="detail-icon">🏢</span>
85+
<span class="detail-label">{t('members.nowAtLabel')}:</span>
86+
<span class="detail-value">{t('members.wuYiMin.nowAt')}</span>
8087
</div>
8188
<div class="member-detail">
82-
<span class="detail-icon">💻</span>
83-
{t('members.wuYiMin.major')}
89+
<span class="detail-icon">📍</span>
90+
{t('members.wuYiMin.location')}
8491
</div>
8592
<div class="member-detail">
8693
<span class="detail-icon">📧</span>
8794
<span>nitianzero@gmail.com</span>
8895
</div>
89-
<div class="member-detail">
90-
<span class="detail-icon">📍</span>
91-
{t('members.wuYiMin.location')}
92-
</div>
9396
</div>
9497
</div>
9598
</a>

src/components/vue/AboutSection.vue

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,11 @@ const props = defineProps<{
88
99
const translations = ui[props.lang];
1010
const t = translations.about;
11+
const milestones = [
12+
{ time: t.milestones.meet.time, event: t.milestones.meet.event },
13+
{ time: t.milestones.awards.time, event: t.milestones.awards.event },
14+
{ time: t.milestones.foundation.time, event: t.milestones.foundation.event },
15+
];
1116
1217
const membersCount = ref(0);
1318
const awardsCount = ref(0);
@@ -72,6 +77,17 @@ const descriptionHtml = t.desc.replace('{brand}', '<strong>RushDB</strong>');
7277
<h3 class="intro-subtitle">{{ t.subtitle }}</h3>
7378
</div>
7479
<p class="intro-text" v-html="descriptionHtml"></p>
80+
<div class="intro-timeline-shell">
81+
<div class="intro-timeline" role="list" aria-label="Team timeline">
82+
<div v-for="(item, index) in milestones" :key="index" class="timeline-item" role="listitem">
83+
<div class="timeline-time">{{ item.time }}</div>
84+
<div class="timeline-marker" aria-hidden="true">
85+
<span class="timeline-dot"></span>
86+
</div>
87+
<p class="timeline-event">{{ item.event }}</p>
88+
</div>
89+
</div>
90+
</div>
7591
<div class="intro-stats">
7692
<div class="stat-item">
7793
<div class="stat-number">{{ membersCount }}</div>

src/components/vue/NavBar.vue

Lines changed: 24 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -240,7 +240,18 @@ onUnmounted(() => {
240240
</div>
241241
</div>
242242
<a class="nav-cta" href="https://github.com/RushDB-Lab" target="_blank" rel="noopener noreferrer">
243-
{{ t('nav.github') }}
243+
<svg
244+
class="nav-cta-icon"
245+
viewBox="0 0 24 24"
246+
aria-hidden="true"
247+
focusable="false"
248+
>
249+
<path
250+
fill="currentColor"
251+
d="M12 .5A12 12 0 0 0 8.2 23.9c.6.1.8-.3.8-.6v-2.1c-3.4.8-4.1-1.4-4.1-1.4-.6-1.4-1.4-1.8-1.4-1.8-1.2-.8.1-.8.1-.8 1.3.1 2 .9 2 1 .9 1.5 2.4 1.1 3 .9.1-.7.4-1.1.7-1.4-2.7-.3-5.5-1.4-5.5-6a4.7 4.7 0 0 1 1.2-3.2 4.3 4.3 0 0 1 .1-3.1s1-.3 3.3 1.2a11.2 11.2 0 0 1 6.1 0c2.3-1.5 3.3-1.2 3.3-1.2a4.3 4.3 0 0 1 .1 3.1 4.7 4.7 0 0 1 1.2 3.2c0 4.6-2.8 5.7-5.5 6 .4.3.8 1 .8 2.1v3.1c0 .3.2.7.8.6A12 12 0 0 0 12 .5Z"
252+
/>
253+
</svg>
254+
<span>{{ t('nav.github') }}</span>
244255
</a>
245256
</div>
246257

@@ -299,7 +310,18 @@ onUnmounted(() => {
299310
</div>
300311
</div>
301312
<a class="nav-cta mobile-cta" href="https://github.com/RushDB-Lab" target="_blank" rel="noopener noreferrer">
302-
{{ t('nav.github') }}
313+
<svg
314+
class="nav-cta-icon"
315+
viewBox="0 0 24 24"
316+
aria-hidden="true"
317+
focusable="false"
318+
>
319+
<path
320+
fill="currentColor"
321+
d="M12 .5A12 12 0 0 0 8.2 23.9c.6.1.8-.3.8-.6v-2.1c-3.4.8-4.1-1.4-4.1-1.4-.6-1.4-1.4-1.8-1.4-1.8-1.2-.8.1-.8.1-.8 1.3.1 2 .9 2 1 .9 1.5 2.4 1.1 3 .9.1-.7.4-1.1.7-1.4-2.7-.3-5.5-1.4-5.5-6a4.7 4.7 0 0 1 1.2-3.2 4.3 4.3 0 0 1 .1-3.1s1-.3 3.3 1.2a11.2 11.2 0 0 1 6.1 0c2.3-1.5 3.3-1.2 3.3-1.2a4.3 4.3 0 0 1 .1 3.1 4.7 4.7 0 0 1 1.2 3.2c0 4.6-2.8 5.7-5.5 6 .4.3.8 1 .8 2.1v3.1c0 .3.2.7.8.6A12 12 0 0 0 12 .5Z"
322+
/>
323+
</svg>
324+
<span>{{ t('nav.github') }}</span>
303325
</a>
304326
</div>
305327
</div>

src/i18n/ui.ts

Lines changed: 63 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ export const ui = {
1818
news: '相关报道',
1919
contact: '联系我们',
2020
blog: '博客',
21-
github: 'GitHub',
21+
github: 'View Our Github',
2222
openMenu: '打开菜单',
2323
},
2424
hero: {
@@ -42,8 +42,22 @@ export const ui = {
4242
},
4343
about: {
4444
title: '团队简介',
45-
subtitle: '专注数据库技术创新',
46-
desc: '{brand} 是一支充满热情、专注于数据库技术的竞赛团队。我们致力于在数据库设计、查询优化、性能调优及管理等领域不断探索和挑战。我们的目标是在各大数据库相关竞赛中取得优异成绩,并推动数据库技术的学习与应用。',
45+
subtitle: '起源于竞赛,聚焦数据库系统工程',
46+
desc: '{brand} 由三位初创成员联合发起,长期聚焦数据库系统设计、查询优化与性能工程。团队坚持以赛促研、以研促用,在高强度竞赛与开源实践中持续验证技术方案与工程能力。',
47+
milestones: {
48+
meet: {
49+
time: '2024 · CSCC 数据库赛道',
50+
event: '三位初创成员在全国大学生计算机系统能力大赛(CSCC)数据库赛道首次结识。',
51+
},
52+
awards: {
53+
time: '2024 · 全国一等奖',
54+
event: '三人当时分属两支参赛队伍,均获全国一等奖,分别位列全国第 2 名与第 3 名。',
55+
},
56+
foundation: {
57+
time: '2024-09-23 · 团队成立',
58+
event: 'RushDB 于 2024 年 9 月 23 日正式成立,并以团队形态征战第四届 OceanBase 数据库大赛。',
59+
},
60+
},
4761
stats: {
4862
members: '团队成员',
4963
awards: '全国奖项',
@@ -101,22 +115,26 @@ export const ui = {
101115
},
102116
members: {
103117
title: '团队成员',
118+
nowAtLabel: '目前所在',
104119
mingTai: {
105120
name: '明泰',
106121
school: '成都理工大学 26 届',
107122
major: '智能科学与技术',
123+
nowAt: '中国人民大学',
108124
location: '四川省成都市',
109125
},
110126
huXin: {
111127
name: '胡鑫',
112128
school: '成都理工大学 26 届',
113129
major: '智能科学与技术',
130+
nowAt: '字节跳动 - 火山引擎',
114131
location: '四川省成都市',
115132
},
116133
wuYiMin: {
117134
name: '吴奕民',
118135
school: '沈阳工业大学 25 届',
119136
major: '计算机科学与技术',
137+
nowAt: '浙江大学',
120138
location: '辽宁省沈阳市',
121139
},
122140
},
@@ -206,7 +224,7 @@ export const ui = {
206224
news: 'Related News',
207225
contact: 'Contact Us',
208226
blog: 'Blog',
209-
github: 'GitHub',
227+
github: 'View Our Github',
210228
openMenu: 'Open menu',
211229
},
212230
hero: {
@@ -230,8 +248,22 @@ export const ui = {
230248
},
231249
about: {
232250
title: 'Team Introduction',
233-
subtitle: 'Focused on Database Technology Innovation',
234-
desc: '{brand} is a passionate competition team focused on database technology. We are committed to continuous exploration and challenges in database design, query optimization, performance tuning, and management. Our goal is to achieve excellent results in major database-related competitions and promote the learning and application of database technology.',
251+
subtitle: 'Originating from Competition, Focused on Database Systems Engineering',
252+
desc: '{brand} was co-founded by three initial members and focuses on database system design, query optimization, and performance engineering. The team follows a competition-driven R&D approach, continuously validating technical solutions and engineering execution through top-tier contests and open-source practice.',
253+
milestones: {
254+
meet: {
255+
time: '2024 · CSCC Database Track',
256+
event: 'The three founding members first met in the database track of the National College Computer System Capability Competition (CSCC).',
257+
},
258+
awards: {
259+
time: '2024 · National First Prize',
260+
event: 'They competed on two separate teams, and both teams won National First Prize, ranking 2nd and 3rd nationwide.',
261+
},
262+
foundation: {
263+
time: '2024-09-23 · Team Founded',
264+
event: 'RushDB was formally established on September 23, 2024, and entered the 4th OceanBase Database Competition as a unified team.',
265+
},
266+
},
235267
stats: {
236268
members: 'Team Members',
237269
awards: 'National Awards',
@@ -289,22 +321,26 @@ export const ui = {
289321
},
290322
members: {
291323
title: 'Team Members',
324+
nowAtLabel: 'Current affiliation',
292325
mingTai: {
293326
name: 'Tai Ming',
294327
school: 'Chengdu University of Technology, Class of 2026',
295328
major: 'Intelligent Science and Technology',
329+
nowAt: 'Renmin University of China',
296330
location: 'Chengdu, Sichuan Province, China',
297331
},
298332
huXin: {
299333
name: 'Xin Hu',
300334
school: 'Chengdu University of Technology, Class of 2026',
301335
major: 'Intelligent Science and Technology',
336+
nowAt: 'ByteDance - Volcano Engine',
302337
location: 'Chengdu, Sichuan Province, China',
303338
},
304339
wuYiMin: {
305340
name: 'YiMin Wu',
306341
school: 'Shenyang University of Technology, Class of 2025',
307342
major: 'Computer Science and Technology',
343+
nowAt: 'Zhejiang University',
308344
location: 'Shenyang, Liaoning Province, China',
309345
},
310346
},
@@ -394,7 +430,7 @@ export const ui = {
394430
news: '関連報道',
395431
contact: 'お問い合わせ',
396432
blog: 'ブログ',
397-
github: 'GitHub',
433+
github: 'View Our Github',
398434
openMenu: 'メニューを開く',
399435
},
400436
hero: {
@@ -418,8 +454,22 @@ export const ui = {
418454
},
419455
about: {
420456
title: 'チーム紹介',
421-
subtitle: 'データベース技術革新に専念',
422-
desc: '{brand}は、データベース技術に特化した情熱的な競技チームです。データベース設計、クエリ最適化、パフォーマンスチューニング、管理などの分野で継続的な探求と挑戦に取り組んでいます。主要なデータベース関連競技で優秀な成績を収め、データベース技術の学習と応用を推進することが私たちの目標です。',
457+
subtitle: '競技を起点に、データベースシステム工学へ',
458+
desc: '{brand}は3名の初創メンバーにより共同で立ち上げられ、データベースシステム設計・クエリ最適化・性能工学に注力しています。競技を研究開発の起点とし、ハイレベルな大会とOSS実践を通じて、技術方針と実装力を継続的に検証しています。',
459+
milestones: {
460+
meet: {
461+
time: '2024・CSCC データベース競技',
462+
event: '3名の初創メンバーは、全国大学生コンピュータシステム能力大会(CSCC)データベース競技で初めて出会いました。',
463+
},
464+
awards: {
465+
time: '2024・全国一等賞',
466+
event: '当時は2つの別チームとして出場し、いずれも全国一等賞を受賞。全国2位と3位を獲得しました。',
467+
},
468+
foundation: {
469+
time: '2024-09-23・チーム発足',
470+
event: 'RushDBは2024年9月23日に正式発足し、第4回 OceanBase データベース大会にチームとして参戦しました。',
471+
},
472+
},
423473
stats: {
424474
members: 'チームメンバー',
425475
awards: '全国賞',
@@ -477,22 +527,26 @@ export const ui = {
477527
},
478528
members: {
479529
title: 'チームメンバー',
530+
nowAtLabel: '現在所属',
480531
mingTai: {
481532
name: '明泰',
482533
school: '成都理工大学 26期',
483534
major: '知能科学技術',
535+
nowAt: '中国人民大学',
484536
location: '中国四川省成都市',
485537
},
486538
huXin: {
487539
name: '胡鑫',
488540
school: '成都理工大学 26期',
489541
major: '知能科学技術',
542+
nowAt: 'ByteDance - Volcano Engine',
490543
location: '中国四川省成都市',
491544
},
492545
wuYiMin: {
493546
name: '吴奕民',
494547
school: '瀋陽工業大学 25期',
495548
major: 'コンピュータ科学技術',
549+
nowAt: '浙江大学',
496550
location: '中国遼寧省瀋陽市',
497551
},
498552
},

0 commit comments

Comments
 (0)