You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

295 rivejä
14 KiB

  1. <!doctype html>
  2. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  3. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  4. <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
  5. <!--[if gt IE 8]><!-->
  6. <html class="no-js">
  7. <!--<![endif]-->
  8. <head>
  9. <meta charset="utf-8">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11. <title>transfer.sh - Easy and fast file sharing from the command-line.</title>
  12. <meta name="description" content="Easy and fast file sharing from the command-line.">
  13. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  14. <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
  15. <link rel="stylesheet" href="styles/main.css">
  16. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300' rel='stylesheet' type='text/css'>
  17. <link href='http://fonts.googleapis.com/css?family=Source+Code+Pro:300' rel='stylesheet' type='text/css'>
  18. <!-- build:js scripts/vendor/modernizr.js -->
  19. <script src="bower_components/modernizr/modernizr.js"></script>
  20. <!-- endbuild -->
  21. </head>
  22. <body>
  23. <script>
  24. (function(i, s, o, g, r, a, m) {
  25. i['GoogleAnalyticsObject'] = r;
  26. i[r] = i[r] || function() {
  27. (i[r].q = i[r].q || []).push(arguments)
  28. }, i[r].l = 1 * new Date();
  29. a = s.createElement(o),
  30. m = s.getElementsByTagName(o)[0];
  31. a.async = 1;
  32. a.src = g;
  33. m.parentNode.insertBefore(a, m)
  34. })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
  35. ga('create', 'UA-40833733-1', 'transfer.sh');
  36. ga('send', 'pageview');
  37. </script>
  38. <div id="navigation">
  39. <div class="wrapper">
  40. <h1>transfer.sh</h1>
  41. <ul>
  42. <li><a href="#samples">Sample use cases</a>
  43. </li>
  44. <li><a href="#contact">contact us</a>
  45. </li>
  46. </ul>
  47. </div>
  48. </div>
  49. <section id="home">
  50. <div class="wrapper">
  51. <h2>
  52. Upload and share your files
  53. </h2>
  54. <div class="row">
  55. <div id="from-terminal" class="box">
  56. <h3>Easy sharing from the command-line</h3>
  57. <div id="terminal">
  58. <p style='white-space:pre'></p>
  59. </div>
  60. </div>
  61. <div id="from-web" class="">
  62. <h3>From web</h3>
  63. <div id="web">
  64. <a class="browse" href="#">
  65. <i class="icon-upload-cloud"></i>
  66. <p class="click">Drag your files here to upload or click to browse</p>
  67. </a>
  68. <input type="file" multiple="multiple" style='display: none;' />
  69. <ul class='queue' style='color: black; list-style-type: none; margin: 0;'>
  70. <li>
  71. </li>
  72. </ul>
  73. <div class='span8 all-files' style='margin: 0; opacity: 0;'>
  74. download all files link <a class="download-zip" href="#">zip</a> <a class="download-tar" href="#">tar.gz</a>
  75. </div>
  76. <div>
  77. </div>
  78. </div>
  79. </div>
  80. <a href="#features" class="btn-cta">learn more</i> </a>
  81. </div>
  82. </section>
  83. <section id="features">
  84. <div class="wrapper">
  85. <div class="row">
  86. <div class="col-md-3 col-xs-3">
  87. <i class="icon-terminal"></i>
  88. <h3>Made for use with shell</h3>
  89. </div>
  90. <div class="col-md-3 col-xs-3">
  91. <i class="icon-link"></i>
  92. <h3>Share files with a URL</h3>
  93. </div>
  94. <div class="col-md-3 col-xs-3">
  95. <i class="icon-database"></i>
  96. <h3>Upload up to 5 GB</h3>
  97. </div>
  98. <div class="col-md-3 col-xs-3">
  99. <i class="icon-clock"></i>
  100. <h3>Files stored for 14 days</h3>
  101. </div>
  102. </div>
  103. <div class="row">
  104. <div class="col-md-offset-3 col-md-3 col-xs-3">
  105. <i class="icon-tag"></i>
  106. <h3>For free</h3>
  107. </div>
  108. <div class="col-md-3 col-xs-3">
  109. <i class="icon-lock"></i>
  110. <h3>Encrypt your files</h3>
  111. </div>
  112. </div>
  113. </div>
  114. </section>
  115. <section id="reviews">
  116. <div class="wrapper">
  117. <div class="row">
  118. <div class="col-md-6 col-xs-6">
  119. <blockquote class="twitter-tweet" lang="en">
  120. <p><a href="https://twitter.com/dutchcoders">@dutchcoders</a> Thanks for transfer.sh. Just used it for a production purpose for a customer. So great, so easy, so https. :)</p>&mdash; Dave Sims (@FloifyDave) <a href="https://twitter.com/FloifyDave/status/517383101425516544">October 1, 2014</a>
  121. </blockquote>
  122. <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  123. </div>
  124. <div class="col-md-6 col-xs-6">
  125. <blockquote class="twitter-tweet" lang="en">
  126. <p><a href="https://twitter.com/dutchcoders">@dutchcoders</a> love transfer.sh! any change we can *pay* for a self-hosted version?</p>&mdash; Kareem Kouddous (@kareemk) <a href="https://twitter.com/kareemk/status/517029789191118849">September 30, 2014</a>
  127. </blockquote>
  128. <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  129. </div>
  130. </div>
  131. <div class="row">
  132. <div class="col-md-6 col-xs-6">
  133. <blockquote class="twitter-tweet" lang="en">
  134. <p><a href="http://t.co/JomAmqWYEB">http://t.co/JomAmqWYEB</a> by <a href="https://twitter.com/dutchcoders">@dutchcoders</a> is pure awesomeness! any chance of source on github? :-)</p>&mdash; PJ Spagnolatti (@drakpz) <a href="https://twitter.com/drakpz/status/517008058841829376">September 30, 2014</a>
  135. </blockquote>
  136. <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  137. </div>
  138. <div class="col-md-6 col-xs-6">
  139. <blockquote class="twitter-tweet" lang="en">
  140. <p>Love transfer.sh! Will be using it from now on! Thanks for the amazing service we can use from the CLI <a href="https://twitter.com/dutchcoders">@dutchcoders</a>
  141. </p>&mdash; Jacob Lindgren (@jacoblindgren11) <a href="https://twitter.com/jacoblindgren11/status/516975006501203968">September 30, 2014</a>
  142. </blockquote>
  143. <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  144. </div>
  145. </div>
  146. </div>
  147. </section>
  148. <section id="samples">
  149. <div class="wrapper">
  150. <h2>
  151. Sample use cases
  152. </h2>
  153. <div class="row">
  154. <div class="col-md-6">
  155. <h3>Uploading</h3>
  156. <h4>Uploading is easy using curl.</h4>
  157. <code>curl --upload-file ./hello.txt https://transfer.sh/hello.txt</code>
  158. <h4>Download the file.</h4>
  159. <code>curl --upload-file ./hello.txt https://transfer.sh/hello.txt</code>
  160. </div>
  161. <div class="col-md-6">
  162. <h3>Make an alias</h3>
  163. <h4>Create an alias, and add it to .bashrc for faster use</h4>
  164. <code>transfer() { curl --upload-file $1 https://transfer.sh/$(basename $1); }
  165. <br>alias transfer=transfer</code>
  166. <h4>Now you can just use
  167. <strong>transfer</strong>command</h4>
  168. <code>transfer hello.txt</code>
  169. </div>
  170. </div>
  171. <div class="row">
  172. <div class="col-md-6">
  173. <h3>Transfer multiple files</h3>
  174. <h4>Upload multiple files at once
  175. </h4>
  176. <code>curl -i -F filedata=@/tmp/hello.txt -F filedata=@/tmp/hello2.txt https://transfer.sh/</code>
  177. <h4>Combining downloads as zip or tar archive</h4>
  178. <code>curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).tar.gz</code>
  179. <br>
  180. <code>curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).zip</code>
  181. </div>
  182. <div class="col-md-6">
  183. <h3>Encrypt your files before the transfer</h3>
  184. <h4>You can encrypt files using gpg. The following command will encrypt the data before it leaves your server using the password you enter and upload it to transfer.sh.</h4>
  185. <h4></h4>
  186. <code>cat /tmp/hello.txt|gpg -ac -o-|curl -X PUT --upload-file "-" https://transfer.sh/test.txt</code>
  187. <h4>Encrypt and upload</h4>
  188. <code>curl https://transfer.sh/1lDau/test.txt|gpg -o- > /tmp/hello.txt</code>
  189. </div>
  190. </div>
  191. </div>
  192. </section>
  193. <section id="share">
  194. <div class="wrapper">
  195. <h2>Share the love</h2>
  196. <ul class="share-buttons">
  197. <li>
  198. <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Ftransfer.sh&t=" target="_blank" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(document.URL) + '&t=' + encodeURIComponent(document.URL)); return false;"> <i class="icon-facebook"></i>
  199. </a>
  200. </li>
  201. <li>
  202. <a href="https://twitter.com/intent/tweet?source=http%3A%2F%2Ftransfer.sh&text=:%20http%3A%2F%2Ftransfer.sh" target="_blank" title="Tweet" onclick="window.open('https://twitter.com/intent/tweet?text=' + encodeURIComponent(document.title) + ':%20' + encodeURIComponent(document.URL)); return false;"> <i class="icon-twitter"></i>
  203. </li>
  204. <li>
  205. <a href="https://plus.google.com/share?url=http%3A%2F%2Ftransfer.sh" target="_blank" title="Share on Google+" onclick="window.open('https://plus.google.com/share?url=' + encodeURIComponent(document.URL)); return false;"> <i class="icon-gplus"></i>
  206. </a>
  207. </li>
  208. <li>
  209. <a href="http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftransfer.sh&title=&summary=&source=http%3A%2F%2Ftransfer.sh" target="_blank" title="Share on LinkedIn" onclick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(document.URL) + '&title=' + encodeURIComponent(document.title)); return false;"> <i class="icon-linkedin"></i>
  210. </a>
  211. </li>
  212. </ul>
  213. </div>
  214. </section>
  215. <section id="contact">
  216. <div class="wrapper">
  217. <i class="icon-mail"></i>
  218. <h2>
  219. Any questions?
  220. </h2>
  221. <a href="#" data-uv-trigger class="btn-cta">contact us</a>
  222. </div>
  223. </section>
  224. <footer>
  225. <div class="wrapper">
  226. <img src="images/Logo-orange.png" alt="Founded in Holland">
  227. <p>Made with <i class="icon-heart"></i> by <a href="http://dutchcoders.io/" title="Dutch Coders">Dutch Coders</a>
  228. </p>
  229. </div>
  230. </footer>
  231. <a href="https://github.com/dutchcoders/transfer.sh/">
  232. <img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png">
  233. </a>
  234. <script>
  235. (function() {
  236. var uv = document.createElement('script');
  237. uv.type = 'text/javascript';
  238. uv.async = true;
  239. uv.src = '//widget.uservoice.com/5rkATbLIm8ClJQeOirOhFg.js';
  240. var s = document.getElementsByTagName('script')[0];
  241. s.parentNode.insertBefore(uv, s)
  242. })()
  243. </script>
  244. <!--[if lt IE 7]>
  245. <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  246. <![endif]-->
  247. <script>
  248. (function(b, o, i, l, e, r) {
  249. b.GoogleAnalyticsObject = l;
  250. b[l] || (b[l] =
  251. function() {
  252. (b[l].q = b[l].q || []).push(arguments)
  253. });
  254. b[l].l = +new Date;
  255. e = o.createElement(i);
  256. r = o.getElementsByTagName(i)[0];
  257. e.src = '//www.google-analytics.com/analytics.js';
  258. r.parentNode.insertBefore(e, r)
  259. }(window, document, 'script', 'ga'));
  260. ga('create', 'UA-40833733-1', 'transfer.sh');
  261. ga('send', 'pageview');
  262. </script>
  263. <!-- build:js scripts/main.js -->
  264. <script src="bower_components/jquery/dist/jquery.js"></script>
  265. <script src="bower_components/typed.js/js/typed.js"></script>
  266. <script src="scripts/main.js"></script>
  267. <!-- endbuild -->
  268. </body>
  269. </html>