index.pug

extends /layout/index.pug

prepend contentSecurityPolicy
  - var defaultSrc = ['\'unsafe-inline\'', 'https://*.twimg.com/', 'https://*.twitter.com/']
  - var imgSrc = ['https://*.twimg.com/', 'https://*.twitter.com/']
  - var connectSrc = []

append head
  link(rel='stylesheet', href='index.css')
  script(async, src='https://platform.twitter.com/widgets.js')
  script(src='index.js')
  title 東京理科大学みらい研究室

prepend header
  - var active = 'home'

block eyecatcher
  section(style='position: relative; height: 320px; width: 100%; margin-bottom: 20px;')
    div(aria-hidden='true', style='position: absolute; height: 100%; width: 100%;')
      .slideshow-active(style=`background-image: url(${require('./slide/event_2013_june.jpg')});`)
      .slideshow-inactive(style=`background-image: url(${require('./slide/event_2012_june.jpg')});`)
      .slideshow-inactive(style=`background-image: url(${require('./slide/miraikan.jpg')});`)
    p.eyecatcher-caption
      | 理科が好き。だから、伝えたい。

block article
  .article-caption
    p この度、みらい研究室のサイトが変わりました！
    p 新しいサイトはこちら
    a.btn.btn-block.btn-lg.btn-primary(href='http://miraiken.html.xdomain.jp/', style='margin: 2rem auto; max-width: 32rem;') http://miraiken.html.xdomain.jp/
  section
    h1 メールマガジン
    p
      | みらい研究室実行委員会では、無料メールマガジンに登録された読者のみなさんに、
      | イベントの情報をお伝えするオフィシャルメルマガをお届けしています。
    p 登録はこちらから
    div(style='background-color: #ff5959; border: 3px #ff5959 solid; width: 230px; color: #fff; border-radius: 10px; margin: 10px auto;')
      a(href='https://docs.google.com/forms/d/1SxT0K75k7zmAiiIT_slalMUZn2I9Fw0931Ri1USYuO8/viewform',
        style='display: block; background-color: inherit; text-decoration: none; font-size: 17px; font-weight: bold; padding: 15px 0; text-align: center; color: inherit;')
        | メールマガジン登録
  section
    h1 更新情報
    dl
      dt 2018年5月21日
      dd 2018年「科学へのトビラ」のページを追加しました。
      dt 2018年4月14日
      dd 新人歓迎会についての情報を追加しました。
      dt 2018年2月24日
      dd 2018年「オドロキ科学箱」のページを追加しました。
      dt 2017年9月2日
      dd Webページの見直しを完了しました。
      dt 2017年8月
      dd
        | Webページの作成、管理を
        a(href='kagucho.html') 神楽坂一丁目通信局
        | が引き継ぎ、刷新を開始しました。
      dt 2015年
      dd
        | Webページの更新履歴を移動しました。以前の更新情報は
        a(href='web_update_log.html') こちら

block sidebar
  .layout_sidebar(style='display: flex; flex-direction: column')
    div(style='flex: 32rem; overflow: auto')
      a.twitter-timeline(data-chrome='nofooter noscrollbar', href='https://twitter.com/_miraiken_') @_miraiken_ のツイート