diff --git a/.vitepress/config.ts b/.vitepress/config.ts
index c4063b4..0b48182 100644
--- a/.vitepress/config.ts
+++ b/.vitepress/config.ts
@@ -45,11 +45,20 @@ export default defineConfig({
       { text: 'About', link: '/about' },
     ],
 
-    sidebar: [
-    ],
+    sidebar: {
+      '/participate/': [{
+        text: 'Participate',
+        link: '/participate',
+        items: [
+          { text: 'As Attendee', link: '/participate/attendee' },
+          { text: 'As Community', link: '/participate/community' },
+          { text: 'As Speaker', link: '/participate/speaker' },
+          { text: 'As Sponsor', link: '/participate/sponsor' },
+          { text: 'As Organizing', link: '/participate/organizing' },
+        ],
+      }],
+    },
 
-    socialLinks: [
-      { icon: 'github', link: 'https://github.com/COSCUP' },
-    ],
+    socialLinks: [{ icon: 'github', link: 'https://github.com/COSCUP' }],
   },
 })
diff --git a/.vitepress/theme/Layout.vue b/.vitepress/theme/Layout.vue
index 189065f..5128f6a 100644
--- a/.vitepress/theme/Layout.vue
+++ b/.vitepress/theme/Layout.vue
@@ -6,4 +6,5 @@ import DefaultTheme from 'vitepress/theme'
   <DefaultTheme.Layout>
     <Content />
   </DefaultTheme.Layout>
+  <Footer />
 </template>
diff --git a/components/Footer.vue b/components/Footer.vue
new file mode 100644
index 0000000..124fa2a
--- /dev/null
+++ b/components/Footer.vue
@@ -0,0 +1,94 @@
+<script setup lang="ts">
+import { conference } from '#data/conference.js'
+</script>
+
+<template>
+  <footer id="footer">
+    <section class="title">
+      <h1>COSCUP</h1>
+      <h2>Conference for Open Source Coders, User, and Promoters</h2>
+    </section>
+    <section class="contact">
+      <div>
+        <p>Attendee Service</p>
+        <p>attendee@coscup.org</p>
+      </div>
+      <div>
+        <p>Sponsorship</p>
+        <p>sponsorship@coscup.org</p>
+      </div>
+      <div>
+        <p>Program</p>
+        <p>program@coscup.org</p>
+      </div>
+      <div>
+        <p>Attendee Service</p>
+        <p>marketing@coscup.org</p>
+      </div>
+    </section>
+    <section class="history">
+      <h1>Websites</h1>
+      <p>
+        <span
+          v-for="year in Array.from({ length: conference.year - 2006 }, (_, k) => k + 2006)"
+          :key="year"
+        >
+          {{ year }}
+        </span>
+      </p>
+    </section>
+    <section class="social">
+      <h1>Social Media</h1>
+    </section>
+  </footer>
+</template>
+
+<style scoped>
+#footer {
+  border-top: 1px solid var(--vp-c-gutter);
+  padding: 32px 64px;
+}
+
+#footer section {
+  margin: 50px 0;
+}
+
+#footer h1 {
+  font-size: 28px;
+  font-weight: bold;
+  text-align: center;
+
+  margin: 20px;
+}
+
+#footer h2 {
+  font-size: 20px;
+  text-align: center;
+
+  margin: 20px;
+}
+
+#footer .contact {
+  display: flex;
+  justify-content: space-evenly;
+  flex-wrap: wrap;
+
+  font-size: 18px;
+  text-align: center;
+  row-gap: 25px;
+}
+
+#footer .history p {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  row-gap: 25px;
+}
+
+#footer .history span {
+  display: inline-block;
+  width: 65px;
+
+  text-align: center;
+}
+</style>
diff --git a/components/Tab.vue b/components/Tab.vue
new file mode 100644
index 0000000..8e178df
--- /dev/null
+++ b/components/Tab.vue
@@ -0,0 +1,89 @@
+<script setup lang='ts'>
+import { onMounted, provide, ref, useSlots } from 'vue'
+
+const slots = useSlots()
+const tabs = ref<string[]>([])
+const activeTab = ref<string>('')
+
+onMounted(() => {
+  tabs.value = Object.keys(slots).filter((name) => name.startsWith('title-')).map((name) => name.slice(6))
+  if (tabs.value.length > 0) {
+    activeTab.value = tabs.value[0]
+  }
+})
+
+function selectTab(tab: string) {
+  activeTab.value = tab
+}
+
+provide('activeTab', activeTab)
+</script>
+
+<template>
+  <div class="tabs">
+    <ul class="tab-list">
+      <li
+        v-for="tab in tabs"
+        :key="tab"
+        :class="{ active: tab === activeTab }"
+        @click="selectTab(tab)"
+      >
+        <slot
+          :is-active="tab === activeTab"
+          :name="`title-${tab}`"
+        >
+          {{ tab }}
+        </slot>
+      </li>
+    </ul>
+    <div class="tab-content">
+      <template
+        v-for="tab in tabs"
+        :key="tab"
+      >
+        <div v-if="tab === activeTab">
+          <slot :name="`content-${tab}`" />
+        </div>
+      </template>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.tab-list {
+  display: flex;
+  list-style-type: none;
+  border-bottom: 1px solid #ccc;
+  padding: 0px;
+  margin: 0px;
+  align-items: center;
+  justify-content: start;
+}
+
+.vp-doc li + li {
+  margin-top: 0px;
+}
+
+li {
+  padding: 0.7rem 1rem;
+  margin: 0px;
+  cursor: pointer;
+  border: 1px solid transparent;
+  border-top-left-radius: 1rem;
+  border-top-right-radius: 1rem;
+}
+
+li.active {
+  color: #000;
+  background-color: #fff;
+  border-color: #ccc;
+  border-bottom-color: #fff;
+}
+
+.tab-content {
+  padding: 20px;
+  border: 1px solid white;
+  border-bottom-right-radius: 1rem;
+  border-bottom-left-radius: 1rem;
+}
+</style>
diff --git a/content/index.md b/content/index.md
index 686d394..2c70b62 100644
--- a/content/index.md
+++ b/content/index.md
@@ -7,4 +7,31 @@ hero:
   text: 社群大拜拜
   tagline: Conference for Open Source Coders, Users & Promoters
   actions:
+    - theme: alt
+      text: Time & Location
+      link: /event
+    - theme: alt
+      text: Session
+      link: #
+features:
+  - title: COSCUP Welcome party
+    icon: 🎉
+    details: COSCUP 2024 Welcome party will be held on 2024-08-02. Welcome to join us and cheers with speakers and open source folk.
+    link: #
+    linkText: More
+  - title: BoF/hacking room
+    icon: 🧑🏻‍💻
+    details: Meet open-source people and communities you follow at the BoF/hacking room during the event!
+    link: #
+    linkText: More
+  - title: Donate
+    icon: 🤝
+    details: COSCUP is held by volunteers of Open Source Communities in Tailwan. We reply on sponsorship and individual supporters like you to maintain COSCUP annually.
+    link: #
+    linkText: More
+  - title: Subscribe newsletter
+    icon: 📰
+    details: Please feel free to subscribe to our newsletter. You will receive important reminders and exciting activities.
+    link: #
+    linkText: More
 ---
diff --git a/content/participate/attendee.md b/content/participate/attendee.md
new file mode 100644
index 0000000..83d42ca
--- /dev/null
+++ b/content/participate/attendee.md
@@ -0,0 +1,183 @@
+<script setup lang='ts'>
+</script>
+
+# 會眾參與
+
+COSCUP 與其他年會不一樣的是由開源社群一起參與的年會，年會也由社群議程、工作坊、Bof 等形式組成。從 2020 年之後，COSCUP 將不再需要報名與購票即可參與，也逐步將程式上的「開源精神」跨展到「設計」、「政策」、「教育」…等不同領域的實踐分享。
+
+也因為如此，通常第一次參與 COSCUP 時會被海量的議程軌驚訝不已，身為會眾的你，該如何參與 COSCUP？這裡有一些簡單的介紹，引導你在大會二日有不一樣的參與體驗。
+
+## 如何前往
+
+如何前往臺科大，建議路線：
+
+<Tab>
+    <template #title-mrt="{ isActive }">
+        捷運
+    </template>
+    <template #content-mrt>
+        搭乘捷運綠線抵達公館，可騎 Ubike 穿越台大校園往臺科大。
+    </template>
+    <template #title-bus="{ isActive }">
+        公車
+    </template>
+    <template #content-bus>
+        站牌在「臺大癌醫(基隆路)」下車。
+    </template>
+    <template #title-walk="{ isActive }">
+        走路
+    </template>
+    <template #content-walk>
+        很累，不建議。
+    </template>
+    <template #title-drive="{ isActive }">
+        開車
+    </template>
+    <template #content-drive>
+        學校的停車場委外經營，詳細的收費方式可搜尋「CITY PARKING 城市車旅停車場 國立臺灣科技大學停車場(台科大站)」。
+    </template>
+</Tab>
+
+## 會場
+
+COSCUP 2024 主要在兩個建築物舉辦活動，RB 除了大會開幕、閉幕式外，也有相關的議程也舉辦於此。TR 2 樓到 6 樓皆為活動場地，有議程軌、社群攤位、按摩小站、親子工作坊、「開．源遊會」…等活動。
+
+兩個會場的位置可經過籃球場、網球場移動。如果迷路了，可以注意路上的指引或是詢問志工夥伴尋求協助。
+
+:::info 大會資訊
+
+- 詳細的地圖、會場資訊可以參考官網：[「會場地圖」](https://coscup.org/2024/en/venue)，包含各議程教室、社群攤位資訊…等。
+
+:::
+
+## 議程表
+
+COSCUP 是由開源社群主持開源議題、議程，因此我們會在同一時間、同時有 20 軌以上的議程在運作。建議在活動前花點時間瀏覽大會議程表，選定與紀錄感興趣的議程。
+
+目前有三種呈現議程表的方式可以使用，請挑選較適合您閱讀的：
+
+<Tab>
+    <template #title-official='{ isActive }'>
+        大會議程表
+    </template>
+    <template #content-official>
+        適合寬銀幕使用，請記得右側還有更多議程軌內容。
+    </template>
+    <template #title-pretalx='{ isActive }'>
+        Pretalx 投稿系統
+    </template>
+    <template #content-pretalx>
+        可針對「議程表」、「議程」或「講者」呈現不同的瀏覽方式，稍微適合行動裝置、平板尺寸、或比較習慣條列式的呈現。
+    </template>
+    <template #title-volunteer='{ isActive }'>
+        志工平台議程表
+    </template>
+    <template #content-volunteer>
+        針對議程軌條列呈現，可收藏、加入行事曆與留言討論議程。
+    </template>
+</Tab>
+
+## BoF
+
+什麼是 BoF？Birds of a Feather 這個短語源於諺語 "Birds of a feather flock together"，意思是「物以類聚，人以群分」。，BoF 是一種非正式的討論會議形式，讓擁有相似興趣或專業背景的人可以在會議期間聚集在一起，交流經驗和見解，讓參與者自由地討論各種話題。表示擁有相似興趣、特徵或背景的人通常會聚集在一起。
+
+你可以在[這份文件](https://docs.google.com/document/d/1Nn5j549QfJ-QhS2RCje91g5Qt9WVsjxxuFBvb51IpI4/)中登記你想要發起的 BoF 活動，例如：「交換紀念品：我可能在其他研討會拿的紀念品，想與大家交換！」、「[交換 PGP 簽章](https://en.wikipedia.org/wiki/Key_signing_party)（不過現在還有人在用 PGP 嗎？）」
+
+### 結緣品交換會
+
+:::info 2022 BoF 紀念品交換會
+COSCUP 2024 也有紀念品交換會，在 TR-309 外的「紀念品攤位」旁邊會有一個常設的小桌，你可以帶著家裡多餘的物品前來放置，或是您可以不定時的經過看看有無想要的物品，看到喜歡的就拿走是沒問題的！
+:::
+
+## 會眾服務
+
+COSCUP 除了社群議程之外，我們也提供給予會眾身心靈放鬆的服務，希望在活動二日，或許您遠道而來，或許您繁忙的工作在假日期間持續參與 COSCUP。
+
+<Tab>
+    <template #title-gathering>
+        前夜派對
+    </template>
+    <template #content-gathering>
+        在活動前一天 8/2 晚上的一個喝酒、聊開源的聚會，不論你隔天是否參與 COSCUP，歡迎來！
+    </template>
+    <template #title-market>
+        療癒市集
+    </template>
+    <template #content-market>
+        結合「按摩小站」、「紅酒瑜伽」、「療癒彩繪」、「療癒睡眠」，提供身心靈的放鬆與恢復。
+    </template>
+    <template #title-funfair>
+        開．源遊會
+    </template>
+    <template #content-funfair>
+        2024 新企劃，結合「開源菜單」的方式實踐「開源精神」，有空可以過去逛逛，現場有許多攤位提供各式特色物品。也可前往短暫休憩。
+    </template>
+    <template #title-healing>
+        療癒講座
+    </template>
+    <template #content-healing>
+        延續「療癒」主題，將其轉換一系列的講座課程，專注在「創傷、復原」的議程，有興趣去可以前往聆聽。
+    </template>
+    <template #title-workshop>
+        親子工作坊
+    </template>
+    <template #content-workshop>
+        適合小朋友初踏入開源、創客領域，今年有熱門的焊接、電玩製作課程，準備詢問小朋友要選那一堂課了！
+    </template>
+</Tab>
+
+:::info
+
+- 可參考詳細的「[會眾服務](https://volunteer.coscup.org/docs/about_coscup/attendee_services/)」說明頁面，部份服務需要預先預訂。
+  :::
+
+## 一日志工
+
+由於每年大會志工團隊招募時，總有些夥伴無法加入或是無法全程參與籌備，因此「一日志工」是 COSCUP 找到能讓志工魂不滅的夥伴、在大會活動的兩天依舊有機會與我們一同努力的一個企劃。
+
+大會活動二日除了籌備團隊志工外，我們也提供「一日志工」的服務機制，針對想要多了解 COSCUP 是如何舉辦年會、如何提供大會服務給予社群、會眾。不如就捲起袖子，一起加入我們！
+
+目前提供約 60 個「一日志工」缺額，可以檢視可否參與的項目，如有任何問題，可以洽詢行政組或在活動日當天前往「志工服務台」詢問更多志工事宜。
+
+:::info 相關聯絡資訊
+
+- 「志工服務台」`TR-312`：COSCUP 志工服務諮詢、招募與推廣。
+- 行政組信箱：[secretary@coscup.org](mailto:secretary@coscup.org)
+
+:::
+
+## 形象照拍攝
+
+形象照拍攝在 2023 第一次提供的服務，由大會紀錄組選定一間教室後、搭建一個專業攝影棚拍攝個人形象照。如果你的求職網站、個人網站、社群網站的頭貼想要表現出開源參與、專業氣質的話，可以體驗、使用「形象照拍攝」服務。
+
+:::info 提早前往
+
+- 此服務不需要費用，請提早前往預約或現場排隊，攝影棚地點在 `TR-310-1`。
+  :::
+
+## 社群佈告欄
+
+活動場地在臺科大教學大樓內，各樓層的佈告欄都有 COSCUP 為社群規劃的專屬佈告欄，我們希望您個人或是所屬的社群、服務單位都可以好好利用佈告欄來[張貼](https://www.flickr.com/photos/coscup/)個人開源專案、社群簡介或活動預告資訊、甚至是您社群的年會時間表…等任何與開源有關的宣傳事宜。
+
+我們希望會眾、參與者也可以透過佈告欄的管道獲取開源社群資訊，或許您個人或社群今年在大會無社群攤位，佈告欄也是一個不錯的宣傳方式。
+
+往年的規劃，大約會需要 20 份左右的張貼傳單數量就可以涵蓋所有的佈告欄，如果您有興趣想要在佈告欄上面張貼訊息，也可以參考開放文化基金會年初前往 FOSDEM 的[傳單宣傳方式](https://ocf.tw/p/global/fosdem-2024/)。
+
+:::info 傳單尺寸建議
+
+- **A4 尺寸**: 一般傳單，包含標題、內容、QRCode 連結。
+- **A5 尺寸**: 為 1/2 A4 尺寸，也適合將一張 A4 規劃有四頁的折頁文宣，專案或社群簡介。
+- **A6 尺寸**: 為 1/4 A4 尺寸，活動宣傳、專案宣傳，問卷填寫…等一次性的 QRCode 傳單。
+  建議排版都用 A4 尺寸的方式製作，尺寸調整在影印、印刷店時請店員以 A5 或 A6 方式輸出。
+  :::
+
+## 台灣飲食指南
+
+這部份需要和您說聲不好意思，今年無法在大會前完成臺灣飲食指南，但我們有找到一些還不錯的內容，如果您從其他國家來臺灣參與 COSCUP，希望能讓您感到特別！
+
+- [Enjoy The Local Delights and Diverse Global Cuisines - WordCamp Asia 2024](https://asia.wordcamp.org/2024/taste-of-taiwan/)
+- [台灣交通部觀光署](https://www.taiwan.net.tw/)
+
+## 參與者調查
+
+最後，再請幫我完成「[參與者調查](https://coscup.org/2024-survey/)」，以利我們描繪出參與 COSCUP 的會眾是怎樣的樣貌，在開放不用報名後，這一類型的調查越來越困難，如果能協助我們完成，會非常的感謝！
diff --git a/content/participate/community.md b/content/participate/community.md
new file mode 100644
index 0000000..68915df
--- /dev/null
+++ b/content/participate/community.md
@@ -0,0 +1,45 @@
+# 開源社群
+
+您的社群與**開放原始碼**、**開源精神**相關的任何組成形式都可以算是 COSCUP 開源社群的一員。當然，我們更在乎開源精神在各領域的實踐方式，不論是透過個人或是群體！
+
+::: tip
+COSCUP 發起時是一群來自開源社群夥伴一起籌辦的活動，近幾年將開源社群逐步提高參與 COSCUP 程度、降低參與門檻的方式，與開源社群一同舉辦年度盛大研討會。
+:::
+
+## 參與框架
+
+COSCUP 與臺灣其他研討會不同之處在於議程籌備參與的形式。每一個議程軌都是由開源社群自行籌辦與排定。COSCUP 籌備團隊所負責的事項在於將場地、時間確定後協助發佈消息。
+
+而開源社群可以舉辦的議程形式，不僅僅只有議題分享，如：工作坊、社群內部會議、社群政策制定⋯⋯等，甚至要在 COSCUP 舉辦社群自己的年會，透過自己的報名、宣傳方式來進行也是一種類型。
+
+## 開源社群的參與
+
+COSCUP 是一個開源社群驅動的年會，如果您已申請「開源議程軌」與「社群攤位」，請參考以下說明，檢查是否準備齊全。
+
+### 社群議程軌
+
+如果您有主辦議程軌，請記得在活動前聯繫講者們，議程時間與教室位置。議程錄影的部份請您也注意，帶往會場的器材是否準備妥當。建議可在議程教室門口可以印製張貼一整天的議程列表，方便會眾經過時可以確認目前的議程資訊。
+
+也可利用「社群佈告欄」多多宣傳議程活動。
+
+### 社群攤位
+
+COSCUP 二日活動可以聚集會眾參與，對於社群在 COSCUP 有一個攤位以進行招募夥伴、倡議理念、宣傳平時小聚活動，是一個對於找到志同道合的社群夥伴最省力辦法。
+
+目前攤位資訊已經公告，可以參考「[社群攤位位置](https://drive.google.com/file/d/19ggSO_tz8ozeyH9KwgJD_WAxLcEIL4kN/view)」與「[攤位佈置指南](https://docs.google.com/presentation/d/1LYh8fVA4ef9h6Mc5sz0EqEYmZIONJgMV/)」
+
+## 社群佈告欄
+
+活動場地在臺科大教學大樓內，各樓層的佈告欄都有 COSCUP 為社群規劃的專屬佈告欄，我們希望您個人或是所屬的社群、服務單位都可以好好利用佈告欄來[張貼](https://www.flickr.com/photos/coscup/)**個人開源專案**、**社群簡介**或**活動預告資訊**、甚至是您社群的年會時間表…等任何**與開源有關的宣傳事宜**。
+
+我們希望會眾、參與者也可以透過佈告欄的管道獲取開源社群資訊，或許您個人或社群今年在大會無社群攤位，佈告欄也是一個不錯的宣傳方式。
+
+往年的規劃，大約會需要 20 份左右的張貼傳單數量就可以涵蓋所有的佈告欄，如果您有興趣想要在佈告欄上面張貼訊息，也可以參考開放文化基金會年初前往 FOSDEM 的[傳單宣傳方式](https://ocf.tw/p/global/fosdem-2024/)。
+
+## BoF 週邊活動
+
+我們也鼓勵社群可以利用 COSCUP 活動前後的時間舉辦自己的社群大會，可以將相關的活動資訊紀錄到[這份文件](https://docs.google.com/document/d/1Nn5j549QfJ-QhS2RCje91g5Qt9WVsjxxuFBvb51IpI4/edit?usp=sharing)中。
+
+## 尋求協助
+
+社群夥伴如果有任何問題，可以先尋求[議程組](mailto:program@coscup.org)協助幫忙。如果您是開源社群的成員，可以先詢問社群負責人或是聯絡人尋求幫助。
diff --git a/content/participate.md b/content/participate/index.md
similarity index 100%
rename from content/participate.md
rename to content/participate/index.md
diff --git a/content/participate/organizing.md b/content/participate/organizing.md
new file mode 100644
index 0000000..c67031f
--- /dev/null
+++ b/content/participate/organizing.md
@@ -0,0 +1,57 @@
+# 籌備團隊
+
+籌備團隊志工在活動前與活動中需要提醒的事項，如果有任何問題、請先與各組的組長討論。
+
+## 組員手冊
+
+請再次閱讀「[組員手冊](https://volunteer.coscup.org/docs/zh-TW/about_coscup/team_member_handbook/)」，了解 COSCUP 所關注的事宜，在活動期間如果有會眾詢問 COSCUP 是什麼時、不用感到緊張，也可以直接闡述組員手冊中所提到的「COSCUP 是什麼？」。
+
+## 飲食習慣
+
+在活動前幾周已調查過「飲食習慣」，請記得志工服務平台「[真實資料](https://volunteer.coscup.org/setting/profile_real)」中完成設定。
+
+:::tip 未完成設定
+如果依舊未完成設定，不保證所提供的便當數量或是慶功宴餐點能符合你的需求。
+:::
+
+## 工作人員住宿
+
+住宿地點已公告在志工服務平台「活動日住宿」申請頁面，請記得在時間內入住與退房，如有讓何住宿問題，如：中途換宿…等，請聯絡行政組，勿預訂後不前往或任意離開，今年會落實點名。
+
+- 住宿時間：8/2（17:00 開始 check-in）, 8/3 二晚，8/4 早上退房。
+  - 住宿地點請查閱志工平台「活動日住宿」頁面的內容。入住時請出示身份證件，並說明為**團體訂房**。
+- 共用衛浴區共有 5 間廁所和 4 間淋浴間。
+- 僅提供：洗髮精、沐浴乳、吹風機，請務必自備毛巾、牙刷。
+
+::tip 交通接駁車
+
+- 住宿地點到臺科大的交通車預計每日 06:30、06:45 二個班次，請趕上發車時間前往臺科大。
+- 請在公車站牌「瑠公圳公園」等候上車，站牌位置在「[106 台北市大安區復興南路一段82號](https://www.google.com/maps/@25.0436677,121.543732,3a,75y,216.42h,80.36t/data=!3m6!1e1!3m4!1sPSscdT-p_D2qFdnqWHWQIg!2e0!7i16384!8i8192)」前。
+  :::
+
+## 工人衣服
+
+### 衣服穿著
+
+#### 第一天
+
+#### 第二天
+
+### 領取發送
+
+1. 在 8/2 場佈期間，預計 14:00 後在 TR-312 志工服務台領取。
+2. 在 8/3 第一天，預計 09:00 後在 TR-312 志工服務台領取。
+3. 在 8/4 第二天，請在 09:30 前到 TR-312 志工服務台領取，時間截止後將整理回行銷組販售。
+
+## 其他
+
+1. 8/2 [場地佈置報名表](https://docs.google.com/forms/d/e/1FAIpQLScUjuWW5xC3-X-MkTdLUUvVcw7Jcs7lJYJKxIF0vAVp7sspcQ/viewform)。
+2. 如有交通費補助單據，也可直接到 TR-312 志工服務台提交。
+3. 慶功宴在 TR-3F，預計 8/4 18:00 開吃！
+4. 通訊設備發送與充電在 TR-617 工人休息室。
+5. 工作人員大合照於 8/4 07:20 TR-1F 拍攝大合照。
+   - 住宿的夥伴記得行李也要上手、並搭上任一台交通接駁車，抵達臺科大後直接到操場集合拍照。
+   - 07:20 為拍照時間，請在 07:00 集合。
+6. 「按摩小站」在 TR-612，工作人員可隨時去按摩。
+7. 空檔時間也可以轉變為會眾去聽議程或是參與體驗相關的會眾服務。
+8. 8/4 紅酒瑜伽、療癒睡眠提供給志工夥伴參加，請確定可以參與的時間來 TR312 志工服務台兌換通行證。
diff --git a/content/participate/speaker.md b/content/participate/speaker.md
new file mode 100644
index 0000000..86bbf30
--- /dev/null
+++ b/content/participate/speaker.md
@@ -0,0 +1,90 @@
+# 議題講者
+
+如何成為議程講者。在 COSCUP 公佈社群議程軌後，可以開始準備挑戰送出你的稿件。這個階段會花些時間研究與建構主題，但把握一個原則，COSCUP 關注在開源領域的相關議題，但不論其表現、呈現方式為何。因此任何的想法與成果都歡迎透過議程組的徵稿流程提交！
+
+不要再猶豫了，有付諸行動、就有機會！
+
+::: tip
+Call for Proposals 已公告，各社群議程軌的介紹可以參考[這篇文章](https://volunteer.coscup.org/docs/zh-TW/about_coscup/how_to_participate/2024_cfp/)。
+:::
+
+## 參與框架
+
+這個框架是目前 COSCUP 即將成為或是成為講者的旅程，梳理一下該如何作足準備，引導你無負擔的跨出第一步。
+
+## 如何成為講者
+
+在社群議程軌招募參與、大會公佈正式入選後，就可以開始準備投稿所需的內容。
+
+### 瀏覽社群議程軌
+
+大會公告後，可以快速瀏覽一下目前有哪些開源社群入選，也稍微閱讀一下今年各社群議程軌的徵稿主題是在哪一些的範圍。
+
+:::tip
+2024 各社群議程軌已公佈，請參考[此篇文章](https://volunteer.coscup.org/docs/zh-TW/about_coscup/how_to_participate/2024_cfp/)。
+:::
+
+### 該如何挑選主題
+
+首先盤點截至目前有無正在研究的項目，或是目前有興趣、但才正要開始的項目。這裡建議先不要設定「可不可以投稿」的門檻，僅是盤點目前與開源項目有關的主題，主要是用來條例可能發展成投稿主題的項目。
+
+再來是檢視一下今年、去年所屬領域是否有辦過研討會、小聚活動、社群活動，快速的瀏覽其入選的議程主題，幫助自己對齊目前大家都在關注什麼議題。
+
+以下為國際性、議程較多元的研討會可供參考：
+
+- FOSDEM：[2024](https://fosdem.org/2024/)、[2023](https://archive.fosdem.org/2023/)。
+- FOSSASIA：[2024](https://eventyay.com/e/55d2a466)、[2023](https://eventyay.com/e/55d2a466)。
+- SCaLE：[21x 2024](https://www.socallinuxexpo.org/scale/21x)、[20x 2023](https://www.socallinuxexpo.org/scale/20x)。
+- Open Source Summit：
+  - North America：[2024](https://events.linuxfoundation.org/open-source-summit-north-america/)、[2023](https://events.linuxfoundation.org/archive/2023/open-source-summit-north-america/)。
+  - Japan：[2024](https://events.linuxfoundation.org/open-source-summit-japan/)、[2023](https://events.linuxfoundation.org/archive/2023/open-source-summit-japan/)。
+- AsiaBSDCon：[Taipei 2024](https://2024.asiabsdcon.org/)、[Japan 2023](https://2023.asiabsdcon.org/)。
+
+最後是比較辛苦一點的是自己設定一個主題當作挑戰，有時候我們會說這是「研討會驅動」的成長，透過最後要上台分享議題的方式，投入一個有意思的主題研究！
+
+### 準備投稿
+
+投稿時第一步通常會卡在要怎樣設定標題，其實這裡沒有一個標準答案，但有些建議可以參考看看。
+
+首先是標題字數，考慮到在各方面排版問題，大約不超過 25 中文字、50 字英文字母，或混用時英文字母 3 字母算一中文字、總文字不超過 25 中文字。
+
+標題最好表達你的目的、解決方案。撰寫摘要時，可以將目的展開其緣由在第一段闡述。解決方案的細節部分，可以在第二段闡述。最後可以評估這場議程可以帶給會眾哪方面的內容，技術？流程設計？綜效分析？讓審稿委員可以有較多的評估方向來決定是否採納你的稿件！
+
+### 第一次當講者
+
+我們有一個議程選項是給予第一次當講者夥伴，當你的稿件順利入選後，會有後續的參與來協助你完成簡報、上台講演的練習。協助你的夥伴都是身經百戰的講者們，會給予你相關的意見回饋，好在活動前可以充分調整到最佳狀態！
+
+:::tip
+本計劃的名稱為「First-timer 計畫」，如有任何計畫上的問題，可以直接訊問[議程組](mailto:program@coscup.org)尋求協助。
+:::
+
+### 社群議程負責人
+
+由於 COSCUP 的議程已為各開源社群協力舉辦的形式呈現，對於社群議程上的問題可以先聯絡各議程負責人來獲得協助，除非該議程軌是大會主議程，則請聯絡議程組獲得協助。
+
+### 我找不到合適的議程軌投稿
+
+建議先將題目與摘要備妥後，直接寄信給議程組尋求協助評估合適的社群議程軌投稿。如本身有社群在運作，可以邀請他們下次一同來參與 COSCUP！
+
+### 簡報準備的建議
+
+由於 COSCUP 越來越多海外夥伴的參與，建議可以將簡報以英文內容呈現，即使現場使用中文或任何語言來發表也較可降低海外夥伴的參與門檻。當然我們也非常鼓勵可以設定自我挑戰使用英語來發表，**COSCUP 只是一個小小舞台練習，希望能幫助你有機會站上國際研討會發表！**
+
+#### 色盲色弱友善簡報基本設計指南
+
+1. 使用高對比度配色：確保文字和背景之間有高對比度或是高明暗對比，避免使用淺色文字配淺色背景或深色文字配深色背景。
+2. 避免僅依賴顏色標示內容：在色塊之間可以用分隔線和外框幫助區分內容。除了使用顏色外，善用線條、圖案、形狀或文字來傳達資訊。
+3. 使用色盲色弱友善的配色方案：採用對色覺障礙者來說易於區分的配色方案，像 [ColorBrewer](https://colorbrewer2.org/#type=sequential&scheme=BuGn&n=3) 這樣的工具可以幫助選擇配色，或是參考[色彩通用設計推薦配色表](https://cudo.jp/?page_id=1565)。
+4. 檢查你的簡報內容：使用例如 [Color Oracle Overview](https://colororacle.org/)、[ColorShark](https://colorshark.io/) 等工具和模擬器來確認你的簡報對色覺障礙者的顯示效果。
+
+### 與 2024 相關的資訊
+
+- 提交稿件：[https://pretalx.coscup.org/coscup-2024/](https://pretalx.coscup.org/coscup-2024/)
+- 各社群議程軌介紹：[整理版本](https://volunteer.coscup.org/docs/zh-TW/about_coscup/how_to_participate/2024_cfp/)
+- 議程組聯絡信箱：[program@coscup.org](mailto:program@coscup.org)
+
+確定成為議程講者後，請再次確認議程時間與地點，如何聯絡社群議程負責人，如無法或不知如何聯繫，可以尋求議程組的協助。
+
+由於 COSCUP 是開源社群驅動的年會，各社群有其呈現的方式，大會提供平台與資源將會眾引導到會場，也希望能透過你的社群管道，協助我們一起推廣、宣傳 COSCUP！
+
+在空閒之餘，也歡迎轉換為會眾的身份一起參與、到處逛逛攤位，參考「會眾」的引導手冊。
diff --git a/content/participate/sponsor.md b/content/participate/sponsor.md
new file mode 100644
index 0000000..7ff0a5f
--- /dev/null
+++ b/content/participate/sponsor.md
@@ -0,0 +1,32 @@
+# 贊助夥伴
+
+首先，感謝您贊助 COSCUP 開源人年會，不論您是透過「個人贊助」或「企業贊助」的方式支持我們，COSCUP 走過快 20 年，從第一年開始就不需要購票參與，也從小小的 100 人的年會成長到 3000 人以上的規模。贊助夥伴不只在場地、推廣、行銷、紀錄上的支持，每一年的志工團隊的住宿、餐飲也都是需要贊助夥伴的協助。
+
+:::tip 會眾參與
+如果您是第一次贊助或是參與 COSCUP，可以轉換成會眾的視角瞭解大會相關的服務與指引，也歡迎有空到 TR-312 志工服務台瞭解更多 COSCUP 的理念與想法。
+:::
+
+## 贊助攤位
+
+如果您的贊助等級項目包含攤位，請注意相關事宜。
+
+- 場佈時間：2024 年 08 月 02 日，大約 13:00 過後部份教室會清空佈置為攤位模式。建議在此時段後來臺科大放置您的攤位物資。
+- 場復時間：2024 年 08 月 04 日 15:00
+- 停車場：學校的停車場委外經營，詳細的收費方式可搜尋「**CITY PARKING 城市車旅停車場 國立臺灣科技大學停車場(台科大站)**」。
+  - 短暫卸貨，建議可以將車子暫停（不熄火）在**基隆路三段 155 巷**卸貨。
+- 攤位位置：可以參考「[攤位地圖資訊](https://drive.google.com/file/d/19ggSO_tz8ozeyH9KwgJD_WAxLcEIL4kN/view)」。
+- 攤位佈置：請參考「[攤位佈置指南](https://docs.google.com/presentation/d/1Pdzt5qR_u_QkBJ2Q4hGTpcsv0HiVA_8R/)」。
+
+## 聯絡資訊
+
+如有任何疑問，可以直接聯絡大會贊助組尋求協助，也建議訂閱活動電子報，即時收到大會的活動通知。
+
+- 贊助組：[sponsorship@coscup.org](mailto:sponsorship@coscup.org)
+- 訂閱電子報：[訂閱說明](https://volunteer.coscup.org/docs/zh-TW/about_coscup/newsletters/)。
+
+## 推薦參與的活動
+
+以下是 COSCUP 在大會二日提供的服務，非常歡迎您在擺攤閒暇之餘可以參與、體驗。
+
+- 會眾服務：包含前夜派對、按摩小站、紅酒瑜伽、療癒彩繪、療癒睡眠、療癒講座、親子工作坊…等活動，提供會眾身心靈的放鬆與恢復。
+- 形象照拍攝：由大會紀錄組搭設專業的攝影棚，免費為大家拍攝專業的形象照服務。
diff --git a/eslint.config.js b/eslint.config.js
index d6a244c..dde4baa 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -13,7 +13,6 @@ export default antfu(
       'node/prefer-global/process': ['error', 'always'],
       'style/arrow-parens': ['error', 'always'],
       'style/brace-style': ['error', '1tbs'],
-      'style/no-multi-spaces': ['error', { ignoreEOLComments: true }],
       'style/operator-linebreak': ['error', 'after', { overrides: { '?': 'before', ':': 'before' } }],
       'vue/max-attributes-per-line': ['error'],
       'vue/attributes-order': ['error', { alphabetical: true }],
diff --git a/loaders/overpass.data.ts b/loaders/overpass.data.ts
index a8deefa..15518bf 100644
--- a/loaders/overpass.data.ts
+++ b/loaders/overpass.data.ts
@@ -8,21 +8,12 @@ import { defineLoader } from 'vitepress'
  * @example const geometry = await queryOverpass(['way(1159328965)'])
  */
 function queryOverpass(objects: string[]): Promise<GeoJSON.GeoJsonObject> {
-  /* eslint-disable prefer-template --
-   * string concatenation is more readable across multiple lines
-   */
-  // Build the Overpass API query
-  const query =
-    '[out:json];' +         // Set the output format to JSON
-    objects.map((object) => // For each object
-      `${object};` +        // Query the object
-      'out geom;',          // Output the geometry
-    ).join('')              // Join the queries
-  /* eslint-enable prefer-template */
+  // Query the objects' geometries
+  const queries = objects.map((object) => `${object};out geom;`)
 
   return fetch('https://overpass-api.de/api/interpreter', {
     method: 'POST',
-    body: `data=${query}`,
+    body: `data=[out:json];${queries.join('')}`,
   })
     .then((response) => response.json())
     .then(osmToGeoJSON)
@@ -36,8 +27,7 @@ interface OverpassData {
 /**
  * The geometry of the venue and its buildings.
  */
-declare const data: OverpassData
-export { data }
+export declare const data: OverpassData
 
 export default defineLoader({
   async load(): Promise<OverpassData> {