<template>
        <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>
                        </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>
                    <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>
                </div>
                <div 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>
                </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>
            <!--    審稿方式         -->
            <!--    投稿注意事項     -->
        </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>
                    <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>
                </div>
                <div class="info-section__content--sub">

                    <h2>注意</h2>
                    <p>
                    <ul>
                        <li><span />除非內容明顯偏離講題、違反 CoC 或不符事實，我們不會強制要求講者對演講內容進行修正。</li>
                        <li><span />為了維護所有講者的權利，試講時間恕不接受更改，請各位講者準時參與。</li>
                    </ul>
                    </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>    
                        </div>
                    </div>
                </div>
            </div>
            <!--    投稿注意事項     -->
        </div>
    </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
@Component({})
export default class Agenda extends Vue {
  private QA = [
      {
          Q: '先備知識與目標受眾有何不同？',
          A: '「目標受眾」表示您預期何種人將會前來參與該場議程，此欄位可能表示為與會者的興趣、生活環境抑或年齡層。「先備知識」表示對該議程有興趣者，您建議須先備哪些基礎技術、能力或經驗，有助於了解與吸收該場議程的知識精華。舉例而言，若一講題為「在營隊中使用虛擬貨幣」，則先備知識可能是「沒有」，目標受眾可能是「有想要辦營隊的人」。而如果是有關Julia 程式語言的演講，則先備知識可能是「知道平行運算是什麼」，目標受眾可能是「想用 Julia 做資料科學的人」。',
          v: false
      },
      {
          Q: '投稿主題是否有必要切合年會主題（算盤的後裔）？',
          A: '不用。審稿時僅會依照上文所述方式審查，不會因為切合主題就拿到比較高分，或因為與 主題無關就被扣分。',
          v: false
      },
      {
          Q: '先備知識與目標受眾有何不同？',
          A: '若我們認為您的稿件很優秀，但可能比較適合另一種形式，或者該形式的名額已經額滿、無法再增額時，我們會向您充分說明與溝通，並經您的同意後，轉換稿件類型。',
          v: false
      },
      {
          Q: '如果我的稿件預計會有多個講者，投稿時需要注意什麼？',
          A: '請在「暱稱/名字」欄位標示所有講者的稱呼，並在「演講大綱」詳細說明各個講者如何分配演講內容。稿件經接受者，無論講者人數，皆只提供一組可轉贈的入場票邀請碼、一張講者識別證、一份午餐餐盒與一份講者專屬迎賓禮。未佩戴識別證的講者，僅能在自己的演講時，於該議程時段進入議程所在的會議廳。',
          v: false
      },
      {
          Q: '如果我入選第二階段，可以提供哪些補充資料？',
          A: '您可以提供簡報檔案、講稿、演講錄音搭配簡報畫面製成影片，或是實際錄影，您可以自行決定是否提供上述的任何一項，作為補充資料。',
          v: false
      },
      {
          Q: '還有疑問怎麼辦？',
          A: '歡迎來投稿者小聚與我們聊聊，或寄信至 session[at]sitcon.org 詢問，我們會儘速回應。',
          v: false
      }
  ];

  private fade = (index: number) => {
      this.QA[index].v = !this.QA[index].v;
  }

}
</script>

<style lang="scss">
@import '@/assets/scss/CFP/agenda.scss';
</style>
