fix: update import path for Code of Conduct component in submission p…

…ages
sitcon-tw · Nov 18, 2024 · 1f12808 · 1f12808
1 parent cbbde68
commit 1f12808
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 29 deletions.
diff --git a/app/(cfp)/(submission)/normal/page.tsx b/app/(cfp)/(submission)/normal/page.tsx
@@ -1,35 +1,35 @@
 import Image from "next/image";
-import CodeOfConduct from "../_components/code-of-conduct";
 import Countdown from "../_components/countdown";
 import Timeline from "../_components/timeline";
 import PresentationIcon from "../../_assets/presentation.svg";
 import EspressoIcon from "../../_assets/espresso.svg";
+import CodeOfConduct from "../../_components/code-of-conduct";
 
 export default function Page() {
   return (
-    <div className="text-normal-mobile md:text-normal">
-      <h1 className="text-h1-mobile md:text-h1">一般議程徵稿</h1>
-      <div className="hidden md:block">
+    <div className="md:text-normal text-normal-mobile">
+      <h1 className="md:text-h1 text-h1-mobile">一般議程徵稿</h1>
+      <div className="md:block hidden">
         <Countdown />
       </div>
       <div className="md:mb-16">
-        <h2 className="text-h2-mobile md:text-h2">重要時程</h2>
+        <h2 className="md:text-h2 text-h2-mobile">重要時程</h2>
         <Timeline />
       </div>
       <div className="md:mb-16">
-        <h2 className="text-h2-mobile md:text-h2">議程種類</h2>
-        <div className="mb-6 mt-4 grid grid-rows-2 gap-3 lg:grid-cols-2 lg:grid-rows-1">
-          <div className="flex flex-col items-center rounded-lg border bg-white p-6 text-orange md:border-orange md:bg-light-brown">
+        <h2 className="md:text-h2 text-h2-mobile">議程種類</h2>
+        <div className="lg:grid-cols-2 lg:grid-rows-1 mb-6 mt-4 grid grid-rows-2 gap-3">
+          <div className="md:border-orange md:bg-light-brown flex flex-col items-center rounded-lg border bg-white p-6 text-orange">
             <Image priority src={PresentationIcon} alt="PRESENTATION" />
-            <h3 className="text-h3-mobile md:text-h3">Presentation</h3>
+            <h3 className="md:text-h3 text-h3-mobile">Presentation</h3>
             <p>
               Presentation 共 40 分鐘，包含完整 30 分鐘的議程與 10
               分鐘的問答時間，讓您有充分的時間展示想法、描述經歷、和與會者交流。
             </p>
           </div>
-          <div className="flex flex-col items-center rounded-lg border bg-white p-6 text-red md:border-red md:bg-light-brown">
+          <div className="md:border-red md:bg-light-brown flex flex-col items-center rounded-lg border bg-white p-6 text-red">
             <Image priority src={EspressoIcon} alt="PRESENTATION" />
-            <h3 className="text-h3-mobile md:text-h3">Espresso</h3>
+            <h3 className="md:text-h3 text-h3-mobile">Espresso</h3>
             <p>
               Espresso 僅有 10
               分鐘，挑戰最為濃縮與精華的議程，為與會者帶來短而精緻的知識洗禮。
@@ -38,28 +38,28 @@ export default function Page() {
         </div>
       </div>
       <div className="md:mb-16">
-        <h2 className="text-h2-mobile md:text-h2">投稿主題範例</h2>
+        <h2 className="md:text-h2 text-h2-mobile">投稿主題範例</h2>
         <p>
           SITCON
           作為學生展現自己的舞台，我們特別期待以學生為主體的稿件，例如：從學生角度出發的經驗分享、技術分享，專題研究成果、獨立研究甘苦談，或探討學生相關議題等等。
           不論是以技術探討形式，或輕鬆的分享方式，任何與資訊科技、電腦技術相關的講題，我們都非常歡迎投稿！
           除此之外，您也可以透過參與投稿者小聚或前往 SITCON
           歷年網站（2013、2014、2015、2016、2017、2018、2019、2020、2021、2022、2024）查看過去的議程。
         </p>
-        <h3 className="text-h3-mobile md:text-h3">PRESENTATION</h3>
+        <h3 className="md:text-h3 text-h3-mobile">PRESENTATION</h3>
         <p>
           Presentation 包含完整 30 分鐘的議程與 10 分鐘的問答時間，共 40
           分鐘，讓您有充分的時間展示想法、描述經歷、和與會者交流。
         </p>
-        <h3 className="text-h3-mobile md:text-h3">ESPRESSO</h3>
+        <h3 className="md:text-h3 text-h3-mobile">ESPRESSO</h3>
         <p>
           Espresso 僅有 10
           分鐘，挑戰最為濃縮與精華的議程，為與會者帶來短而精緻的知識洗禮。
         </p>
       </div>
       <div className="md:mb-16">
-        <h2 className="text-h2-mobile md:text-h2">投稿方式</h2>
-        <h3 className="text-h3-mobile md:text-h3">稿件資訊</h3>
+        <h2 className="md:text-h2 text-h2-mobile">投稿方式</h2>
+        <h3 className="md:text-h3 text-h3-mobile">稿件資訊</h3>
         <ul className="list-inside list-disc">
           <li>
             投稿類型
@@ -102,7 +102,7 @@ export default function Page() {
             Attachment：選填。可以附上程式碼、投影片草稿或任何您認為有助於我們瞭解您議程的附件，請再三確認是否有開啟共用權限。
           </li>
         </ul>
-        <h3 className="text-h3-mobile md:text-h3">個人資料</h3>
+        <h3 className="md:text-h3 text-h3-mobile">個人資料</h3>
         <p>
           除了暱稱 /
           名字、自我介紹被用於宣傳，其餘資訊僅需提供一人作為代表（當稿件同時有多位講者時），供議程組於聯絡時使用。
@@ -126,7 +126,7 @@ export default function Page() {
         </ul>
       </div>
       <div className="md:mb-16">
-        <h2 className="text-h2-mobile md:text-h2">審稿方式</h2>
+        <h2 className="md:text-h2 text-h2-mobile">審稿方式</h2>
         <p>
           稿件均經議程組形式審查，交予該領域之審稿委員審稿。審稿委員由 SITCON
           工作人員、業界人士及學界人士組成。

diff --git a/app/(cfp)/(submission)/poster/page.tsx b/app/(cfp)/(submission)/poster/page.tsx
@@ -1,7 +1,7 @@
 import Link from "next/link";
 import Countdown from "../_components/countdown";
 import Timeline from "../_components/timeline";
-import CodeOfConduct from "../_components/code-of-conduct";
+import CodeOfConduct from "../../_components/code-of-conduct";
 
 export default function Page() {
   return (

diff --git a/app/(cfp)/_components/code-of-conduct.tsx b/app/(cfp)/_components/code-of-conduct.tsx
@@ -3,10 +3,10 @@ export default function CodeOfConduct() {
   return (
     <div className="space-y-16">
       <section className="space-y-4">
-        <h2 className="text-h2-mobile font-extrabold md:text-h2">
+        <h2 className="md:text-h2 text-h2-mobile font-extrabold">
           CODE OF CONDUCT
         </h2>
-        <p className="text-normal-mobile font-normal leading-loose tracking-wider md:text-normal">
+        <p className="md:text-normal text-normal-mobile font-normal leading-loose tracking-wider">
           SITCON
           歡迎不同身分、來自不同背景的與會者，我們鼓勵女性、性少數與多元背景的參與者。為了讓大家都能愉快地參加
           SITCON，我們要求所有參與者閱讀年會的{" "}
@@ -21,11 +21,11 @@ export default function CodeOfConduct() {
       </section>
 
       <section className="space-y-4">
-        <h2 className="text-h2-mobile font-extrabold md:text-h2">
+        <h2 className="md:text-h2 text-h2-mobile font-extrabold">
           投稿注意事項
         </h2>
         <div>
-          <ul className="ml-2 text-normal-mobile font-normal leading-loose tracking-wider md:text-normal [&>li]:relative [&>li]:pl-4 before:[&>li]:absolute before:[&>li]:left-0 before:[&>li]:top-[0.8em] before:[&>li]:-translate-y-[1em] before:[&>li]:text-xl before:[&>li]:content-['.']">
+          <ul className="md:text-normal ml-2 text-normal-mobile font-normal leading-loose tracking-wider [&>li]:relative [&>li]:pl-4 before:[&>li]:absolute before:[&>li]:left-0 before:[&>li]:top-[0.8em] before:[&>li]:-translate-y-[1em] before:[&>li]:text-xl before:[&>li]:content-['.']">
             <li>
               除非內容明顯偏離講題、違反 CoC
               或不符事實，我們不會強制要求講者對演講內容進行修正。
@@ -53,16 +53,16 @@ export default function CodeOfConduct() {
               名字」欄位標示所有講者的稱呼，並在「演講大綱」詳細說明各個講者如何分配演講內容。稿件經接受者，無論講者人數，皆只提供一組可轉贈的入場票邀請碼、一份講者識別證與一份講者專屬迎賓禮，大會方保有最終發放之權力。未佩戴識別證的講者，僅能在自己的演講時，於該議程時段進入議程所在的會議廳。
             </li>
           </ul>
-          <p className="text-normal-mobile font-normal leading-loose tracking-wider md:text-normal">
+          <p className="md:text-normal text-normal-mobile font-normal leading-loose tracking-wider">
             若有任何問題或投稿建議，請來信 SITCON 議程組信箱
             [email protected]。
           </p>
         </div>
       </section>
 
       <section className="space-y-4">
-        <h2 className="text-h2-mobile font-extrabold md:text-h2">授權</h2>
-        <p className="text-normal-mobile font-normal leading-loose tracking-wider md:text-normal">
+        <h2 className="md:text-h2 text-h2-mobile font-extrabold">授權</h2>
+        <p className="md:text-normal text-normal-mobile font-normal leading-loose tracking-wider">
           投稿作者同意以{" "}
           <Link
             href={"https://creativecommons.org/licenses/by/4.0/"}
@@ -76,8 +76,8 @@ export default function CodeOfConduct() {
       </section>
 
       <section className="space-y-4">
-        <h2 className="text-h2-mobile font-extrabold md:text-h2">試講</h2>
-        <p className="text-normal-mobile font-normal leading-loose tracking-wider md:text-normal">
+        <h2 className="md:text-h2 text-h2-mobile font-extrabold">試講</h2>
+        <p className="md:text-normal text-normal-mobile font-normal leading-loose tracking-wider">
           請以直版寬841 mm、高 1189 mm （A0 大小）規格製作為 pdf
           檔案，一篇投稿一面看板，請於收到錄取通知後依據郵件說明上傳最終版海報檔案，統一由大會進行印製與佈展。
           <br />
@@ -86,7 +86,7 @@ export default function CodeOfConduct() {
       </section>
 
       <section className="space-y-4">
-        <h2 className="text-h2-mobile font-extrabold md:text-h2">Q&A</h2>
+        <h2 className="md:text-h2 text-h2-mobile font-extrabold">Q&A</h2>
         <div className="rounded-full bg-light-brown px-6 py-4 text-red">
           Q1. Placeholder
         </div>