[Content] Upload live link.

WikiData-TW · Oct 27, 2023 · 71372e7 · 71372e7
1 parent 1fbb919
commit 71372e7
Show file tree

Hide file tree

Showing 9 changed files with 152 additions and 10 deletions.
diff --git a/locale/en/live.component.md b/locale/en/live.component.md
@@ -0,0 +1,13 @@
+# Live {.font-size--xxl .font-black .deco}
+
+## Day 1
+<iframe width="560" height="315" src="https://www.youtube.com/embed/NbDyZUaE69s?si=7UJo6ByDvKKOvPJo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+## Day 1.5
+<iframe width="560" height="315" src="https://www.youtube.com/embed/21TODVE1PTo?si=hEuVhrDmhFLkKvHT" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+## Day 2
+<iframe width="560" height="315" src="https://www.youtube.com/embed/rpf2PYrXy_E?si=jiiiW9EvRfkl-ZG1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+## Day 2.5
+<iframe width="560" height="315" src="https://www.youtube.com/embed/epBgPeWiI_M?si=l0b2STXPr5-RAggV" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
diff --git a/locale/en/navbar.component.md b/locale/en/navbar.component.md
@@ -1,6 +1,5 @@
 - [Home](/) {.font-size--m .list} 
 - [Program](/program) {.font-size--m .list} 
-- [Traffic](#) {.font-size--m .list} 
-- [Live](#) {.font-size--m .list} 
+- [Live](/live) {.font-size--m .list} 
 - [Partner](#) {.font-size--m .list} 
 {.navbar-list}
diff --git a/locale/zh-TW/live.component.md b/locale/zh-TW/live.component.md
@@ -0,0 +1,13 @@
+# 直播連結 {.font-size--xxl .font-black .deco}
+
+## Day 1
+<iframe width="560" height="315" src="https://www.youtube.com/embed/NbDyZUaE69s?si=7UJo6ByDvKKOvPJo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+## Day 1.5
+<iframe width="560" height="315" src="https://www.youtube.com/embed/21TODVE1PTo?si=hEuVhrDmhFLkKvHT" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+## Day 2
+<iframe width="560" height="315" src="https://www.youtube.com/embed/rpf2PYrXy_E?si=jiiiW9EvRfkl-ZG1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+## Day 2.5
+<iframe width="560" height="315" src="https://www.youtube.com/embed/epBgPeWiI_M?si=l0b2STXPr5-RAggV" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
diff --git a/locale/zh-TW/navbar.component.md b/locale/zh-TW/navbar.component.md
@@ -1,6 +1,5 @@
 - [首頁](/) {.font-size--m .list}
 - [議程表](/program) {.font-size--m .list}
-- [交通說明](#) {.font-size--m .list}
-- [現場直播](#) {.font-size--m .list} 
+- [現場直播](/live) {.font-size--m .list} 
 - [合作夥伴](/partner) {.font-size--m .list} 
 {.navbar-list}
diff --git a/src/assets/wikidatacon2023_break.json b/src/assets/wikidatacon2023_break.json
@@ -125,6 +125,34 @@
     "Start": "2023-10-29T11:00:00+08:00",
     "End": "2023-10-29T11:10:00+08:00"
   },
+  {
+    "Proposal title": "break",
+    "Session type": {
+      "en": "General Session",
+      "zh-tw": "\u8b70\u7a0b"
+    },
+    "Description": "break",
+    "Abstract": "",
+    "Room": {
+      "en": "Day 1.5"
+    },
+    "Start": "2023-10-29T01:00:00+08:00",
+    "End": "2023-10-29T02:30:00+08:00"
+  },
+  {
+    "Proposal title": "break",
+    "Session type": {
+      "en": "General Session",
+      "zh-tw": "\u8b70\u7a0b"
+    },
+    "Description": "break",
+    "Abstract": "",
+    "Room": {
+      "en": "Day 2.5"
+    },
+    "Start": "2023-10-30T01:30:00+08:00",
+    "End": "2023-10-30T02:30:00+08:00"
+  },
   {
     "Proposal title": "Launch Time",
     "Session type": {

diff --git a/src/assets/wikidatacon2023_sessions.json b/src/assets/wikidatacon2023_sessions.json
diff --git a/src/components/Layout/MainNavbar.vue b/src/components/Layout/MainNavbar.vue
@@ -55,7 +55,7 @@ const content = signal(get(i18n, first(langs.value) ?? 'en') ?? i18n.en);
   }
 
   :deep(.article) {
-    width: 50%;
+    width: 40%;
   }
 }
 </style>

diff --git a/src/pages/MainLive.vue b/src/pages/MainLive.vue
@@ -0,0 +1,85 @@
+<script setup lang="ts">
+import { defineAsyncComponent } from 'vue';
+import { useBreakpoints, usePreferredLanguages } from '@vueuse/core';
+import { signal } from '@/shared/libs/signal';
+import { first, get } from 'lodash-es';
+
+const breakpoints = useBreakpoints({
+  mobile: 600,
+  tablet: 900,
+  laptop: 1024,
+  desktop: 1280
+});
+
+const isMobile = breakpoints.smaller('tablet');
+const langs = usePreferredLanguages();
+
+const i18n = {
+  'zh-TW': defineAsyncComponent(
+    () => import('@/../locale/zh-TW/live.component.md')
+  ),
+  en: defineAsyncComponent(() => import('@/../locale/en/live.component.md'))
+};
+
+const content = signal(get(i18n, first(langs.value) ?? 'en') ?? i18n.en);
+</script>
+
+<template>
+  <div>
+    <MainNavbar />
+    <main class="main-viewport">
+      <Suspense>
+        <component :is="content()" />
+      </Suspense>
+    </main>
+    <MainFooter />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+@use '@/assets/styles/scss/modules/theme.module.scss' as theme;
+
+.main-viewport {
+  --text-color: #{theme.$primary-text-color};
+
+  margin: 4em 2em;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  @media screen and (max-width: 480px) {
+    margin: 2em 1em;
+  }
+
+  .article {
+    max-width: 768px;
+  }
+}
+</style>
+
+<style lang="scss">
+.main-viewport {
+  .article {
+    .homepage-text {
+      text-align: justify;
+
+      &.content {
+        display: flex;
+        align-items: center;
+
+        .wikidata-img {
+          width: 230px;
+          height: 100%;
+          margin-right: 20px;
+        }
+
+        .wdc-img {
+          width: 100%;
+          height: 100%;
+          margin-left: 20px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/router/index.ts b/src/router/index.ts
@@ -28,6 +28,10 @@ export const routerOptions: RouterOptions = {
     {
       path: '/partner',
       component: () => import('../pages/PartnerInfo.vue')
+    },
+    {
+      path: '/live',
+      component: () => import('../pages/MainLive.vue')
     }
   ]
 };