diff --git a/source/scss/block/_header.scss b/source/scss/block/_header.scss index c50a676..b1d5110 100644 --- a/source/scss/block/_header.scss +++ b/source/scss/block/_header.scss @@ -83,10 +83,24 @@ } .sub-title { color: #ffc825; + } + .next-year-link { + display: flex; + justify-content: center; + margin-bottom: 20px; + a { + font-size: 20px; + border-radius: 12px; + border: 1px solid #ffc825; + cursor: pointer; + padding: 12px 40px; + text-decoration: none; + color: #ffc825; + } } .division { - + span{ height: 1px; margin:15px; diff --git a/source/views/index.pug b/source/views/index.pug index fe6e1bd..f27e928 100644 --- a/source/views/index.pug +++ b/source/views/index.pug @@ -14,10 +14,12 @@ block content img(src="images/official/jsdcmain.png", alt="") .jsdc-full-name.col-md-12 span The 8th JavaScript Developer Annual Conference in Taiwan + span.next-year-link + a(href='http://2020.jsdc.tw/' target="_blank") JSDC 2020 正式開跑 span.sub-title JSDC 2019活動 span.sub-title 2019/9/28 (六) 技術工作坊:「 JavaScript 新技術的入門與導入」 span.sub-title 2019/10/26 (六) 主年會:「 JavaScript 穩定之後,然後呢?」 - .division + .division span span JavaScript 近年從 ES6 的出世到前端框架的競逐,帶動了一連串的革命, span 也同時在後端、行動裝置,甚至是 IoT,機器學習等領域大放異彩。 @@ -26,7 +28,7 @@ block content //- .jsdc-full-name.col-md-12 - //- button + //- button //- a(target="_blank" href='https://www.accupass.com/event/1907081509101081922774') BUY NOW //- .clearfix @@ -84,7 +86,7 @@ block content //- .col-xs-6.text-center //- a.btn.btn-info(href="https://gitter.im/jsdc-core/JSDC2015/~chat#initial", target="_blank") GITTER_JSDC - + //- .row //- .col-md-6 //- iframe(src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FJSDC.TW%2Fvideos%2F2171180176454751%2F&show_text=1&width=560&height=370" width="560" height="508" style="border:none;overflow:hidden;width:100%;" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media" allowFullScreen="true") @@ -101,12 +103,12 @@ block content //- .row //- .col-md-12 //- div(style="height: 600px;overflow: scroll;") - //- a.twitter-timeline(href="https://twitter.com/jsdc_tw") Tweets by TwitterDev + //- a.twitter-timeline(href="https://twitter.com/jsdc_tw") Tweets by TwitterDev //- script(async src="https://platform.twitter.com/widgets.js" charset="utf-8") - - - + + + //- section#reciprocal //- ul#time