edit.slim

include global/header

scss:
  html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  // ハンバーガーメニューが#appの後ろに隠れてしまうため
  .navbar {
    z-index: 1000
  }
  #app {
    position: absolute;
    width: 100%;
    top: 52px;
    bottom: 0;
  }
  #edit-container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
  }
  #editor {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    & > textarea {
      resize: none;
      white-space: pre;
      word-break: break-all;
      word-wrap: break-word;
      font-size: 85%;
      font-family: monospace;
      line-height: 1.1;
      padding: .5em;
    }
  }
  #editor-header {
    position: absolute;
    top: 0;
    height: 10em;
    width: 100%;
  }
  #editor-content {
    position: absolute;
    top: 10em;
    bottom: 0;
    width: 100%;
  }
  #preview {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    padding: 1em;
    overflow: auto;
  }

#app v-cloak=""
  span.hidden#token = @token
  span.hidden#owner = @owner
  span.hidden#repo = @repo
  span.hidden#branch = @branch
  span.hidden#directory = @directory
  span.hidden#filename = @filename
  #edit-container
    #editor
      textarea#editor-header v-model="header"
      textarea#editor-content v-model="content"
    #preview
      div v-html="content | marked"

include global/libs

/ marked.js
script src="/vendor/marked/marked.min.js"
script src="/vendor/base64/base64.min.js"

script src="/edit.coffee"

include global/footer