Merge branch 'dev2' of https://github.com/sitcon-tw/2021 into dev2

src/assets/image.backup/CFPBackground.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="2010" height="2900" viewBox="0 0 2010 2900"><defs><style>.a{opacity:0.6;}.b{fill:#9ccaef;}.c{fill:#9cc3ef;}.d{fill:#fff;}</style></defs><g class="a" transform="translate(89)"><path class="b" d="M0,0H120L960,540,0,120Z"/><path class="b" d="M240,0H360L960,540h0Z"/><path class="b" d="M480,0H600L960,540h0Z"/><path class="b" d="M720,0H840L960,540h0Z"/><path class="b" d="M960,0h120L960,540h0Z"/><path class="b" d="M1200,0h120L960,540h0Z"/><path class="c" d="M1440,0h120L960,540h0Z"/><path class="c" d="M1680,0h120L960,540h0Z"/><path class="b" d="M960,540l960-420V240L960,540Z"/><path class="b" d="M0,240,960,540h0L0,360Z"/><path class="b" d="M960,540l960-180V480L960,540Z"/><path class="b" d="M0,480l960,60h0L0,600Z"/><path class="b" d="M960,540l960,60V720L960,540Z"/><path class="b" d="M0,720,960,540h0L0,840Z"/><path class="b" d="M960,540l960,300V960L960,540Z"/><path class="b" d="M0,960,960,540,0,1157V960Z"/><path class="b" d="M960,540h0L0,1404V1260Z"/><path class="b" d="M960,540h0L0,1981V1620Z"/><path class="b" d="M960,540h0L436,2900H-89Z"/><path class="b" d="M960,540h0l524,2360H960Z"/><path class="b" d="M960,540h0l960,1440v719Z"/><path class="b" d="M960,540h0l960,864v215Z"/><path class="b" d="M960,540h0l960,617,1,103Z"/><path class="d" d="M120,0H240L960,540h0Z"/><path class="d" d="M360,0H480L960,540h0Z"/><path class="d" d="M600,0H720L960,540h0Z"/><path class="d" d="M840,0H960V540h0Z"/><path class="d" d="M1080,0h120L960,540h0Z"/><path class="d" d="M1320,0h120L960,540h0Z"/><path class="d" d="M1560,0h120L960,540h0Z"/><path class="d" d="M1800,0h120V120L960,540Z"/><path class="d" d="M0,120,960,540h0L0,240Z"/><path class="d" d="M960,540l960-300V360L960,540Z"/><path class="d" d="M0,360,960,540h0L0,480Z"/><path class="d" d="M960,540l960-60V600L960,540Z"/><path class="d" d="M0,600l960-60h0L0,720Z"/><path class="d" d="M960,540l960,180V840L960,540Z"/><path class="d" d="M0,840,960,540h0L0,960Z"/><path class="d" d="M960,540h0L240,1080H120Z"/><path class="d" d="M960,540h0L480,1080H360Z"/><path class="d" d="M960,540h0L720,1080H600Z"/><path class="d" d="M960,540h0v540H840Z"/><path class="d" d="M960,540h0l240,540H1080Z"/><path class="d" d="M960,540h0l480,540H1320Z"/><path class="d" d="M960,540h0l720,540H1560Z"/><path class="d" d="M960,540l960,420v120H1800Z"/><circle class="d" cx="324.5" cy="324.5" r="324.5" transform="translate(637 216)"/></g></svg>

src/assets/image.backup/sitcon-icon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="295.744" height="428.391" viewBox="0 0 295.744 428.391"><defs><style>.a{fill:#9ccaef;}.b{clip-path:url(#a);}</style><clipPath id="a"><rect class="a" width="295.744" height="428.391"/></clipPath></defs><g class="b"><path class="a" d="M63.245,13.293C88.182-5.768,117.8,1.27,117.8,1.27s-4.948,35.411-29.879,54.479S27.52,70.3,27.52,70.3A306.526,306.526,0,0,0,42.954,43.412c4.524-8.882,11.1-23.081,20.29-30.119" transform="translate(141.638 0.002)"/><path class="a" d="M44.93,12.055c-11.648-8.9-25.478-5.618-25.478-5.618s2.311,16.541,13.953,25.441,28.214,6.8,28.214,6.8-3.6-5.464-7.216-12.558c-2.108-4.155-5.182-10.788-9.472-14.07" transform="translate(100.114 30.087)"/><path class="a" d="M33.481,64.818c3.411,0,6.811.148,10.21.375C40.654,47.072,41.256,28.2,50.562,12c-16.3,13.123-24.224,33.217-28.336,53.274,3.743-.27,7.5-.455,11.255-.455" transform="translate(114.391 61.756)"/><path class="a" d="M147.872,21.579A147.875,147.875,0,1,0,295.75,169.451,147.875,147.875,0,0,0,147.872,21.579m60.422,208.294-60.422-41.583L87.456,229.873l41.577-60.422L87.456,109.035l60.416,41.583,60.422-41.583-41.589,60.416Z" transform="translate(0 111.061)"/></g></svg>

src/assets/scss/CFP/intro.scss

@@ -42,6 +42,17 @@ $fontColor: $mid-blue;
   overflow: hidden;
   padding-bottom: 0;
 }
+@media screen and (max-width: 1021px) {
+  .introduction {
+    height: 2230px;
+  }
+}
+@media screen and (max-width: 891px) {
+  .introduction {
+    height: 2200px;
+  }
+}
+
 
 // Utiliy
 #cfp-intro {
@@ -178,7 +189,7 @@ $fontColor: $mid-blue;
         align-items: flex-end;
       }
     }
-
+    
     .give-me-money {
       position: relative;
       z-index: 2;
@@ -263,6 +274,7 @@ $fontColor: $mid-blue;
 }
 
 @include sm {
+
   #cfp-intro{
     h1,
     h2,
@@ -326,8 +338,7 @@ $fontColor: $mid-blue;
   
   #cfp-intro{
     .box-back2 {
-      margin-top:-4em;
-  
+      margin-top:-2em;
       .second-box {
           transform: rotate(12deg);
           bottom: 1200px;

src/components/news/Agenda.vue

@@ -231,42 +231,42 @@ export default class Agenda extends Vue {
     {
       Q: '先備知識與目標受眾有何不同？',
       A:
-        '「目標受眾」表示您預期何種人將會前來參與該場議程，此欄位可能表示為與會者的興趣、生活環境抑或年齡層。「先備知識」表示對該議程有興趣者，您建議須先備哪些基礎技術、能力或經驗，有助於了解與吸收該場議程的知識精華。舉例而言，若一講題為「在營隊中使用虛擬貨幣」，則先備知識可能是「沒有」，目標受眾可能是「有想要辦營隊的人」。而如果是有關Julia 程式語言的演講，則先備知識可能是「知道平行運算是什麼」，目標受眾可能是「想用 Julia 做資料科學的人」。',
-    //   v: false
+        '「目標受眾」表示您預期何種人將會前來參與該場議程，此欄位可能表示為與會者的興趣、生活環境抑或年齡層。「先備知識」表示對該議程有興趣者，您建議須先備哪些基礎技術、能力或經驗，有助於了解與吸收該場議程的知識精華。舉例而言，若一講題為「在營隊中使用虛擬貨幣」，則先備知識可能是「沒有」，目標受眾可能是「有想要辦營隊的人」。而如果是有關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 詢問，我們會儘速回應。',
+        '歡迎來投稿者小聚與我們聊聊，或寄信至 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. 
+// 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;
 //   }

src/pages/News.vue

@@ -8,17 +8,17 @@
 </template>
 
 <script lang="ts">
-import { Component, Prop, Vue } from "vue-property-decorator";
-import NewsHeader from "@/components/news/Header.vue";
-import Schedule from "@/components/news/Schedule.vue";
-import Agenda from "@/components/news/Agenda.vue";
+import { Component, Prop, Vue } from 'vue-property-decorator';
+import NewsHeader from '@/components/news/Header.vue';
+import Schedule from '@/components/news/Schedule.vue';
+import Agenda from '@/components/news/Agenda.vue';
 
 @Component({
   components: {
     NewsHeader,
     Schedule,
-    Agenda,
-  },
+    Agenda
+  }
 })
 export default class News extends Vue {
   @Prop() private msg!: string;