<template>
    <div class="info">
        <div class="info-container">
            <!--    投稿方式         -->
            <section class="info-section" id="methods">
                <h1>投稿格式</h1>
                <article class="info-section__content">
                    <p>
                        除有特別標示會公布的資料外，其餘則只會供審稿委員閱讀。
                    </p>
                    <article class="info-section__content--sub">
                        <h2>投稿格式</h2>
                        <p>
                            各議程類型的投稿格式相同，除特別標示之資訊外，其餘僅供審稿委員於審稿時閱讀。
                            <br>
                            <br>
                        <ul>
                            <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>附件 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>
            <!--    投稿方式         -->
            <!--    審稿方式         -->
            <section class="info-section" id="review">
                <h1>審稿方式</h1>
                <article class="info-section__content">
                    <p>
                        審稿委員將針對以下項目進行篩選：
                    <ul>
                        <li><span /><strong>稿件內容：</strong>包含的知識分享、經驗案例、想法觀點是否獨特等。</li>
                        <li><span /><strong>表達能力：</strong>提供的資料是否有條理、文句暢通，提供資料（尤其是稿件的詳細說明）之完整度。我們偏好完整的資料，讓審稿委員更清楚了解演講細節。</li>
                        <li><span /><strong>適合聽眾：</strong>稿件是否適合 SITCON 大多數的與會者討論。</li>
                    </ul>
                    </p>
                </article>
                <!--    審稿方式         -->
                <!--    投稿注意事項     -->
            </section>
            <section class="info-section" id="precautions">
                <h1>投稿注意事項</h1>
                <article class="info-section__content">
                    <p>
                    <ul>
                        <li><span />SITCON 2021 採用 Google Forms 接收投稿。</li>
                        <li><span />議程時間長度以 40 分鐘為原則。</li>
                        <li><span />除了開放式議程外，同一時間將有 3 至 4 軌一般議程同時進行。</li>
                        <li><span />上述審稿方式不考慮稿件內容的技術難度，我們仍以稿件是否能夠吸引人、高品質、適合與會者（即上述篩選方式）為考量。</li>
                        <li><span />為鼓勵投稿，大會提供投稿者一組入場票邀請碼
                            （投稿者有多個投稿亦同，即為一人一組，非一稿一組），可優先報名參與本年會。若您的稿件被接受，屆時可使用講者身分入場，不需要另外報名，並可以將入場票邀請碼贈與他人使用，邀請親朋好友共襄盛舉。講者身分入場，每組可獲得一張講者識別證、一份午餐餐盒與一份講者專屬迎賓禮。
                        </li>
                        <li><span />在截稿之前，投稿者可以隨時使用投稿系統修改已投的稿件。</li>
                        <li><span />SITCON 議程組得與投稿者討論並經同意後，轉換稿件之投稿類型。</li>
                        <li><span />無論投稿有無入選，仍然歡迎於年會當天報名其他議程相關活動！</li>
                        <li><span />凡稿件經接受者，年會將頒予感謝狀以表彰投稿者之熱情付出與貢獻。</li>
                        <li><span />「議程題目」、「摘要」與「先備知識」將放置於官方網站與年會前發行的電子報中。</li>
                    </ul>
                    <br />
                    若有任何問題或投稿建議，請 E-mail 至 SITCON 議程組信箱 session[at]sitcon.org。
                    </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 info-section__content--sub-extend">
                        <h2>Q&A</h2>
                        <div class="info-qa">
                            <div class="info-qa__itemBox">
                                <input class="info-qa__itemBox-input" type="checkbox" name="checkbox" id="1">
                                <label class="info-qa__itemBox-title" for="1">
                                    <p>我想在開放式議程嘗試 XXX 可以嗎？</p>
                                    <span class="info-qa__itemBox-checkmark">
                                        <div class="info-qa-icon"></div>
                                    </span>
                                </label>
                                <div class="info-qa__itemBox-text">
                                    <p>
                                        原則上只要是跳脫傳統演講形式，以雙向互動為主的議程進行方式都是可以的，但必須遵守 CoC，且建議議程以知識與想法交流為優先。
                                    </p>
                                </div>
                            </div>
                            <div class="info-qa__itemBox">
                                <input class="info-qa__itemBox-input" type="checkbox" name="checkbox" id="2">
                                <label class="info-qa__itemBox-title" for="2">
                                    <p>先備知識與目標受眾有何不同？</p>
                                    <span class="info-qa__itemBox-checkmark">
                                        <div class="info-qa-icon"></div>
                                    </span>
                                </label>
                                <div class="info-qa__itemBox-text">
                                    <p>
                                        .....
                                    </p>
                                </div>
                            </div>
                            <div class="info-qa__itemBox">
                                <input class="info-qa__itemBox-input" type="checkbox" name="checkbox" id="6">
                                <label class="info-qa__itemBox-title" for="6">
                                    <p>還有疑問怎麼辦？</p>
                                    <span class="info-qa__itemBox-checkmark" type="radio" name="radio" id="6">
                                        <div class="info-qa-icon"></div>
                                    </span>
                                </label>
                                <div class="info-qa__itemBox-text">
                                    <p>
                                        歡迎來投稿者小聚與我們聊聊，或寄信至 session[at]sitcon.org 詢問，我們會儘速回應。
                                    </p>
                                </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>   
</template>



<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
@Component({})
export default class Agenda extends Vue {}
</script>

<style lang="scss">
@import "@/assets/scss/news/agenda";
</style>
