diff --git a/src/App.vue b/src/App.vue index 1cfacd9..e9431a6 100644 --- a/src/App.vue +++ b/src/App.vue @@ -41,14 +41,16 @@ export default class App extends Vue { } } - public isRoot(): boolean { + public isRoot (): boolean { if ( - this.$route.name == "CFP" || - this.$route.name === "news" || - this.$route.name === "ocfp-news" - ) + this.$route.name === 'CFP' || + this.$route.name === 'news' || + this.$route.name === 'ocfp-news' + ) { return false; - else return true; + } else { + return true; + } } private detectDeviceType (mq: (MediaQueryList | MediaQueryListEvent)): void { diff --git a/src/assets/images/teams/dev.svg b/src/assets/images/teams/dev.svg new file mode 100644 index 0000000..f42c751 --- /dev/null +++ b/src/assets/images/teams/dev.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/scss/agenda.scss b/src/assets/scss/agenda.scss index fa90a36..8f5fe4a 100644 --- a/src/assets/scss/agenda.scss +++ b/src/assets/scss/agenda.scss @@ -1,23 +1,65 @@ @import './breakpoint'; @import './color'; -$fontFamily: "Noto Serif CJK TC -Black"; +$fontFamily: "Noto Serif CJK TC -SemiBold"; +$fontFamilyVote: "Noto Serif CJK TC -Black"; + +@mixin RWDFontSize { + font-size: 14pt; + @media screen and (max-width: $max-width-medium-0) { + font-size: 12pt; + } + @media screen and (max-width: $max-width-small-0) { + font-size: 10pt; + } + @media screen and (max-width: $max-width-small-2) { + font-size: 8pt + } +} +@mixin RWDWidth { + max-width: 80%; + @media screen and (max-width: $max-width-medium-0) { + max-width: 85%; + } + @media screen and (max-width: $max-width-small-0) { + max-width: 85%; + } + @media screen and (max-width: $max-width-small-2) { + max-width: 85%; + } +} +@mixin RWDButton { + font-size: 16pt; + line-height: 1.44; + @media screen and (max-width: $max-width-medium-0) { + + } + @media screen and (max-width: $max-width-small-0) { + font-size: 14pt; + line-height: 1.3; + } + @media screen and (max-width: $max-width-small-2) { + + } +} #agenda { margin: 0 auto; - max-width: 1200px; + @include RWDWidth; + padding-top: 50px; font-family: $fontFamily; - font-size: 22px; + @include RWDFontSize; article { white-space: pre-wrap; line-height: 2; + margin: 50px 0; } p.vote { text-align: center; - padding: 80px 0; + padding: 50px 0; a.vote.button { display: inline-block; @@ -27,18 +69,20 @@ $fontFamily: "Noto Serif CJK TC -Black"; border: none; border-radius: 32px; - font: inherit; + font-family: $fontFamilyVote; + //font-size: 16pt; color: white; - font-size: 26px; - line-height: 1.44; + //line-height: 1.44; + @include RWDButton; } } ol.vote.rule { counter-reset: 0; + list-style-type: decimal; li { - line-height: 2; + line-height: 3; } } diff --git a/src/components/WIP.vue b/src/components/WIP.vue new file mode 100644 index 0000000..c5f47c6 --- /dev/null +++ b/src/components/WIP.vue @@ -0,0 +1,39 @@ + + + \ No newline at end of file diff --git a/src/pages/Agenda.vue b/src/pages/Agenda.vue index 1a43fb0..528f832 100644 --- a/src/pages/Agenda.vue +++ b/src/pages/Agenda.vue @@ -9,17 +9,18 @@

投票去

【注意事項】 -
    -
  1. 0. 事前人氣投票結果，將作為議程組與審稿委員會於安排議程時段與會議廳的參考依據之一。
    2. -
  2. 1. 投票為「記名投票」，使用 KKTIX 四碼檢查碼作為投票依據。議程組以檢查碼辨識投票的人是否持有年會門票，不對外公布各組檢查碼的具體投票內容。
    3. -
  3. 2. 三個議程種類（Espresso、Double Espresso 與 Presentation）可各選擇投給 1 個議程。
    4. -
  4. 3. 若同一議程種類選擇超過一個議程，或不選擇任何議程，視為無效票。各個議程種類的選票有效性互相獨立，無效票不影響其他議程種類的選票認定，舉例來說，若 Espresso 選擇 2 個議程、Double Espresso 選擇 1 個議程、Presentation 選擇 0 個議程，則 Double Espresso 的部分為有效票，其他二種議程為無效票。
    5. -
  5. 4. 此投票表單使用 Google Forms「隨機決定問題順序」功能決定各個議程的顯示順序。
    6. -
  6. 5. 在投票截止前，可以使用同一組檢查碼重複投票。計票時以最新一筆投票記錄為準。
    7. +
      +
    1. 事前人氣投票結果，將作為議程組與審稿委員會於安排議程時段與會議廳的參考依據之一。
      2. +
    2. 投票為「記名投票」，使用 KKTIX 四碼檢查碼作為投票依據。議程組以檢查碼辨識投票的人是否持有年會門票，不對外公布各組檢查碼的具體投票內容。
      3. +
    3. 三個議程種類（Espresso、Double Espresso 與 Presentation）可各選擇投給 1 個議程。
      4. +
    4. 若同一議程種類選擇超過一個議程，或不選擇任何議程，視為無效票。各個議程種類的選票有效性互相獨立，無效票不影響其他議程種類的選票認定，舉例來說，若 Espresso 選擇 2 個議程、Double Espresso 選擇 1 個議程、Presentation 選擇 0 個議程，則 Double Espresso 的部分為有效票，其他二種議程為無效票。
      5. +
    5. 此投票表單使用 Google Forms「隨機決定問題順序」功能決定各個議程的顯示順序。
      6. +
    6. 在投票截止前，可以使用同一組檢查碼重複投票。計票時以最新一筆投票記錄為準。
+
diff --git a/src/pages/Team.vue b/src/pages/Team.vue index b846a49..d578b9c 100644 --- a/src/pages/Team.vue +++ b/src/pages/Team.vue @@ -1,7 +1,15 @@ - + diff --git a/src/pages/Traffic.vue b/src/pages/Traffic.vue index b85c504..fa3329a 100644 --- a/src/pages/Traffic.vue +++ b/src/pages/Traffic.vue @@ -1,7 +1,15 @@ - + diff --git a/src/pages/Venue.vue b/src/pages/Venue.vue index 2a918c7..70330bb 100644 --- a/src/pages/Venue.vue +++ b/src/pages/Venue.vue @@ -1,7 +1,15 @@ - +