markcloud/client/templates.html

<template name="layout">
{{> yield region="outside"}}
<div class="container">
  <h1>MarkCloud</h1>
  <hr>
  {{> yield}}
</div>
</template>

<template name="home">
<p>This is a demo app. Click <a href="new">here</a> to create a new document.</p>
<p>After submitting the document you will be redirected to its permanent link</p>
<p>There are <b>{{ndocs}}</b> documents in the database</p>
<p>This demo was built by <a href="http://github.com/fazo96">Enrico Fasoli (fazo96)</a> in 45 minutes. It's open source, you can find the code <a href="http://github.com/fazo96/markcloud">here</a></p>
</template>

<template name="new">
  <p>Write your document in <a href="https://help.github.com/articles/github-flavored-markdown/">GitHub Flavored Markdown</a> then submit it with the button. You will be redirected to its permanent link</p>
  <textarea id="editor" class="form-control" rows="10" autofocus></textarea>
  <button id="new-btn" class="btn btn-primary">
    <i class="fa fa-upload"></i> Upload</button>
</template>

<template name="docLayout">
{{> yield region="outside"}}
<div class="container">{{> yield}}</div>
</template>

<template name="doc">
  {{#if text}}
    {{#markdown}}{{text}}{{/markdown}}
  {{else}}
  <div class="text-center">
    <h1>Sorry</h1>
    <p>This document is empty, expired, or never existed.</p>
  </div>
  {{/if}}
  <hr>
  <div class="text-center">Powered by <a href="/">MarkCloud</a></div>
</template>

<template name="loading">
<div id="loading" class="text-center">
  <i class="fa fa-cog fa-spin fa-3x"></i>
</div>
</template>

<template name="spinner">
<div id="spinner">
  <i class="fa fa-2x fa-cog fa-spin"></i>
</div>
</template>