app.html 1.1 KB

1234567891011121314151617181920212223242526272829
  1. <!-- Add Robodog styles. It is advisable to install Robodog from npm/yarn.
  2. But for experimenting, you can use also Transloadit’s CDN, Edgly:
  3. <link rel="stylesheet" href="https://releases.transloadit.com/uppy/robodog/v1.9.12/robodog.min.css"> -->
  4. <link rel="stylesheet" href="/uppy/robodog.min.css">
  5. <form id="new" class="form-snippet">
  6. <h2>Create a new snippet</h2>
  7. <label class="form-snippetTitle">
  8. <div class="form-snippetLabel">Snippet Title</div>
  9. <input class="form-snippetTitle-input" type="text" name="title" placeholder="Enter snippet title">
  10. </label>
  11. <label class="form-snippetText">
  12. <div class="form-snippetLabel">Snippet Content</div>
  13. <textarea class="form-textarea" name="snippet" placeholder="Enter snippet content"></textarea>
  14. </label>
  15. <button class="form-createSnippet" type="submit">
  16. Create
  17. </button>
  18. </form>
  19. <h2>Previous snippets</h2>
  20. <div id="snippets"></div>
  21. </main>
  22. <template id="snippet">
  23. <div class="snippet">
  24. <h3 class="snippet-title"></h3>
  25. <div class="snippet-content"></div>
  26. </div>
  27. </template>