index.ejs 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. ---
  2. title: Robodog Markdown Snippets
  3. layout: example
  4. type: examples
  5. order: 6
  6. ---
  7. {% blockquote %}
  8. This is a demo app that works a bit like Github Gists or Pastebin. You can add markdown snippets, and add file attachments to each snippet by clicking “Upload an attachment”.
  9. {% endblockquote %}
  10. <p>
  11. Uppy <a href="/docs/robodog/">Robodog</a> (using <a href="https://transloadit.com">Transloadit</a> internally) generates an inline preview image for images, videos, and audio files. You can <a target="_blank" href="https://github.com/transloadit/uppy/blob/master/examples/transloadit-textarea/template.json">view the Assembly Template here.</a>
  12. </p>
  13. <p>
  14. ⚠️ For this demo, snippets are stored locally in your browser. Attachments are stored in Transloadit’s temporary storage and <em>expire</em> after about 24 hours. In a real app, you can easily <a target="_blank" href="https://transloadit.com/docs/#17-saving-conversion-results">export files to a permanent storage solution</a>, like Amazon S3 or Google Cloud.
  15. </p>
  16. <link rel="stylesheet" href="app.css">
  17. <% include app.html %>
  18. <script src="app.js"></script>
  19. <hr />
  20. <p id="console-wrapper">
  21. Console output (latest logs are at the top): <br />
  22. </p>
  23. <p>
  24. On this page we're using the following HTML snippet:
  25. </p>
  26. {% include_code lang:html markdown-snippets/app.html %}
  27. <p>
  28. Along with this JavaScript:
  29. </p>
  30. {% include_code lang:js markdown-snippets/app.es6 %}