COSCUP · mirumodapon · Jul 9, 2026
diff --git a/app/components/content/Danger.vue b/app/components/content/Danger.vue
diff --git a/app/components/content/Info.vue b/app/components/content/Info.vue
diff --git a/app/components/content/Notification.vue b/app/components/content/Notification.vue
@@ -0,0 +1,27 @@
+<script setup lang="ts">
+const { type = 'info', title } = defineProps<{
+  type?: 'tip' | 'info' | 'warning' | 'danger'
+  title?: string
+}>()
+
+const variantClasses: Record<string, string> = {
+  tip: 'text-green-900 border-cp-green bg-green-50',
+  info: 'text-primary-800 border-primary-400 bg-primary-50',
+  warning: 'text-yellow-950 border-yellow-500 bg-yellow-50',
+  danger: 'text-red-950 border-red-500 bg-red-50',
+}
+</script>
+
+<template>
+  <aside :class="['text-sm my-4 px-4 py-3 border-l-4 rounded', variantClasses[type]]">
+    <p
+      v-if="title"
+      class="font-bold my-0"
+    >
+      {{ title }}
+    </p>
+    <div class="[&>:first-child]:mt-0 [&>:last-child]:mb-0">
+      <slot />
+    </div>
+  </aside>
+</template>
diff --git a/app/components/content/Tip.vue b/app/components/content/Tip.vue
diff --git a/app/components/content/Warning.vue b/app/components/content/Warning.vue
diff --git a/content/en/about.md b/content/en/about.md
@@ -5,7 +5,7 @@ description: Get to know COSCUP — Taiwan's largest open source community confe
 
 # About Us
 
-::info{title="COSCUP Code of Conduct"}
+::notification{type="info" title="COSCUP Code of Conduct"}
 To ensure all participants can engage in a safe and inclusive environment, we have established a Code of Conduct.\
 Please read: [COSCUP Code of Conduct](https://hackmd.io/@coscup/cococo-en)
 ::

diff --git a/content/en/participate/activity.md b/content/en/participate/activity.md
@@ -22,7 +22,7 @@ COSCUP is usually spread across multiple buildings. Using the 2025 layout as an
 
 You can move between the three venue areas through the basketball court, tennis court, and campus paths. If you get lost, follow the onsite signs or ask staff for help.
 
-:::info{title="Conference Information"}
+:::notification{type="info" title="Conference Information"}
 
 - Venue map information: <span style="color:#000;background:#ff0;">[Coming soon. Stay tuned 07/25]</span>
 

diff --git a/content/en/participate/first-time.md b/content/en/participate/first-time.md
@@ -21,7 +21,7 @@ Before the event, we recommend that you:
 4. Prepare business cards, stickers, a community introduction, or links to personal projects so you can exchange information with new people.
 5. If you are coming to Taiwan from overseas, read [For Overseas Visitors](/en/participate/oversea) first to check visas, entry requirements, internet access, payments, and transportation cards.
 
-:::info{title="Overseas Visitors"}
+:::notification{type="info" title="Overseas Visitors"}
 
 If you are coming to COSCUP from outside Taiwan, please refer to [For Overseas Visitors](/en/participate/oversea) for visa, entry, accommodation, payment, transportation, food restriction, and City Tour information.
 

diff --git a/content/en/participate/open-source-community.md b/content/en/participate/open-source-community.md
@@ -218,7 +218,7 @@ If your Booth distributes food or other edible items, please label the following
 - Gluten status
 - Beef / pork / lamb
 
-:::info{title="Booth Equipment"}
+:::notification{type="info" title="Booth Equipment"}
 
 - Tables and chairs are usually provided. The size and quantity depend on the announcement for the year.
 - 110V power outlets may be provided. Large electrical appliances with instantaneous power over 330 W may not be used without permission.
@@ -242,7 +242,7 @@ Recommended flyer sizes:
 - A5: suitable for community introductions, project introductions, or folded brochures.
 - A6: suitable for activity promotion, surveys, short-term QR Codes, or sticker exchange information.
 
-:::warning{title="Posting Restrictions"}
+:::notification{type="warning" title="Posting Restrictions"}
 
 Except for boards provided by COSCUP, please do not post documents anywhere else in the venue.
 

diff --git a/content/en/participate/oversea.md b/content/en/participate/oversea.md
@@ -62,7 +62,7 @@ When riding a bicycle, pay attention to road conditions, keep to the side, or us
 
 We recommend choosing accommodation with convenient access to Gongguan, NTU, Taiwan Tech, or stations along the MRT Green Line. If you want to join the Welcome Party, BoF, or Fringe Events during the event period, you can also consider areas with convenient transfers such as Taipei Main Station, Gongguan, Guting, Chiang Kai-shek Memorial Hall, and Dongmen.
 
-:::tip{title="Toiletries Reminder"}
+:::notification{type="tip" title="Toiletries Reminder"}
 
 Under Taiwan law, accommodation providers no longer provide disposable toiletries. We strongly recommend bringing your own toothbrush, slippers, razor, and other personal items.
 
@@ -255,7 +255,7 @@ In most situations, you can ask people nearby for help in English or by using a
 
 If someone brings you to a convenience store after reading the note, please stay there and wait. COSCUP will try to contact the convenience store after receiving the email.
 
-:::info{title="給協助者看的中文紙條"}
+:::notification{type="info" title="給協助者看的中文紙條"}
 
 當您看到這個紙條表示你面前的這位朋友遇到麻煩需要協助，您是否可以開啟翻譯軟體簡單溝通問題。
 

diff --git a/content/en/participate/welcome-party.md b/content/en/participate/welcome-party.md
@@ -30,7 +30,7 @@ The Welcome Party is a warm-up gathering on the evening before COSCUP. Whether o
 
 No registration is required. Please come directly to the venue. There is no minimum spend at the Welcome Party, but we still recommend purchasing an all-you-can-drink ticket to support the event. The drink ticket includes non-alcoholic beverages and helps cover the venue cost. Simple food will be available onsite so everyone can have something to eat.
 
-:::tip{title="Can I bring outside food?"}
+:::notification{type="tip" title="Can I bring outside food?"}
 
 Yes. COSCUP has confirmed with the venue that outside food is allowed. You can bring fried chicken, egg tarts, braised snacks, stinky tofu, or anything else you would like to share.
 
@@ -91,7 +91,7 @@ There is more space beyond the front area. You are welcome to chat behind the bi
 
 The Welcome Party is scheduled to end at 21:30 UTC+8. After the event, you can continue the evening at the nearby [Huashan 1914 Creative Park](https://www.google.com/maps/search/%E8%8F%AF%E5%B1%B11914%E6%96%87%E5%89%B5%E5%9C%92%E5%8D%80), or visit our community partner [MozTW Space](https://moztw.org/space/).
 
-:::info{title="After-party Activities by Open Source Communities"}
+:::notification{type="info" title="After-party Activities by Open Source Communities"}
 
 Some Taiwan open source communities may also prepare after-party activities on the event day. We recommend asking people onsite where they are going next and joining directly.
 

diff --git a/content/zh/about.md b/content/zh/about.md
@@ -5,7 +5,7 @@ description: 認識 COSCUP——臺灣最大的開源社群年會——以及我
 
 # 認識我們
 
-::info{title="COSCUP 行為準則"}
+::notification{type="info" title="COSCUP 行為準則"}
 為了確保所有參與者都能在安全、包容的環境中參與活動，我們制定了行為準則。\
 請詳閱：[COSCUP 行為準則](https://hackmd.io/@coscup/cococo-zh)
 ::

diff --git a/content/zh/participate/activity.md b/content/zh/participate/activity.md
@@ -22,7 +22,7 @@ COSCUP 會場通常分布在多個建築物。以 2025 年安排為例，RB 除
 
 三個會場之間可經過籃球場、網球場與校園步道移動。若迷路，可以注意現場指引，或詢問志工夥伴。
 
-:::info{title="大會資訊"}
+:::notification{type="info" title="大會資訊"}
 
 - 請參考會場地圖資訊頁面：[https://coscup.org/2026/venue](https://coscup.org/2026/venue)
 

diff --git a/content/zh/participate/first-time.md b/content/zh/participate/first-time.md
@@ -21,7 +21,7 @@ COSCUP 是由開源社群與志工共同籌辦的年度開源人年會。自 202
 4. 準備名片、貼紙、社群簡介或個人專案連結，方便與新朋友交換資訊。
 5. 若從臺灣以外地區來臺，請先閱讀[海外參與者](/participate/oversea)，確認簽證、入境、網路、付款方式與交通卡。
 
-:::info{title="海外參與者提醒"}
+:::notification{type="info" title="海外參與者提醒"}
 
 若你是從臺灣以外地區來參與 COSCUP，簽證、入境、住宿、付款、交通、飲食限制與城市導覽 (City Tour) 資訊請參考[海外參與者](/participate/oversea)。
 

diff --git a/content/zh/participate/open-source-community.md b/content/zh/participate/open-source-community.md
@@ -216,7 +216,7 @@ COSCUP 兩日活動會聚集大量參與者，社群攤位是招募夥伴、倡
 - 有無麩質
 - 牛／豬／羊
 
-:::info{title="攤位提供設備"}
+:::notification{type="info" title="攤位提供設備"}
 
 - 通常會提供桌子與椅子，尺寸與數量依當年度公告為準。
 - 可能提供 110V 電力插座，請注意總消耗功率限制。
@@ -240,7 +240,7 @@ COSCUP 兩日活動會聚集大量參與者，社群攤位是招募夥伴、倡
 - A5：適合社群簡介、專案介紹或折頁文宣。
 - A6：適合活動宣傳、問卷、短期 QRCode 或貼紙交換資訊。
 
-:::warning{title="張貼限制"}
+:::notification{type="warning" title="張貼限制"}
 
 除大會提供的看板外，請不要在場地其他地方張貼文件。
 

diff --git a/content/zh/participate/oversea.md b/content/zh/participate/oversea.md
@@ -62,7 +62,7 @@ COSCUP 主要會場位於國立臺灣科技大學。前往會場、機場往返
 
 建議選擇交通能方便抵達公館、臺大、臺科大或捷運綠線沿線的住宿。若活動期間想參與前夜派對、BoF 或周邊活動，也可考慮住在臺北車站、公館、古亭、中正紀念堂、東門等交通轉乘較方便的區域。
 
-:::tip{title="住宿備品提醒"}
+:::notification{type="tip" title="住宿備品提醒"}
 
 根據臺灣法令，住宿業者不再提供一次性盥洗用品。我們強烈建議您自行攜帶牙刷、拖鞋、刮鬍刀等個人用品。
 
@@ -255,7 +255,7 @@ In most situations, you can ask people nearby for help in English or by using a
 
 If someone brings you to a convenience store after reading the note, please stay there and wait. COSCUP will try to contact the convenience store after receiving the email.
 
-:::info{title="給協助者看的中文紙條"}
+:::notification{type="info" title="給協助者看的中文紙條"}
 
 當您看到這個紙條表示你面前的這位朋友遇到麻煩需要協助，您是否可以開啟翻譯軟體簡單溝通問題。
 

diff --git a/content/zh/participate/welcome-party.md b/content/zh/participate/welcome-party.md
@@ -30,7 +30,7 @@ description: "COSCUP 2026 前夜派對資訊：時間、地點、酒券、報到
 
 不用報名，請直接前往。前夜派對沒有低消，但我們仍然推薦您購買暢飲券來支持前夜派對。暢飲券包含無酒精飲料，也會協助我們折抵場地費用。現場會有一些簡單餐點，讓大家可以稍微填補肚子。
 
-:::tip{title="可以攜帶外食嗎？"}
+:::notification{type="tip" title="可以攜帶外食嗎？"}
 
 可以。大會已與場地方確認可攜帶外食，因此你可以帶炸雞、蛋塔、滷味、臭豆腐或其他想分享的食物一起來。
 
@@ -91,7 +91,7 @@ description: "COSCUP 2026 前夜派對資訊：時間、地點、酒券、報到
 
 前夜派對預計到 21:30 UTC+8。活動結束後，也可以到對面的[華山 1914 文創園區](https://www.google.com/maps/search/%E8%8F%AF%E5%B1%B11914%E6%96%87%E5%89%B5%E5%9C%92%E5%8D%80)續攤，或拜訪社群夥伴 [MozTW 摩茲工寮](https://moztw.org/space/)。
 
-:::info{title="開源社群的續攤活動"}
+:::notification{type="info" title="開源社群的續攤活動"}
 
 活動當天也可能有臺灣各開源社群準備的續攤活動。建議可以在現場問問大家接下來要去哪裡，直接加入參與。