links/index.jade

Experimental content sharing and collaboration platform.

!!! 5
html
  head
    title= content.split('\n')[0]
    meta(name='viewport', content=[
      'width=device-width',
      'initial-scale=1',
      'maximum-scale=1'
    ].join(', '))
    style(type='text/css').
      html {
        height: 100%;
      }
      body {
        height: 100%;
        margin: 0;
        text-align: center;
        overflow: hidden;
      }
      textarea {
        height: 100%;
        border: 0;
        padding: 0;
        padding: 31px 24px;
        font-family: Serif;
        font-size: 115%;
        resize: none;
        box-sizing: border-box;
        max-width: 100%;
      }
      textarea:focus {
        outline: none;
      }
      #footer {
        position: absolute;
        right: 10px;
        bottom: 5px;
        font-family: sans-serif;
        font-size: 50%;
      }
      #footer, #footer a {
        color: gray;
        text-decoration: none;
      }
      #footer a {
        font-weight: bold;
      }
  body
    - var placeholder = 'Start writing and you get a link.\n\n'
    textarea(
      cols=60,
      autofocus,
      placeholder='Start writing and you get a link. '
        + 'Share your writing by sending the link to someone, '
        + 'who gets their own link as soon as they start editing themselves.'
      )!= content
    if footer
      #footer!= footer
    script(src='/build.js')
    script require('links');