index.ejs 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <div id="hero">
  2. <div class="inner">
  3. <ul id="nav">
  4. <li><a href="/guide/" class="nav-link">Guide</a></li>
  5. <li><a href="/api/" class="nav-link">API</a></li>
  6. <li><a href="/examples/" class="nav-link">Examples</a></li>
  7. <!-- <li><a href="/blog" class="nav-link">Blog</a></li> -->
  8. <%- partial('partials/community_dropdown') %>
  9. </ul>
  10. <div id="logo-wrap">
  11. <img id="logo" width="200" class="emoji dog" title="puppy" src="<%- config.logo_large %>">
  12. <h1><%- config.title %></h1>
  13. </div>
  14. <p class="desc">
  15. <strong>
  16. <%- config.subtitle %> <img align="absmiddle" width="18" height="18" class="emoji dog" title="puppy" src="/images/emojis/dog.png">
  17. </strong>
  18. <br />
  19. <br />
  20. <%- config.description %>
  21. </p>
  22. <p class="buttons">
  23. <a href="/guide/installation.html" class="button">Install v<%- config.uppy_version %></a>
  24. </p>
  25. <ul id="social">
  26. <li><a href="https://twitter.com/uppyjs" class="twitter-follow-button" data-show-count="false" data-dnt="true">Follow @uppyjs</a></li>
  27. <li><iframe src="http://ghbtns.com/github-btn.html?user=transloadit&repo=uppy&type=watch&count=true"
  28. allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe></li>
  29. <li id="buildbadge">
  30. <span class="wrapper">
  31. <a href="https://travis-ci.org/transloadit/uppy"><img src="https://travis-ci.org/transloadit/uppy.svg" alt="Build Status"></a>
  32. </span>
  33. </li>
  34. </ul>
  35. </div>
  36. <!-- <div class="down"><img src="/images/down.png"></div> -->
  37. </div>
  38. <div id="example">
  39. <h2>10 Second Example</h2>
  40. <div class="block"><%- partial('partials/example1') %></div>
  41. <div class="sign">&raquo;</div>
  42. <div class="block"><%- partial('partials/example2') %></div>
  43. </div>
  44. <div id="features">
  45. <div class="feats">
  46. <% for (var k in site.data.features) { var v = site.data.features[k]; %>
  47. <div class="feat">
  48. <h2><span class="icon <%- v.icon %>"></span><%- v.title %></h2>
  49. <p> <%- render(v.description, 'swig', {uppy_gz_size: config.uppy_gz_size}) %></p>
  50. </div>
  51. <% } %>
  52. </div>
  53. </div>
  54. <div id="design_goals">
  55. <h2>Design Goals:</h2>
  56. <ul>
  57. <% for (var k in site.data.design_goals) { var v = site.data.design_goals[k]; %>
  58. <li>
  59. <%- v %>
  60. </li>
  61. <% } %>
  62. </ul>
  63. </div>
  64. <div id="footer">
  65. <a class="start" href="/guide/index.html">Get Started</a>
  66. <p>Released under the <a href="http://opensource.org/licenses/MIT" target="_blank">MIT License</a></p>
  67. <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>
  68. <p>Puppy icon by <a href="https://thenounproject.com/2y2"></a>Jorge Fernandez del Castillo Gomez</a> from the Noun Project.</p>
  69. <p>Copyright (c) <%- date(Date.now(), 'YYYY') %> <a href="https://transloadit.com" target="_blank">Transloadit</a></p>
  70. </div>
  71. <!-- Twitter follow button script -->
  72. <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>