index.ejs 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <section id="hero" class="IndexHero">
  2. <header id="logo-wrap" class="IndexHero-logo">
  3. <img id="logo" width="200" class="IndexHero-logoImg emoji dog" title="puppy" alt="uppy" src="<%- config.logo_large %>">
  4. <h1 class="indexHero-title"><%- config.title %></h1>
  5. </header>
  6. <div class="IndexHero-desc">
  7. <h3 class="IndexHero-subtitle">
  8. <%- config.subtitle %> <img align="absmiddle" width="18" height="18" class="emoji dog" title="puppy" src="/images/emojis/dog.png">
  9. </h3>
  10. <p><%- config.description %></p>
  11. </div>
  12. <a href="/guide/installation.html" class="IndexHero-installBtn button">Install v<%- config.uppy_version %></a>
  13. <ul id="social" class="IndexSocial">
  14. <li><a href="https://twitter.com/uppyjs" class="twitter-follow-button" data-show-count="false" data-dnt="true">Follow @uppyjs</a></li>
  15. <li><iframe src="http://ghbtns.com/github-btn.html?user=transloadit&repo=uppy&type=watch&count=true"
  16. allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe></li>
  17. <li id="buildbadge" class="BuildBadge">
  18. <span class="wrapper">
  19. <a href="https://travis-ci.org/transloadit/uppy"><img src="https://travis-ci.org/transloadit/uppy.svg" alt="Build Status"></a>
  20. </span>
  21. </li>
  22. </ul>
  23. </section>
  24. <section id="example" class="IndexExample">
  25. <h2>10 Second Example</h2>
  26. <div class="IndexExample-block"><%- partial('partials/example1') %></div>
  27. <div class="sign">&raquo;</div>
  28. <div class="IndexExample-block IndexExample-result"><%- partial('partials/example2') %></div>
  29. </section>
  30. <section id="features">
  31. <div class="feats">
  32. <% for (var k in site.data.features) { var v = site.data.features[k]; %>
  33. <div class="feat">
  34. <h2><span class="icon <%- v.icon %>"></span><%- v.title %></h2>
  35. <p> <%- render(v.description, 'swig', {uppy_gz_size: config.uppy_gz_size}) %></p>
  36. </div>
  37. <% } %>
  38. </div>
  39. </section>
  40. <section id="design_goals">
  41. <h2>Design Goals:</h2>
  42. <ul>
  43. <% for (var k in site.data.design_goals) { var v = site.data.design_goals[k]; %>
  44. <li>
  45. <%- v %>
  46. </li>
  47. <% } %>
  48. </ul>
  49. </section>
  50. <footer id="footer" class="IndexFooter">
  51. <a class="start" href="/guide/index.html">Get Started</a>
  52. <p>Released under the <a href="http://opensource.org/licenses/MIT" target="_blank">MIT License</a></p>
  53. <p>This site borrows heavily from Evan You's excellent <a href="https://github.com/vuejs/vuejs.org">Vue.js</a> (<a href="https://github.com/transloadit/uppy/blob/master/website/VUEORG_LICENSE">LICENSE</a>) (he <a href="https://twitter.com/youyuxi/status/672441843183960067">approves</a>)</p>
  54. <p>Puppy icon by <a href="https://thenounproject.com/2y2"></a>Jorge Fernandez del Castillo Gomez</a> from the Noun Project.</p>
  55. <p>© <%- date(Date.now(), 'YYYY') %> <a href="https://transloadit.com" target="_blank">Transloadit</a></p>
  56. </footer>
  57. <!-- Twitter follow button script -->
  58. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>