diff --git a/apps/web/app/components/time-table/TimeTableCard.vue b/apps/web/app/components/time-table/TimeTableCard.vue index 92950aea..a53e5333 100644 --- a/apps/web/app/components/time-table/TimeTableCard.vue +++ b/apps/web/app/components/time-table/TimeTableCard.vue @@ -89,6 +89,16 @@ const { range } = useRange() > {{ currentLocale === 'en' ? session.name_en : session.name_ja }}

+
+ +
@@ -196,4 +206,15 @@ const { range } = useRange() font-weight: 700; line-height: 1.5; } +.session-archives { + display: flex; + gap: var(calc(var(--unit) * 1.5)); +} +.session-archive-slide { + margin-top: 5px; +} +.session-archive-slide:hover { + opacity: 0.6; + transition: opacity 0.2s; +} diff --git a/apps/web/app/components/time-table/TimeTableRow.vue b/apps/web/app/components/time-table/TimeTableRow.vue index 585e1f18..f6d1916b 100644 --- a/apps/web/app/components/time-table/TimeTableRow.vue +++ b/apps/web/app/components/time-table/TimeTableRow.vue @@ -84,6 +84,16 @@ const { range } = useRange() > {{ currentLocale === 'en' ? session.name_en : session.name_ja }}

+
+ +
@@ -182,4 +192,15 @@ const { range } = useRange() font-size: 18px; font-weight: 700; } +.session-archives { + display: flex; + gap: var(calc(var(--unit) * 1.5)); +} +.session-archive-slide { + margin-top: 5px; +} +.session-archive-slide:hover { + opacity: 0.6; + transition: opacity 0.2s; +} diff --git a/apps/web/app/lang/en.json b/apps/web/app/lang/en.json index 3fd3785b..c08fad92 100644 --- a/apps/web/app/lang/en.json +++ b/apps/web/app/lang/en.json @@ -25,7 +25,8 @@ "end_hour": "12", "end_minute": "00", "end_ampm": "pm", - "lt_description": "A 5-minute lightning talk! As a special feature of this event, we will be distributing glow sticks to all participants. When you feel a \"thumbs up!\" moment, resonate with the content, or gain new insights during the LT, please wave your glow stick in response! Let's all create an exciting atmosphere for the LT together!" + "lt_description": "A 5-minute lightning talk! As a special feature of this event, we will be distributing glow sticks to all participants. When you feel a \"thumbs up!\" moment, resonate with the content, or gain new insights during the LT, please wave your glow stick in response! Let's all create an exciting atmosphere for the LT together!", + "archive_slide": "Archive Slide:" }, "event": { "title": "Event", diff --git a/apps/web/app/lang/ja.json b/apps/web/app/lang/ja.json index b35c5e1d..11dc698a 100644 --- a/apps/web/app/lang/ja.json +++ b/apps/web/app/lang/ja.json @@ -32,7 +32,8 @@ "end_date": "7.21", "end_hour": "24", "end_minute": "00", - "lt_description": "制限時間5分のライトニングトーク！　今回の特別企画として、参加者全員にサイリウムをお配りします。LTの内容に「いいね！」と思ったときや、共感したり、新たな気づきを得たりしたときに、サイリウムを振ってリアクションをお願いします！　みなさんでLTを盛り上げていきましょう！" + "lt_description": "制限時間5分のライトニングトーク！　今回の特別企画として、参加者全員にサイリウムをお配りします。LTの内容に「いいね！」と思ったときや、共感したり、新たな気づきを得たりしたときに、サイリウムを振ってリアクションをお願いします！　みなさんでLTを盛り上げていきましょう！", + "archive_slide": "登壇スライド:" }, "volunteer": { "title": "当日ボランティア募集", diff --git a/apps/web/app/pages/sessions/[id]/index.vue b/apps/web/app/pages/sessions/[id]/index.vue index d6533513..d55e91a5 100644 --- a/apps/web/app/pages/sessions/[id]/index.vue +++ b/apps/web/app/pages/sessions/[id]/index.vue @@ -65,6 +65,18 @@ useHead({ {{ currentLocale === 'ja' ? (speakerData[0].session_description_ja ?? 'TBD') : (speakerData[0].session_description_en ?? 'TBD') }} +
+ {{ $t('speaker.archive_slide') }} + + {{ currentLocale === 'ja' ? speakerData[0].session_doc_title_ja : speakerData[0].session_doc_title_en }} + +
+
+ + + + + diff --git a/packages/ui/components/icon/Icon.vue b/packages/ui/components/icon/Icon.vue index 249495e9..82056b09 100644 --- a/packages/ui/components/icon/Icon.vue +++ b/packages/ui/components/icon/Icon.vue @@ -61,6 +61,9 @@ const svgComponent = match(props.name) .with('translation', () => defineAsyncComponent(() => import('../../assets/icon/translation.svg?component')), ) + .with('slide', () => + defineAsyncComponent(() => import('../../assets/icon/slide_icon.svg?component')), + ) .exhaustive() const { color: fillColor } = useColor()