[Merge] merge Agenda.vue agenda.scss, add relative img
This commit is contained in:
barrystone
@@ -1,209 +1,228 @@
|
||||
<template>
|
||||
<div class="info">
|
||||
<div class="info-container">
|
||||
<!-- 議程種類方塊 -->
|
||||
<div class="info-section">
|
||||
<h1>議程種類</h1>
|
||||
<div class="info-section__content">
|
||||
<div class="info-kind">
|
||||
<div class="info-kind__itemBox">
|
||||
<div class=info-kind__itemBox-title>Presentation</div>
|
||||
<div class="info-kind__itemBox-text">
|
||||
<p>Presentation 包含完整 30 分鐘的議程與 10 分鐘的問答時間，<strong>共 40
|
||||
分鐘</strong>，讓您有充分的時間展示想法、描述經歷、和與會者交流。
|
||||
</p>
|
||||
<!-- 議程種類方塊 -->
|
||||
<section class="info-section">
|
||||
<h1>議程種類</h1>
|
||||
<article class="info-section__content">
|
||||
<div class="info-kind">
|
||||
<div class="info-kind__itemBox">
|
||||
<div class=info-kind__itemBox-title>Presentation</div>
|
||||
<div class="info-kind__itemBox-text">
|
||||
<p>Presentation 包含完整 30 分鐘的議程與 10 分鐘的問答時間，<strong>共 40
|
||||
分鐘</strong>，讓您有充分的時間展示想法、描述經歷、和與會者交流。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-kind__itemBox">
|
||||
<div class="info-kind__itemBox-title">Double Espresso</div>
|
||||
<div class="info-kind__itemBox-text">
|
||||
<p>
|
||||
Double Espresso <strong>為 20 分鐘的議程</strong>，相對於僅 10 分鐘的 Espresso，讓您有餘裕補充想法、和與會者進行問答。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-kind__itemBox">
|
||||
<div class="info-kind__itemBox-title">Espresso</div>
|
||||
<div class="info-kind__itemBox-text">
|
||||
<p>
|
||||
Espresso <strong>僅有 10 分鐘</strong>，挑戰最為濃縮與精華的議程，為與會者帶來短而精緻的知識洗禮。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-kind__itemBox">
|
||||
<div class="info-kind__itemBox-title">Double Espresso</div>
|
||||
<div class="info-kind__itemBox-text">
|
||||
<p>
|
||||
Double Espresso <strong>為 20 分鐘的議程</strong>，相對於僅 10 分鐘的 Espresso，讓您有餘裕補充想法、和與會者進行問答。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-kind__itemBox">
|
||||
<div class="info-kind__itemBox-title">Espresso</div>
|
||||
<div class="info-kind__itemBox-text">
|
||||
<p>
|
||||
Espresso <strong>僅有 10 分鐘</strong>，挑戰最為濃縮與精華的議程，為與會者帶來短而精緻的知識洗禮。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 議程種類方塊 -->
|
||||
<!-- 流程 -->
|
||||
<div class="info-section">
|
||||
<h1>流程</h1>
|
||||
<div class="info-section__content">
|
||||
<p>
|
||||
本年度 SITCON
|
||||
年會將分為<strong>二階段投稿與審稿</strong>，第一階段決定是否接受稿件，第二階段安排演講廳。審稿委員於第一階段完成審稿後，將對外公告接受稿件清單，並通知投稿者提供第二階段所需之資料。SITCON
|
||||
議程組於第二階段將依照投稿者提供的資料，以及公開的人氣投票結果，安排年會當日的演講廳與時段。第二階段的資料，不影響稿件接受與否。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 流程 -->
|
||||
<!-- 投稿方式 -->
|
||||
<div class="info-section">
|
||||
<h1>投稿方式</h1>
|
||||
<div class="info-section__content">
|
||||
<p>
|
||||
稿件均經議程組形式審查，交予該領域之審稿委員審稿；審稿委員由 SITCON 工作人員、業界人士及學界人士組成。
|
||||
</p>
|
||||
<div class="info-section__content--sub">
|
||||
<h2>投稿格式</h2>
|
||||
</article>
|
||||
</section>
|
||||
<!-- 議程種類方塊 -->
|
||||
<!-- 流程 -->
|
||||
<section class="info-section">
|
||||
<h1>流程</h1>
|
||||
<article class="info-section__content">
|
||||
<p>
|
||||
各議程類型的投稿格式相同，除特別標示之資訊外，其餘僅供審稿委員於審稿時閱讀。
|
||||
<br>
|
||||
<br>
|
||||
<ul>
|
||||
<li><span /><strong>投稿類型：</strong>必填、公開。請寫明所欲投稿為何種議程類型（ Presentation 、Double Espresso、Espresso）。
|
||||
</li>
|
||||
<li><span /><strong>題目 Title：</strong>必填、公開。請不要超出 20 字。</li>
|
||||
<li><span /><strong>摘要 Abstract：</strong>必填、公開。建議含標點符號 150–250 字，使用於宣傳與網站公告。</li>
|
||||
<li><span /><strong>演講大綱 Outline：</strong>必填。請說明議程的內容大綱與時間分配。若為多位講者共同分享，請說明各個講者如何分配演講內容。</li>
|
||||
<li><span /><strong>目標受眾 Target
|
||||
Audience：</strong>必填。請說明您期待該議程的目標受眾，為怎麼樣的人。例如：「嚮往成為前端開發者的初學者」、「欲精進某技能的後端工程師」等。</li>
|
||||
<li><span /><strong>先備知識 Prior Knowledge：</strong>必填、公開。請說明該議程的與會者所需具備的先備知識。例如：「能理解 Python
|
||||
基礎語法」、「能熟練運用 Class 與
|
||||
OOP」等。
|
||||
</li>
|
||||
<li><span /><strong>詳細說明
|
||||
Description：</strong>必填。不限字數，請說明這個議程您認爲重要的相關細節，以利審稿委員更瞭解您的作品。我們強烈建議您詳細填寫此項，讓審稿委員全面且深入地了解您的稿件，增加入選機率。
|
||||
</li>
|
||||
<li><span /><strong>關鍵字 Keywords：</strong>選填、公開。請勾選與議程內容相關的關鍵字，或自行新增。</li>
|
||||
<li><span /><strong>附件 Attachment：</strong>選填。可以附上程式碼、投影片草稿或任何您認爲有助於我們瞭解您的議程的附件。</li>
|
||||
</ul>
|
||||
本年度 SITCON
|
||||
年會將分為<strong>二階段投稿與審稿</strong>，第一階段決定是否接受稿件，第二階段安排演講廳。審稿委員於第一階段完成審稿後，將對外公告接受稿件清單，並通知投稿者提供第二階段所需之資料。SITCON
|
||||
議程組於第二階段將依照投稿者提供的資料，以及公開的人氣投票結果，安排年會當日的演講廳與時段。第二階段的資料，不影響稿件接受與否。
|
||||
</p>
|
||||
</div>
|
||||
<div class="info-section__content--sub">
|
||||
|
||||
<h2>個人資料</h2>
|
||||
</article>
|
||||
</section>
|
||||
<!-- 流程 -->
|
||||
<!-- 投稿方式 -->
|
||||
<section class="info-section">
|
||||
<h1>投稿方式</h1>
|
||||
<article class="info-section__content">
|
||||
<p>
|
||||
除了暱稱/姓名被用於宣傳，其餘資訊僅需提供一人作為代表（當稿件同時有多位講者時），供議程組於聯絡時使用。
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<ul>
|
||||
<li><span /><strong>電子郵件 Email：</strong>能讓大會聯絡的電子信箱。（注意：請您在大會的聯絡過程中，維持使用相同信箱。）</li>
|
||||
<li><span /><strong>暱稱/名字 Name：</strong>公開於講者海報及網站的稱呼。</li>
|
||||
<li><span /><strong>手機號碼 Phone：</strong>用於大會聯絡、確認資訊用的電話號碼。</li>
|
||||
<li><span /><strong>其他聯絡方式 Other contact information：</strong>其他任何我們能聯絡您的方式（如 Telegram、住處電話等）。
|
||||
</li>
|
||||
</ul>
|
||||
稿件均經議程組形式審查，交予該領域之審稿委員審稿；審稿委員由 SITCON 工作人員、業界人士及學界人士組成。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 投稿方式 -->
|
||||
<!-- 審稿方式 -->
|
||||
<div class="info-section">
|
||||
<h1>審稿方式</h1>
|
||||
<div class="info-section__content">
|
||||
<p>
|
||||
審稿委員將針對以下項目進行篩選：
|
||||
<ul>
|
||||
<li><span /><strong>稿件內容：</strong>知識分享、經驗案例、想法觀點是否獨特等。</li>
|
||||
<li><span /><strong>表達能力：</strong>提供的資料是否有條理、文句暢通，以及提供資料之完整度。完整的資料能讓審稿委員更清楚了解演講細節。</li>
|
||||
<li><span /><strong>適合聽眾：</strong>稿件是否適合 SITCON 大多數的與會者。經我們評估比較小眾的議程，將可能安排在較小的演講廳。</li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
<article class="info-section__content--sub">
|
||||
<h2>投稿格式</h2>
|
||||
<p>
|
||||
各議程類型的投稿格式相同，除特別標示之資訊外，其餘僅供審稿委員於審稿時閱讀。
|
||||
<br>
|
||||
<br>
|
||||
<ul>
|
||||
<li><span /><strong>投稿類型：</strong>必填、公開。請寫明所欲投稿為何種議程類型（ Presentation 、Double Espresso、Espresso）。
|
||||
</li>
|
||||
<li><span /><strong>題目 Title：</strong>必填、公開。請不要超出 20 字。</li>
|
||||
<li><span /><strong>摘要 Abstract：</strong>必填、公開。建議含標點符號 150–250 字，使用於宣傳與網站公告。</li>
|
||||
<li><span /><strong>演講大綱 Outline：</strong>必填。請說明議程的內容大綱與時間分配。若為多位講者共同分享，請說明各個講者如何分配演講內容。</li>
|
||||
<li><span /><strong>目標受眾 Target
|
||||
Audience：</strong>必填。請說明您期待該議程的目標受眾，為怎麼樣的人。例如：「嚮往成為前端開發者的初學者」、「欲精進某技能的後端工程師」等。</li>
|
||||
<li><span /><strong>先備知識 Prior Knowledge：</strong>必填、公開。請說明該議程的與會者所需具備的先備知識。例如：「能理解 Python
|
||||
基礎語法」、「能熟練運用 Class 與
|
||||
OOP」等。
|
||||
</li>
|
||||
<li><span /><strong>詳細說明
|
||||
Description：</strong>必填。不限字數，請說明這個議程您認爲重要的相關細節，以利審稿委員更瞭解您的作品。我們強烈建議您詳細填寫此項，讓審稿委員全面且深入地了解您的稿件，增加入選機率。
|
||||
</li>
|
||||
<li><span /><strong>關鍵字 Keywords：</strong>選填、公開。請勾選與議程內容相關的關鍵字，或自行新增。</li>
|
||||
<li><span /><strong>附件 Attachment：</strong>選填。可以附上程式碼、投影片草稿或任何您認爲有助於我們瞭解您的議程的附件。</li>
|
||||
</ul>
|
||||
</p>
|
||||
</article>
|
||||
<article class="info-section__content--sub">
|
||||
|
||||
<h2>個人資料</h2>
|
||||
<p>
|
||||
除了暱稱/姓名被用於宣傳，其餘資訊僅需提供一人作為代表（當稿件同時有多位講者時），供議程組於聯絡時使用。
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<ul>
|
||||
<li><span /><strong>電子郵件 Email：</strong>能讓大會聯絡的電子信箱。（注意：請您在大會的聯絡過程中，維持使用相同信箱。）</li>
|
||||
<li><span /><strong>暱稱/名字 Name：</strong>公開於講者海報及網站的稱呼。</li>
|
||||
<li><span /><strong>手機號碼 Phone：</strong>用於大會聯絡、確認資訊用的電話號碼。</li>
|
||||
<li><span /><strong>其他聯絡方式 Other contact information：</strong>其他任何我們能聯絡您的方式（如 Telegram、住處電話等）。
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
</article>
|
||||
</article>
|
||||
</section>
|
||||
<!-- 投稿方式 -->
|
||||
<!-- 審稿方式 -->
|
||||
<!-- 投稿注意事項 -->
|
||||
</div>
|
||||
<div class="info-section">
|
||||
<h1>投稿注意事項</h1>
|
||||
<div class="info-section__content">
|
||||
<p>
|
||||
<ul>
|
||||
<li><span />SITCON 2021 採用 Google Forms 接收投稿。</li>
|
||||
<li><span />SITCON 2021 將會有 4 軌議程同時進行（不計其他議程相關活動）。</li>
|
||||
<li><span />上述審稿方式不考慮稿件內容的難度。我們以稿件是否能夠吸引人、高品質、適合聽眾（即前述審稿方式）為考量。</li>
|
||||
為鼓勵投稿，大會提供投稿者一組入場票邀請碼
|
||||
（投稿者有多個投稿亦同，即為一人一組，非一稿一組），可優先報名參與本年會。若您的稿件被接受，屆時可使用講者身分入場，不需要另外報名，並可以將入場票邀請碼贈與他人使用，邀請親朋好友共襄盛舉。講者身分入場，每組可獲得一張講者識別證、一份午餐餐盒與一份講者專屬迎賓禮。
|
||||
|
||||
<li><span />在截稿之前，投稿者可以隨時使用投稿系統修改已投的稿件。</li>
|
||||
<li><span />SITCON 議程組得與投稿者討論並經同意後，轉換稿件之投稿類型。</li>
|
||||
<li><span />無論投稿有無入選，仍然歡迎於年會當天報名其他議程相關活動！</li>
|
||||
<li><span />凡稿件經接受者，年會將頒予感謝狀以表彰投稿者之熱情付出與貢獻。</li>
|
||||
<li><span />稿件在第一階段入選後，第二階段補充資料與公開的人氣投票結果，僅作為 SITCON 議程組安排年會當日的演講廳與時段參考，最終結果仍以 SITCON 議程組公告為準。</li>
|
||||
<li><span />「議程題目」、「摘要」與「先備知識」將放置於官方網站與年會前發行的電子報中。</li>
|
||||
</ul>
|
||||
<br />
|
||||
若有任何問題或投稿建議，請 E-mail 至 SITCON 議程組信箱 session[at]sitcon.org。
|
||||
</p>
|
||||
<div class="info-section__content--sub">
|
||||
|
||||
<h2>錄影與紀錄</h2>
|
||||
<p>
|
||||
所有議程皆會錄影，若不希望被錄影與釋出，可以與議程組聯絡。<br />
|
||||
本屆 SITCON
|
||||
提供入選講者試講及彩排的機會。試講除了讓大會工作人員先行對議程內容、演講習慣有初步了解外，也可以讓講者熟悉現場流程、找出能讓簡報更生動精采的模式。彩排則讓講者熟悉現場設備環境、攝影機位置，並且測試
|
||||
Live
|
||||
Demo 情境。希望講者能夠共同參與試講及彩排，一起使年會議程品質更臻完美。
|
||||
</p>
|
||||
</div>
|
||||
<div class="info-section__content--sub">
|
||||
|
||||
|
||||
<h2>授權</h2>
|
||||
<p>
|
||||
議程錄影將在經過您的同意後，一律以 CC - BY 3.0 授權在 YouTube 釋出。
|
||||
議程相關素材，例如投影片等，將由您自行決定在何處、以何種方式釋出，或選擇不釋出，我們不會干涉。年會後，我們將向您蒐集素材連結，若您選擇釋出，我們會將連結放置在年會官方網站的議程表上。
|
||||
</p>
|
||||
</div>
|
||||
<div class="info-section__content--sub">
|
||||
|
||||
<h2>試講</h2>
|
||||
<p>
|
||||
試講提供講者在演講前有練習的機會，比照年會時間安排供講者講完整場演講，並有議程組人員提供建議（如簡報、台風等），講者可以自由參加，並自行選擇最合適的場次。若您的稿件確認入選，議程組將與您協調精確時間。
|
||||
</p>
|
||||
<p>
|
||||
所有場次將依報名情況舉辦，預計舉辦北部、中部、南部、東部場等，時間約為四月份，地點另行通知。
|
||||
補助：依照客運價格標準，補助講者至最近試講場地的全額或部分車馬費。
|
||||
</p>
|
||||
</div>
|
||||
<div class="info-section__content--sub">
|
||||
|
||||
<h2>彩排</h2>
|
||||
<section class="info-section">
|
||||
<h1>審稿方式</h1>
|
||||
<article class="info-section__content">
|
||||
<p>
|
||||
審稿委員將針對以下項目進行篩選：
|
||||
<ul>
|
||||
<li><span />日期：2021/05/28（五）。</li>
|
||||
<li><span />場地：使用場地與正式年會相同，細節將於稿件接受後通知。</li>
|
||||
<li><span />時間：一人約 5–10 分鐘。若有 Live Demo 或特殊需求，可提前與議程組安排時間。</li>
|
||||
<li><span />流程：講者操作設備，測試 Live Demo 連結及切換方式，也可以演練部分簡報內容。</li>
|
||||
<li><span />提供設備：與年會當天場地的設備相同，有麥克風、倒數計時器等。</li>
|
||||
<li><span /><strong>稿件內容：</strong>知識分享、經驗案例、想法觀點是否獨特等。</li>
|
||||
<li><span /><strong>表達能力：</strong>提供的資料是否有條理、文句暢通，以及提供資料之完整度。完整的資料能讓審稿委員更清楚了解演講細節。</li>
|
||||
<li><span /><strong>適合聽眾：</strong>稿件是否適合 SITCON 大多數的與會者。經我們評估比較小眾的議程，將可能安排在較小的演講廳。</li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
<div class="info-section__content--sub">
|
||||
|
||||
<h2>注意</h2>
|
||||
</article>
|
||||
<!-- 審稿方式 -->
|
||||
<!-- 投稿注意事項 -->
|
||||
</section>
|
||||
<section class="info-section">
|
||||
<h1>投稿注意事項</h1>
|
||||
<article class="info-section__content">
|
||||
<p>
|
||||
<ul>
|
||||
<li><span />除非內容明顯偏離講題、違反 CoC 或不符事實，我們不會強制要求講者對演講內容進行修正。</li>
|
||||
<li><span />為了維護所有講者的權利，試講時間恕不接受更改，請各位講者準時參與。</li>
|
||||
<li><span />SITCON 2021 採用 Google Forms 接收投稿。</li>
|
||||
<li><span />SITCON 2021 將會有 4 軌議程同時進行（不計其他議程相關活動）。</li>
|
||||
<li><span />上述審稿方式不考慮稿件內容的難度。我們以稿件是否能夠吸引人、高品質、適合聽眾（即前述審稿方式）為考量。</li>
|
||||
為鼓勵投稿，大會提供投稿者一組入場票邀請碼
|
||||
（投稿者有多個投稿亦同，即為一人一組，非一稿一組），可優先報名參與本年會。若您的稿件被接受，屆時可使用講者身分入場，不需要另外報名，並可以將入場票邀請碼贈與他人使用，邀請親朋好友共襄盛舉。講者身分入場，每組可獲得一張講者識別證、一份午餐餐盒與一份講者專屬迎賓禮。
|
||||
|
||||
<li><span />在截稿之前，投稿者可以隨時使用投稿系統修改已投的稿件。</li>
|
||||
<li><span />SITCON 議程組得與投稿者討論並經同意後，轉換稿件之投稿類型。</li>
|
||||
<li><span />無論投稿有無入選，仍然歡迎於年會當天報名其他議程相關活動！</li>
|
||||
<li><span />凡稿件經接受者，年會將頒予感謝狀以表彰投稿者之熱情付出與貢獻。</li>
|
||||
<li><span />稿件在第一階段入選後，第二階段補充資料與公開的人氣投票結果，僅作為 SITCON 議程組安排年會當日的演講廳與時段參考，最終結果仍以 SITCON 議程組公告為準。</li>
|
||||
<li><span />「議程題目」、「摘要」與「先備知識」將放置於官方網站與年會前發行的電子報中。</li>
|
||||
</ul>
|
||||
<br />
|
||||
若有任何問題或投稿建議，請 E-mail 至 SITCON 議程組信箱 session[at]sitcon.org。
|
||||
</p>
|
||||
</div>
|
||||
<div class="info-section__content--sub">
|
||||
<h2>Q&A</h2>
|
||||
<div class="info-qa">
|
||||
<div class="info-qa__itemBox" v-for="item,index in QA" :key="index" @click="e=>fade(index)">
|
||||
<span>Q: {{item.Q}}</span>
|
||||
<p v-if="item.v">{{item.A}}</p>
|
||||
<article class="info-section__content--sub">
|
||||
|
||||
<h2>錄影與紀錄</h2>
|
||||
<p>
|
||||
所有議程皆會錄影，若不希望被錄影與釋出，可以與議程組聯絡。<br />
|
||||
本屆 SITCON
|
||||
提供入選講者試講及彩排的機會。試講除了讓大會工作人員先行對議程內容、演講習慣有初步了解外，也可以讓講者熟悉現場流程、找出能讓簡報更生動精采的模式。彩排則讓講者熟悉現場設備環境、攝影機位置，並且測試
|
||||
Live
|
||||
Demo 情境。希望講者能夠共同參與試講及彩排，一起使年會議程品質更臻完美。
|
||||
</p>
|
||||
</article>
|
||||
<article class="info-section__content--sub">
|
||||
|
||||
|
||||
<h2>授權</h2>
|
||||
<p>
|
||||
議程錄影將在經過您的同意後，一律以 CC - BY 3.0 授權在 YouTube 釋出。
|
||||
議程相關素材，例如投影片等，將由您自行決定在何處、以何種方式釋出，或選擇不釋出，我們不會干涉。年會後，我們將向您蒐集素材連結，若您選擇釋出，我們會將連結放置在年會官方網站的議程表上。
|
||||
</p>
|
||||
</article>
|
||||
<article class="info-section__content--sub">
|
||||
|
||||
<h2>試講</h2>
|
||||
<p>
|
||||
試講提供講者在演講前有練習的機會，比照年會時間安排供講者講完整場演講，並有議程組人員提供建議（如簡報、台風等），講者可以自由參加，並自行選擇最合適的場次。若您的稿件確認入選，議程組將與您協調精確時間。
|
||||
</p>
|
||||
<p>
|
||||
所有場次將依報名情況舉辦，預計舉辦北部、中部、南部、東部場等，時間約為四月份，地點另行通知。
|
||||
補助：依照客運價格標準，補助講者至最近試講場地的全額或部分車馬費。
|
||||
</p>
|
||||
</article>
|
||||
<article class="info-section__content--sub">
|
||||
|
||||
<h2>彩排</h2>
|
||||
<p>
|
||||
<ul>
|
||||
<li><span />日期：2021/05/28（五）。</li>
|
||||
<li><span />場地：使用場地與正式年會相同，細節將於稿件接受後通知。</li>
|
||||
<li><span />時間：一人約 5–10 分鐘。若有 Live Demo 或特殊需求，可提前與議程組安排時間。</li>
|
||||
<li><span />流程：講者操作設備，測試 Live Demo 連結及切換方式，也可以演練部分簡報內容。</li>
|
||||
<li><span />提供設備：與年會當天場地的設備相同，有麥克風、倒數計時器等。</li>
|
||||
</ul>
|
||||
</p>
|
||||
</article>
|
||||
<article class="info-section__content--sub">
|
||||
|
||||
<h2>注意</h2>
|
||||
<p>
|
||||
<ul>
|
||||
<li><span />除非內容明顯偏離講題、違反 CoC 或不符事實，我們不會強制要求講者對演講內容進行修正。</li>
|
||||
<li><span />為了維護所有講者的權利，試講時間恕不接受更改，請各位講者準時參與。</li>
|
||||
</ul>
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<article class="info-section__content--sub info-section__content--sub-extend">
|
||||
<h2>Q&A</h2>
|
||||
<div class="info-qa">
|
||||
<div class="info-qa__itemBox" v-for="item,index in QA" :key="index" @click="e=>fade(index)">
|
||||
|
||||
<input class="info-qa__itemBox-input" type="checkbox" name="checkbox" :id="index">
|
||||
<label class="info-qa__itemBox-title" :for="index">
|
||||
<p>{{item.Q}}</p>
|
||||
<span class="info-qa__itemBox-checkmark">
|
||||
<div class="info-qa-icon"></div>
|
||||
</span>
|
||||
</label>
|
||||
<div class="info-qa__itemBox-text">
|
||||
<!-- <p v-if="item.v">{{item.A}}</p> -->
|
||||
<p>{{item.A}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 投稿注意事項 -->
|
||||
<div class="info-sitcon-img__box">
|
||||
<img src="../../assets/images/CFP/sitcon-img.svg" class="info-sitcon-img">
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</article>
|
||||
<!-- 投稿注意事項 -->
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
|
||||
<script lang="ts">
|
||||
import { Component, Prop, Vue } from 'vue-property-decorator';
|
||||
@Component({})
|
||||
@@ -213,43 +232,44 @@ export default class Agenda extends Vue {
|
||||
Q: '先備知識與目標受眾有何不同？',
|
||||
A:
|
||||
'「目標受眾」表示您預期何種人將會前來參與該場議程，此欄位可能表示為與會者的興趣、生活環境抑或年齡層。「先備知識」表示對該議程有興趣者，您建議須先備哪些基礎技術、能力或經驗，有助於了解與吸收該場議程的知識精華。舉例而言，若一講題為「在營隊中使用虛擬貨幣」，則先備知識可能是「沒有」，目標受眾可能是「有想要辦營隊的人」。而如果是有關Julia 程式語言的演講，則先備知識可能是「知道平行運算是什麼」，目標受眾可能是「想用 Julia 做資料科學的人」。',
|
||||
v: false
|
||||
// v: false
|
||||
},
|
||||
{
|
||||
Q: '投稿主題是否有必要切合年會主題（算盤的後裔）？',
|
||||
A:
|
||||
'不用。審稿時僅會依照上文所述方式審查，不會因為切合主題就拿到比較高分，或因為與 主題無關就被扣分。',
|
||||
v: false
|
||||
// v: false
|
||||
},
|
||||
{
|
||||
Q: '先備知識與目標受眾有何不同？',
|
||||
A:
|
||||
'若我們認為您的稿件很優秀，但可能比較適合另一種形式，或者該形式的名額已經額滿、無法再增額時，我們會向您充分說明與溝通，並經您的同意後，轉換稿件類型。',
|
||||
v: false
|
||||
// v: false
|
||||
},
|
||||
{
|
||||
Q: '如果我的稿件預計會有多個講者，投稿時需要注意什麼？',
|
||||
A:
|
||||
'請在「暱稱/名字」欄位標示所有講者的稱呼，並在「演講大綱」詳細說明各個講者如何分配演講內容。稿件經接受者，無論講者人數，皆只提供一組可轉贈的入場票邀請碼、一張講者識別證、一份午餐餐盒與一份講者專屬迎賓禮。未佩戴識別證的講者，僅能在自己的演講時，於該議程時段進入議程所在的會議廳。',
|
||||
v: false
|
||||
// v: false
|
||||
},
|
||||
{
|
||||
Q: '如果我入選第二階段，可以提供哪些補充資料？',
|
||||
A:
|
||||
'您可以提供簡報檔案、講稿、演講錄音搭配簡報畫面製成影片，或是實際錄影，您可以自行決定是否提供上述的任何一項，作為補充資料。',
|
||||
v: false
|
||||
// v: false
|
||||
},
|
||||
{
|
||||
Q: '還有疑問怎麼辦？',
|
||||
A:
|
||||
'歡迎來投稿者小聚與我們聊聊，或寄信至 session[at]sitcon.org 詢問，我們會儘速回應。',
|
||||
v: false
|
||||
// v: false
|
||||
}
|
||||
];
|
||||
|
||||
private fade = (index: number) => {
|
||||
this.QA[index].v = !this.QA[index].v;
|
||||
}
|
||||
//I am already using checkbox in CSS with better approach and SEO, we don't need to use JS in there.
|
||||
//I am comment all relative js for js approach.
|
||||
// private fade = (index: number) => {
|
||||
// this.QA[index].v = !this.QA[index].v;
|
||||
// }
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user