[Optimized] delete useless js (q&a) for better SEO(checkbox apply)

This commit is contained in:
barrystone 2021-01-20 15:51:57 +08:00
parent 6893ecf542
commit 7a358f5970

View File

@ -124,7 +124,7 @@
<li><span />SITCON 2021 將會有 4 軌議程同時進行不計其他議程相關活動</li>
<li><span />上述審稿方式不考慮稿件內容的難度我們以稿件是否能夠吸引人高品質適合聽眾即前述審稿方式為考量</li>
<li><span />為鼓勵投稿大會提供投稿者一組入場票邀請碼
投稿者有多個投稿亦同即為一人一組非一稿一組可優先報名參與本年會若您的稿件被接受屆時可使用講者身分入場不需要另外報名並可以將入場票邀請碼贈與他人使用邀請親朋好友共襄盛舉講者身分入場每組可獲得一張講者識別證一份午餐餐盒與一份講者專屬迎賓禮
投稿者有多個投稿亦同即為一人一組非一稿一組可優先報名參與本年會若您的稿件被接受屆時可使用講者身分入場不需要另外報名並可以將入場票邀請碼贈與他人使用邀請親朋好友共襄盛舉講者身分入場每組可獲得一張講者識別證一份午餐餐盒與一份講者專屬迎賓禮
</li>
<li><span />在截稿之前投稿者可以隨時使用投稿系統修改已投的稿件</li>
<li><span />SITCON 議程組得與投稿者討論並經同意後轉換稿件之投稿類型</li>
@ -194,18 +194,89 @@
<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">
<input class="info-qa__itemBox-input" type="checkbox" name="checkbox" :id="index">
<label class="info-qa__itemBox-title" :for="index">
<p>{{item.Q}}</p>
<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>先備知識與目標受眾有何不同</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>
<p>
目標受眾表示您預期何種人將會前來參與該場議程此欄位可能表示為與會者的興趣生活環境抑或年齡層先備知識表示對該議程有興趣者您建議須先備哪些基礎技術能力或經驗有助於了解與吸收該場議程的知識精華舉例而言若一講題為在營隊中使用虛擬貨幣則先備知識可能是沒有目標受眾可能是有想要辦營隊的人而如果是有關
Julia 程式語言的演講則先備知識可能是知道平行運算是什麼目標受眾可能是想用 Julia 做資料科學的人
</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="3">
<label class="info-qa__itemBox-title" for="3">
<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="4">
<label class="info-qa__itemBox-title" for="4">
<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="5">
<label class="info-qa__itemBox-title" for="5">
<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>
@ -214,11 +285,11 @@
</div>
</article>
</article>
</article>
<!-- 投稿注意事項 -->
</section>
</div>
</div>
</div>
</template>
@ -226,51 +297,7 @@
<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: fals
},
{
Q: '投稿主題是否有必要切合年會主題(算盤的後裔)?',
A:
'不用。審稿時僅會依照上文所述方式審查,不會因為切合主題就拿到比較高分,或因為與 主題無關就被扣分。'
// v: false
},
{
Q: '在什麼情況下,議程組會提出希望能轉換稿件之投稿類型?',
A:
'若我們認為您的稿件很優秀,但可能比較適合另一種形式,或者該形式的名額已經額滿、無法再增額時,我們會向您充分說明與溝通,並經您的同意後,轉換稿件類型。'
// v: false
},
{
Q: '如果我的稿件預計會有多個講者,投稿時需要注意什麼?',
A:
'請在「暱稱/名字」欄位標示所有講者的稱呼,並在「演講大綱」詳細說明各個講者如何分配演講內容。稿件經接受者,無論講者人數,皆只提供一組可轉贈的入場票邀請碼、一張講者識別證、一份午餐餐盒與一份講者專屬迎賓禮。未佩戴識別證的講者,僅能在自己的演講時,於該議程時段進入議程所在的會議廳。'
// v: false
},
{
Q: '如果我入選第二階段,可以提供哪些補充資料?',
A:
'您可以提供簡報檔案、講稿、演講錄音搭配簡報畫面製成影片,或是實際錄影,您可以自行決定是否提供上述的任何一項,作為補充資料。'
// v: false
},
{
Q: '還有疑問怎麼辦?',
A:
'歡迎來投稿者小聚與我們聊聊,或寄信至 session[at]sitcon.org 詢問,我們會儘速回應。'
// v: false
}
];
// 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;
// }
}
export default class Agenda extends Vue {}
</script>
<style lang="scss">