diff --git a/src/App.vue b/src/App.vue
index 81a4a67..4debc38 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,6 +12,8 @@ import RouteCache from '@/components/RouteCache.vue'
}
html,
body {
+ overscroll-behavior: none;
+ overflow-x: hidden;
&::-webkit-scrollbar {
width: 0;
display: none;
diff --git a/src/assets/images/award/banner_mobile_chinese.mp4 b/src/assets/images/mobile_version_background/banner_mobile.mp4
similarity index 100%
rename from src/assets/images/award/banner_mobile_chinese.mp4
rename to src/assets/images/mobile_version_background/banner_mobile.mp4
diff --git a/src/assets/images/award/banner_mobile.mp4 b/src/assets/images/mobile_version_background/banner_mobile_zh.mp4
similarity index 100%
rename from src/assets/images/award/banner_mobile.mp4
rename to src/assets/images/mobile_version_background/banner_mobile_zh.mp4
diff --git a/src/assets/images/mobile_version_background/ellipse.png b/src/assets/images/mobile_version_background/ellipse.png
new file mode 100644
index 0000000..8d64469
Binary files /dev/null and b/src/assets/images/mobile_version_background/ellipse.png differ
diff --git a/src/assets/images/mobile_version_background/people.png b/src/assets/images/mobile_version_background/people.png
new file mode 100644
index 0000000..082cfee
Binary files /dev/null and b/src/assets/images/mobile_version_background/people.png differ
diff --git a/src/lang/en.ts b/src/lang/en.ts
index 321645c..189ce52 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -22,11 +22,11 @@ export default {
step2List: [
'How AiDA is used as a creative tool',
'Your design concept and creative direction',
- 'The intergration of AI and human creativity'
+ 'The integration of AI and human creativity'
],
step3Title: 'Step 3. Prepare Your Submission',
processVideo: 'Process Video',
- processVideoDesc: 'Include a screen‑recorded video\nyour creative process\nusing AiDA.',
+ processVideoDesc: 'Include a screen‑recorded video of\nyour creative process\nusing AiDA.',
videoRequirements: 'Video requirements:',
videoFormat: 'Format: MP4',
videoResolution: 'Resolution: 1080×1920 px',
@@ -57,7 +57,7 @@ export default {
bloomText: {
desc1: {
regular1: 'The',
- bold1: 'AiDA Global Design Award 2026',
+ bold1: ' AiDA Global Design Award 2026 ',
regular2: 'is an ',
bold2: 'international design competition ',
regular3: 'hosted by ',
@@ -82,9 +82,9 @@ export default {
judgesHat: {
jae: 'Code-Create Branch Director\nBesfxxk creative director\n(Korea)',
diego: 'Co-founder & Chief Father\nOfficer of OnTheList\n(Hong Kong)',
- gregory: 'Senior Designer at\nGabriela Hearst (Italy)',
- vincenzo: 'Cheif Editor of SCMP Style\n(Hong Kong)',
- tim: 'Group Fashion Direction of\n Modern Media Group\n(Shanghai)',
+ gregory: 'Senior Designer at\nGabriela Heasrst (Italy)',
+ vincenzo: 'Chief Editor of SCMP Style\n(Hong Kong)',
+ tim: 'Group Fashion Director of\n Modern Media Group\n(Shanghai)',
desmond: 'Chief Editor of Vogue\n(Singapore)'
},
awardPrizes: 'Award & Prizes',
@@ -125,16 +125,16 @@ export default {
timelineDeadlineLabel: 'Deadline',
timeJul15: 'Jul 15',
applicationDeadlineDesc: 'Application deadline and\nentry review process\nbegins.',
- twentyFinalistsAnnounced: '20 Finallists',
+ twentyFinalistsAnnounced: '20 Finalists',
announcedLabel: 'Announced',
timeAug30: 'Aug 30',
twentyFinalistsDesc: 'Announcement of 20\nfinalists entering final\nevaluation stage.',
- finalistSubmission: 'Finallist\nSubmission',
+ finalistSubmission: 'Finalist\nSubmission',
submissionLabel: 'Deadline',
timeSept30: 'Sept 30',
finalistSubmissionDesc: 'Finalists submit\ncompleted outfits for\nfinal assessment.',
receivingOutfits: 'Receiving Outfits',
- fromFinalistsLabel: 'from Finallists',
+ fromFinalistsLabel: 'from Finalists',
timeOctober: 'October',
receivingOutfitsDesc: 'Finalists send one physical outfit to Code-Create (address to advise)',
awardCeremony: 'Award',
diff --git a/src/lang/zh-cn.ts b/src/lang/zh-cn.ts
index f41854b..cea19de 100644
--- a/src/lang/zh-cn.ts
+++ b/src/lang/zh-cn.ts
@@ -250,6 +250,6 @@ export default {
uploadFailed: '上传失败',
nextStep: '下一步',
stepTips: '请一次性完成这个表单。',
- backToIntroduction: '返回赛事介绍'
+ backToIntroduction: '赛事介绍'
}
}
diff --git a/src/views/AwardPage/components/Bloom.vue b/src/views/AwardPage/components/Bloom.vue
index 6f41364..7c08c21 100644
--- a/src/views/AwardPage/components/Bloom.vue
+++ b/src/views/AwardPage/components/Bloom.vue
@@ -1,5 +1,11 @@
- {{ $t('AwardsPage.bloomText.desc1.regular1') }}
+ {{ $t('AwardsPage.bloomText.desc1.regular1') }}
{{ $t('AwardsPage.bloomText.desc1.bold1') }}
- {{ $t('AwardsPage.bloomText.desc1.regular2') }}
+ {{ $t('AwardsPage.bloomText.desc1.regular2') }}
{{ $t('AwardsPage.bloomText.desc1.bold2') }}
- {{ $t('AwardsPage.bloomText.desc1.regular3') }}
+ {{ $t('AwardsPage.bloomText.desc1.regular3') }}
{{ $t('AwardsPage.bloomText.desc1.bold3') }}
- {{ $t('AwardsPage.bloomText.desc1.regular4') }}
+ {{ $t('AwardsPage.bloomText.desc1.regular4') }}
{{ $t('AwardsPage.bloomText.desc1.bold4') }}
- {{ $t('AwardsPage.bloomText.desc1.regular5') }}
+ {{ $t('AwardsPage.bloomText.desc1.regular5') }}
@@ -36,6 +42,12 @@
{{ $t('AwardsPage.bloomText.desc2.regular2') }}
@@ -190,15 +202,31 @@ p {
line-height: 4.5rem;
margin-bottom: 12.3rem;
white-space: pre-line;
+ .section-1 {
+ font-size: 0;
+ span {
+ font-size: 2.4rem;
+ }
+ }
.section-2 {
margin-top: 4rem;
}
}
&.mobile {
- background: url('@/assets/images/mobile_version_background/bloom_bg.png') no-repeat;
+ background: #fff;
background-size: 100% 100%;
- height: 110vw;
+ height: auto;
padding-top: 6rem;
+ position: relative;
+ .top-bg {
+ position: absolute;
+ top: 0;
+ left: 0;
+ // left: 50%;
+ // transform: translateX(-50%);
+ width: 100%;
+ height: 37.5rem;
+ }
.title {
font-size: 3.2rem;
margin-bottom: 0.8rem;
@@ -212,6 +240,11 @@ p {
font-size: 2rem;
line-height: 3rem;
white-space: normal;
+ margin-bottom: 7rem;
+ }
+ .people {
+ margin: 0 6.6rem;
+ width: calc(100% - 13.2rem);
}
}
&.pad {
@@ -222,9 +255,9 @@ p {
font-family: 'ArialBold';
font-weight: 700;
}
- .desc {
- // font-size: 2.4rem;
- }
+ // .desc {
+ // // font-size: 2.4rem;
+ // }
}
}
diff --git a/src/views/AwardPage/components/SelectionSection.vue b/src/views/AwardPage/components/SelectionSection.vue
index 2afe968..4b4d684 100644
--- a/src/views/AwardPage/components/SelectionSection.vue
+++ b/src/views/AwardPage/components/SelectionSection.vue
@@ -134,7 +134,7 @@ onBeforeUnmount(() => {
}
.sub-title {
color: #f95750;
- font-family: 'PopinsMedium';
+ font-family: 'PoppinsMedium';
font-weight: 400;
font-size: 3rem;
margin-bottom: 11.8rem;
diff --git a/src/views/AwardPage/components/TimeLine.vue b/src/views/AwardPage/components/TimeLine.vue
index eb0ae1d..ae8471e 100644
--- a/src/views/AwardPage/components/TimeLine.vue
+++ b/src/views/AwardPage/components/TimeLine.vue
@@ -21,8 +21,8 @@