From 1bf265b28a9c14d92351ed4926d64d430d6c3c90 Mon Sep 17 00:00:00 2001
From: Tony Yang <t510599@gmail.com>
Date: Thu, 1 Apr 2021 15:45:59 +0800
Subject: [PATCH] [Update] favorite vote content Style: bold article Style:
 <li> margin for marker Style: smaller padding for vote button on mobile

---
 src/assets/scss/agenda.scss | 17 ++++++++++++++---
 src/pages/Agenda.vue        |  6 ++++++
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/assets/scss/agenda.scss b/src/assets/scss/agenda.scss
index 8f5fe4a..1131c2d 100644
--- a/src/assets/scss/agenda.scss
+++ b/src/assets/scss/agenda.scss
@@ -55,6 +55,10 @@ $fontFamilyVote: "Noto Serif CJK TC -Black";
     white-space: pre-wrap;
     line-height: 2;
     margin: 50px 0;
+
+    &.bold {
+      font-weight: bold;
+  }
   }
 
   p.vote {
@@ -70,9 +74,7 @@ $fontFamilyVote: "Noto Serif CJK TC -Black";
       border-radius: 32px;
       
       font-family: $fontFamilyVote;
-      //font-size: 16pt;
       color: white;
-      //line-height: 1.44;
       @include RWDButton;
     }
   }
@@ -82,7 +84,9 @@ $fontFamilyVote: "Noto Serif CJK TC -Black";
     list-style-type: decimal;
 
     li {
-      line-height: 3;
+      line-height: 2;
+      // prevent marker overflow
+      margin-left: 1.5em;
     }
   }
 
@@ -97,4 +101,11 @@ $fontFamilyVote: "Noto Serif CJK TC -Black";
       height: calc(99/217 * 100%);
     }
   }
+}
+@media screen and (max-width: $max-width-medium-1) {
+  #agenda {
+    p.vote {
+      padding: 0;
+    }
+  }
 }
\ No newline at end of file
diff --git a/src/pages/Agenda.vue b/src/pages/Agenda.vue
index a17810f..b8b9dd0 100644
--- a/src/pages/Agenda.vue
+++ b/src/pages/Agenda.vue
@@ -2,6 +2,12 @@
   <div id="agenda">
     <!-- Vote Section -->
     <BlockTitle text="人氣投票" id="#vote" />
+    <article class="bold">
+      總是因為擠不進會議廳，而聽不到感興趣的議程嗎？
+      <br /><br />
+      喜歡的議程，不能只有自己看到！SITCON 2021 首次舉辦「事前人氣投票」，除了搶先看到精彩議程介紹，也能把手中關鍵一票投給最期待的議程！會眾期待度愈高的議程，愈有機會安排在空間比較寬敞的會議廳。
+    </article>
+    <p class="vote"><a class="vote button" href="https://docs.google.com/forms/d/e/1FAIpQLSdWJtLP96bqXWukmOEar0xiBfGScm3qAlp-Xii05-cmU2Gxlg/viewform" target="_blank" rel="noopeener">投票去</a></p>
     <article>
       <p>總是因為擠不進會議廳，而聽不到感興趣的議程嗎？</p>
       <p>喜歡的議程，不能只有自己看到！SITCON 2021 首次舉辦「事前人氣投票」，除了搶先看到精彩議程介紹，也能把手中關鍵一票投給最期待的議程！</p>