download button

Author: woodpig07

_i18n/cn.yml

@@ -118,4 +118,5 @@ sponsors_bronze: 铜牌赞助商
 about_organizer: Wiredcraft是一家本部位于上海的电子科技公司，在美国华盛顿及德国柏林均有分部。我们的专长是设计、数据科学，API和 DevOps，我们曾帮助世界银行实现开源数据门户的数据可视化，为25年来缅甸第一次民主选举设计选票系统。我们通过每月组织线下活动(UIUX meetup, JS meetup, Hacker News meetup, Docker meetup)来支持本土科技与设计社区，每年我们都组织JS Conf及UI/UX Conf China。
 media_partner_exclusive: 独家直播平台
 watch_us_online: 大会直播前往
-header_deck: 演讲文档
+header_deck: 演讲文档
+slide_download: 文档

_i18n/en.yml

@@ -130,4 +130,5 @@ sponsors_bronze: Bronze Sponsor
 about_organizer: Wiredcraft is a full service digital agency based in Shanghai, Washington DC and Berlin. We are Design, Data Science, API and DevOps experts. Think data visualizations for the World Bank Open Data Portal, or election software for the first democratic elections in Myanmar in 25 years. We support our local tech and design communities by organizing monthly meetups, JSConf China and UI/UX Conf China.
 media_partner_exclusive: Live streaming Partner
 watch_us_online: Watch us online
-header_deck: Presentation
+header_deck: Presentation
+slide_download: Slide

_includes/schedule-day1.html

@@ -40,7 +40,7 @@
         {{ yangyang[0].topicEN }}
       {% endif %}
       <a href="/files/{{yangyang[0].file}}" target="new" class="deck-link">
-        <span>Slide</span>
+        <span>{% t slide_download %}</span>
         <svg class="icon-svg icon-download"><use xlink:href="#icon-download"></use></svg>
       </a>
       </div>
@@ -86,7 +86,7 @@
         {{ evanyou[0].topicEN }}
       {% endif %}
       <a href="/files/{{evanyou[0].file}}" target="new" class="deck-link">
-        <span>Slide</span>
+        <span>{% t slide_download %}</span>
         <svg class="icon-svg icon-download"><use xlink:href="#icon-download"></use></svg>
       </a>
       </div>
@@ -113,7 +113,7 @@
             {{ neonie[0].topicEN }}
           {% endif %}
           <a href="/files/{{neonie[0].file}}" target="new" class="deck-link">
-            <span>Slide</span>
+            <span>{% t slide_download %}</span>
             <svg class="icon-svg icon-download"><use xlink:href="#icon-download"></use></svg>
           </a>
           </div>
@@ -136,7 +136,7 @@
             {{ ryanchen[0].topicEN }}
           {% endif %}
           <a href="/files/{{ryanchen[0].file}}" target="new" class="deck-link">
-            <span>Slide</span>
+            <span>{% t slide_download %}</span>
             <svg class="icon-svg icon-download"><use xlink:href="#icon-download"></use></svg>
           </a>
           </div>
@@ -159,7 +159,7 @@
             {{ huangxuan[0].topicEN }}
           {% endif %}
           <a href="{{huangxuan[0].file}}" target="new" class="deck-link">
-            <span>Slide</span>
+            <span>{% t slide_download %}</span>
             <svg class="icon-svg icon-download"><use xlink:href="#icon-download"></use></svg>
           </a>
           </div>

_includes/schedule-day2.html

@@ -19,7 +19,7 @@
         {{ wyattlyonpreul[0].topicEN }}
       {% endif %}
       <a href="/files/{{wyattlyonpreul[0].file}}" target="new" class="deck-link">
-        <span>Slide</span>
+        <span>{% t slide_download %}</span>
         <svg class="icon-svg icon-download"><use xlink:href="#icon-download"></use></svg>
       </a>
     </div>
@@ -43,7 +43,7 @@
         {{ puling[0].topicEN }}
       {% endif %}
       <a href="/files/{{puling[0].file}}" target="new" class="deck-link">
-        <span>Slide</span>
+        <span>{% t slide_download %}</span>
         <svg class="icon-svg icon-download"><use xlink:href="#icon-download"></use></svg>
       </a>
       </div>
@@ -67,7 +67,7 @@
         {{ jonashelfer[0].topicEN }}
       {% endif %}
       <a href="/files/{{jonashelfer[0].file}}" target="new" class="deck-link">
-        <span>Slide</span>
+        <span>{% t slide_download %}</span>
         <svg class="icon-svg icon-download"><use xlink:href="#icon-download"></use></svg>
       </a>
       </div>
@@ -91,7 +91,7 @@
         {{ joelarvidsson[0].topicEN }}
       {% endif %}
       <a href="/files/{{joelarvidsson[0].file}}" target="new" class="deck-link">
-        <span>Slide</span>
+        <span>{% t slide_download %}</span>
         <svg class="icon-svg icon-download"><use xlink:href="#icon-download"></use></svg>
       </a>
       </div>
@@ -112,7 +112,7 @@
           <div class="topic">
             Graduating your node.js API to production environment
             <a href="/files/12-nodejs-for-the-production-juha-makara.pdf" target="new" class="deck-link">
-              <span>Slide</span>
+              <span>{% t slide_download %}</span>
               <svg class="icon-svg icon-download"><use xlink:href="#icon-download"></use></svg>
             </a>
           </div>
@@ -135,7 +135,7 @@
             {{ yangjianghua[0].topicEN }}
           {% endif %}
           <a href="/files/{{yangjianghua[0].file}}" target="new" class="deck-link">
-            <span>Slide</span>
+            <span>{% t slide_download %}</span>
             <svg class="icon-svg icon-download"><use xlink:href="#icon-download"></use></svg>
           </a>
           </div>
@@ -158,7 +158,7 @@
             {{ zhenye[0].topicEN }}
           {% endif %}
           <a href="/files/{{zhenye[0].file}}" target="new" class="deck-link">
-            <span>Slide</span>
+            <span>{% t slide_download %}</span>
             <svg class="icon-svg icon-download"><use xlink:href="#icon-download"></use></svg>
           </a>
           </div>

dist/scss/pages/_homepage.scss

@@ -773,7 +773,10 @@
 .deck-link {
   display: inline-block;
   border: 1px solid #4921CC;
-  font-size: 1.6rem;
+  font-size: 1.4rem;
   padding: 0 5px;
   line-height: normal;
+  .icon-svg {
+    vertical-align: middle;
+  }
 }

main.css

@@ -467,7 +467,8 @@ button.close:hover:before{opacity:.8}
 @media (min-width:1024px){#schedule .schedule-details-heading .title{line-height:1.5}
 #organizer p{width:60%}
 }
-.deck-link{display:inline-block;border:1px solid #4921CC;font-size:1.6rem;padding:0 5px;line-height:normal}
+.deck-link{display:inline-block;border:1px solid #4921CC;font-size:1.4rem;padding:0 5px;line-height:normal}
+.deck-link .icon-svg{vertical-align:middle}
 .content h2{margin-bottom:48px}
 .content .action{width:100%;text-align:center}
 .content .action .button{display:inline-block;margin:84px auto}