Merge pull request #313 from vuejs-jp/enhance/volunteer

update volunteer
vuejs-jp · Aug 19, 2024 · e8f45a9 · e8f45a9
2 parents 168a4d8 + 38db363
commit e8f45a9
Show file tree

Hide file tree

Showing 4 changed files with 80 additions and 5 deletions.
diff --git a/apps/web/app/components/TeamPageSection.vue b/apps/web/app/components/TeamPageSection.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { team as teamData } from '~/utils/constants'
+import { team as teamData, volunteers } from '~/utils/constants'
 // import type { StaffInfo } from '@vuejs-jp/model'
 // import { useFetch, useRuntimeConfig } from '#imports'
 
@@ -52,6 +52,16 @@ const team = teamData
         </div>
       </div>
     </article>
+
+    <article class="volunteer-section-body">
+      <VFTitle id="volunteer" class="volunteer-title">
+        {{ $t('team.volunteer_title') }}
+      </VFTitle>
+
+      <div class="volunteer-members-container">
+        <VFCreditList :list="volunteers" />
+      </div>
+    </article>
   </section>
 </template>
 
@@ -86,12 +96,24 @@ const team = teamData
   }
 }
 
-.title {
+.title,
+.volunteer-title {
   text-align: center;
   line-height: 1.2;
 }
 
-.team-section-body {
+.volunteer-section-body {
+  max-width: 988px;
+  margin: 0 auto;
+  padding-top: calc(var(--unit) * 10);
+
+  @media (--mobile) {
+    padding-top: calc(var(--unit) * 5);
+  }
+}
+
+.team-section-body,
+.volunteer-section-body {
   display: flex;
   flex-direction: column;
   gap: 40px;
@@ -135,6 +157,12 @@ const team = teamData
   text-decoration: none;
 }
 
+.volunteer-members-container {
+  --team-section-text-padding: 0 calc(var(--unit) * 10 + 6%);
+
+  padding: var(--team-section-text-padding);
+}
+
 @media (--tablet) {
   .team-section-body {
     --team-section-body-padding: calc(var(--unit) * 4) 4.5% calc(var(--unit) * 6);
@@ -159,5 +187,9 @@ const team = teamData
   .team-member-name {
     --team-member-name-font-size: 0.75rem;
   }
+
+  .volunteer-members-container {
+    --team-section-text-padding: 0 4.5%;
+  }
 }
 </style>
diff --git a/apps/web/app/lang/en.json b/apps/web/app/lang/en.json
@@ -209,7 +209,8 @@
     "title": "JOB BOARD"
   },
   "team": {
-    "title": "Team"
+    "title": "Team",
+    "volunteer_title": "Volunteer Staff"
   },
   "message": {
     "title": "Message"

diff --git a/apps/web/app/lang/ja.json b/apps/web/app/lang/ja.json
@@ -227,7 +227,8 @@
     "title": "ジョブボード"
   },
   "team": {
-    "title": "チーム"
+    "title": "チーム",
+    "volunteer_title": "ボランティアスタッフ"
   },
   "message": {
     "title": "メッセージ"

diff --git a/apps/web/app/utils/constants.ts b/apps/web/app/utils/constants.ts
@@ -335,3 +335,44 @@ export const team = [
     x_id: 'yamageji',
   },
 ]
+
+export const volunteers = [
+  '市村悠馬',
+  'ナイトウ',
+  'ponyoxa',
+  'Hikaru Kobayashi',
+  'kokoe',
+  'ねぎなす',
+  'Aose Yuu',
+  '南風原香奈',
+  '飯塚　正',
+  'n.morishita',
+  'yukimina',
+  'hiro',
+  'yoji',
+  '光永',
+  'Keichange',
+  'Natsuki',
+  'Ben',
+  '土屋良太',
+  'tatsugooon',
+  'Thiha Htun Naing',
+  'Uniboost CEO Nozomi.Okamoto',
+  'Shun Nakano',
+  '福田侑汰',
+  'kanno',
+  'とっきー（@tockii_）',
+  '長田崇史',
+  'magcho',
+  '古市勝寛',
+  '金山佳毅',
+  'Kento Urawa',
+  'iyuta1124',
+  '森田崇伸',
+  '厳旭YAN,Xu',
+  'たっしー',
+  '守屋 光晟',
+  '原 楓果',
+  'LuckyWind',
+  'まぁし',
+]