[develop]スライドURLを追加

data/oedo06/speakers.yml

@@ -7,6 +7,7 @@ keynotes:
     github_id: sorah
     twitter_id: sora_h
     avatar_url: https://img.sorah.jp/icon2017.rect-a.480.png
+    slide_url: https://speakerdeck.com/sorah/keynote-oedo-rubykaigi-06
 
 invited:
   keiju_ishitsuka:
@@ -57,51 +58,59 @@ ninja_talks:
     github_id: ujihisa
     twitter_id: ujm
     avatar_url: /images/speakers/ujishita.jpg
+    slide_url: https://docs.google.com/presentation/d/1diEe7qYLjkHrjKoPNgyhlLItxV6ahnNgsfXdId0EmNI/edit#slide=id.p
   _tad_:
     id: _tad_
     name: 斎藤ただし
     presentation_title: Rationalを（もうちょっと）最適化してみた
     github_id: tadd
     twitter_id: _tad_
     avatar_url: https://www.gravatar.com/avatar/852ee3dd3c2f9889e49cbec473a58e75?s=320
+    slide_url: http://niconare.nicovideo.jp/watch/kn2388
   ko1:
     id: ko1
     name: 笹田耕一
     presentation_title: Ruby 2.4 Internals
     github_id: ko1
     avatar_url: https://www.gravatar.com/avatar/990397e8b38d6f5f4ae8ff343e8b883a?s=320
+    slide_url: https://www.slideshare.net/KoichiSasada/ruby-24-internals
   ken_c_lo:
     id: ken_c_lo
     name: 赤塚 妙子
     presentation_title: esaとRubyistと私（仮）
     github_id: taea
     twitter_id: ken_c_lo
     avatar_url: https://avatars2.githubusercontent.com/u/341101
+    slide_url: https://speakerdeck.com/ken_c_lo/esatorubyisttowatasi
   joker1007:
     id: joker1007
     name: 橋立友宏
     presentation_title: Docker時代の分散RSpec環境の作り方
     github_id: joker1007
     twitter_id: joker1007
     avatar_url: https://www.gravatar.com/avatar/a5e5ee2fb9e4ce3c728ed9e3ef6e916f?s=320
+    slide_url: https://speakerdeck.com/joker1007/dockershi-dai-falsefen-san-rspechuan-jing-falsezuo-rifang
   soutaro:
     id: soutaro
     name: 松本宗太郎
     presentation_title: 多相型、推論、Ruby
     github_id: soutaro
     twitter_id: soutaro
     avatar_url: https://www.gravatar.com/avatar/1fab9d01b25e99522f3dfd01e3d4cb51?s=320
+    slide_url: https://speakerdeck.com/soutaro/duo-xiang-xing-tui-lun-ruby
   JuanitoFatas:
     id: JuanitoFatas
     name: Juanito Fatas
     presentation_title: My Open Source Journey
     github_id: JuanitoFatas
     twitter_id: JuanitoFatas
     avatar_url: https://avatars0.githubusercontent.com/u/1000669
+    slide_url: https://speakerdeck.com/juanitofatas/my-open-source-journey
   shugomaeda:
     id: shugomaeda
     name: 前田修吾
     presentation_title: Text Editing in Ruby
     github_id: shugo
     twitter_id: shugomaeda
     avatar_url: https://www.gravatar.com/avatar/18a797893e6768e048c1d15429f96bb4?s=320
+    slide_url: https://github.com/shugo/oedo06/blob/master/textbringer.md

source/partials/_presentation.html.haml

@@ -19,3 +19,6 @@
               = speaker['name']
           %span.schedule-table-speaker__id
             = "@#{speaker['id']}"
+      - if speaker.slide_url.present?
+        = link_to speaker.slide_url, class: "schedule-table-speaker__slide", target: "_blank" do
+          スライド

source/stylesheets/blocks/_schedule-table.sass

@@ -1,6 +1,9 @@
 .schedule-table
   width: 100%
 
+.schedule-table__td
+  width: 100%
+
 .schedule-table__item
   border-bottom: dotted .0625rem rgba(white, .3)
   display: flex
@@ -38,9 +41,14 @@
 
 .schedule-table__content
   display: flex
+  width: 100%
   +media-breakpoint-down(sm)
     flex-direction: column
 
+.schedule-table-speaker__data
+  flex: 100
+  +margin(horizontal, .75rem)
+
 .schedule-table__name
   width: 12.5rem
   +text-block(1rem 1.5, flex center 600)
@@ -58,6 +66,7 @@
       border-bottom: none
 
 .schedule-table__speakers
+  width: 100%
   +media-breakpoint-down(sm)
     padding: .5rem .75rem
 
@@ -75,7 +84,6 @@
 
 .schedule-table-speaker__avatar
   +size(3rem auto)
-  margin-right: .75rem
   border-radius: .1875rem
   overflow: hidden
   flex: 0 0 3rem
@@ -85,3 +93,20 @@
   font-family: 'Signika', sans-serif
   +media-breakpoint-down(sm)
     font-size: .8125rem
+
+.schedule-table-speaker__slide
+  flex: 0 0 4rem
+  +size(4rem 1.75rem)
+  background-color: $accent-color
+  +text-block(.625rem 1, flex $base-color 600)
+  box-shadow: $accent-color 0 0 0 .0625rem inset
+  align-items: center
+  justify-content: center
+  border-radius: .25rem
+  transition: background-color .2s ease-in
+  +media-breakpoint-down(sm)
+    flex: 0 0 3.5rem
+    +size(3.5rem 1.75rem)
+  &:hover
+    background-color: rgba($accent-color, .9)
+    opacity: .8