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.
 
 
 

387 lines
18 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='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300' rel='stylesheet' type='text/css'>
  17. <link href='https://fonts.googleapis.com/css?family=Source+Code+Pro:400' rel='stylesheet' type='text/css'>
  18. <link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>
  19. <!-- build:js scripts/vendor/modernizr.js -->
  20. <script src="bower_components/modernizr/modernizr.js"></script>
  21. <!-- endbuild -->
  22. </head>
  23. <body>
  24. <script>
  25. (function(i, s, o, g, r, a, m) {
  26. i['GoogleAnalyticsObject'] = r;
  27. i[r] = i[r] || function() {
  28. (i[r].q = i[r].q || []).push(arguments)
  29. }, i[r].l = 1 * new Date();
  30. a = s.createElement(o),
  31. m = s.getElementsByTagName(o)[0];
  32. a.async = 1;
  33. a.src = g;
  34. m.parentNode.insertBefore(a, m)
  35. })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
  36. ga('create', 'UA-40833733-1', 'transfer.sh');
  37. ga('send', 'pageview');
  38. </script>
  39. <div id="navigation">
  40. <div class="wrapper">
  41. <h1>transfer.sh</h1>
  42. <ul class="hidden-xs">
  43. <li><a href="#samples">sample use cases</a>
  44. </li>
  45. <li><a href="#contact">contact us</a>
  46. </li>
  47. </ul>
  48. </div>
  49. </div>
  50. <section id="home">
  51. <div class="wrapper">
  52. <h2>
  53. Easy file sharing from the command line</h2>
  54. <div class="row animated fadeInDown">
  55. <div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12">
  56. <div class="terminal-top">
  57. </div>
  58. <div id="terminal" class="terminal">
  59. <code>
  60. <span class="code-title"># Upload using cURL</span>
  61. <br>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt https://transfer.sh/66nb8/hello.txt
  62. <br>
  63. <br>
  64. <span class="code-title"># Create an alias</span>
  65. <br>$ transfer hello.txt
  66. <br>##################################################### 100.0% https://transfer.sh/eibhM/hello.txt
  67. </code>
  68. </div>
  69. <div id="web">
  70. <code>
  71. <br>
  72. <span class="code-title"># Upload from web</span>
  73. <br>Drag your files here, or <a class="browse" href="#"> click to browse.</a>
  74. </code>
  75. <input type="file" multiple="multiple" style='display: none;' />
  76. <ul class='queue'>
  77. <li>
  78. </li>
  79. </ul>
  80. <div class='all-files'>
  81. <br>
  82. <div>
  83. <span class="code-title"># Download all your files</span>
  84. <br/>
  85. <br/>
  86. <a class="download-zip btn-cta" href="#">zip</a> <a class="download-tar btn-cta" href="#">tar.gz</a>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. <div>
  92. <a href="#features" class="btn-cta btn-home">learn more</i> </a>
  93. </div>
  94. </div>
  95. </section>
  96. <section id="features">
  97. <div class="wrapper container">
  98. <div class="row animated fadeInDown ">
  99. <div class="col-md-3 col-xs-6">
  100. <i class="icon-terminal"></i>
  101. <h3>Made for use with shell</h3>
  102. </div>
  103. <div class="col-md-3 col-xs-6">
  104. <i class="icon-link"></i>
  105. <h3>Share files with a URL</h3>
  106. </div>
  107. <div class="col-md-3 col-xs-6">
  108. <i class="icon-database"></i>
  109. <h3>Upload up to 5 GB</h3>
  110. </div>
  111. <div class="col-md-3 col-xs-6">
  112. <i class="icon-clock"></i>
  113. <h3>Files stored for 14 days</h3>
  114. </div>
  115. </div>
  116. <div class="row animated fadeInDown">
  117. <div class="col-md-offset-3 col-md-3 col-xs-6">
  118. <i class="icon-tag"></i>
  119. <h3>For free</h3>
  120. </div>
  121. <div class="col-md-3 col-xs-6">
  122. <i class="icon-lock"></i>
  123. <h3>Encrypt your files</h3>
  124. </div>
  125. </div>
  126. </div>
  127. </section>
  128. <section id="samples">
  129. <div class="wrapper">
  130. <h2>
  131. Sample use cases
  132. </h2>
  133. <div class="row">
  134. <div class="col-md-6 ">
  135. <h3>How to upload</h3>
  136. <div class="terminal-top">
  137. </div>
  138. <div class="terminal">
  139. <code>
  140. <span class="code-title"># Uploading is easy using curl</span>
  141. <br>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt
  142. <br>
  143. <br>
  144. <span class="code-title"># Download the file</span>
  145. <br>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt
  146. </code>
  147. </div>
  148. </div>
  149. <div class="col-md-6 ">
  150. <h3>Create an alias and add it to .bashrc</h3>
  151. <div class="terminal-top">
  152. </div>
  153. <div class="terminal">
  154. <code>
  155. <span class="code-title"># Add this to .bashrc or it equivalent</span>
  156. <br/>transfer() { # write to output to tmpfile because of progress bar tmpfile=$( mktemp -t transferXXX ) curl --progress-bar --upload-file $1 https://transfer.sh/$(basename $1) >> $tmpfile; cat $tmpfile; rm -f $tmpfile; }
  157. <br>
  158. <br>
  159. <span class="code-title"># Now you can use transfer command</span>
  160. <br>$ transfer hello.txt
  161. </code>
  162. </div>
  163. </div>
  164. </div>
  165. <a class="btn-cta" data-target="#coll" data-toggle="collapse">More examples</a>
  166. <div class="collapse " id="coll">
  167. <div class="row">
  168. <div class="col-md-6 ">
  169. <h3>Upload multiple files at once</h3>
  170. <div class="terminal-top">
  171. </div>
  172. <div class="terminal">
  173. <code>
  174. <br>$ curl -i -F filedata=@/tmp/hello.txt -F filedata=@/tmp/hello2.txt https://transfer.sh/
  175. <br>
  176. <br>
  177. <span class="code-title"># Combining downloads as zip or tar archive</span>
  178. <br>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).tar.gz
  179. <br/>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).zip
  180. </code>
  181. </div>
  182. </div>
  183. <div class="col-md-6 ">
  184. <h3>Encrypt your files before the transfer</h3>
  185. <div class="terminal-top">
  186. </div>
  187. <div class="terminal">
  188. <code>
  189. <span class="code-title"># Encrypt files with password using gpk</span>
  190. <br>$ cat /tmp/hello.txt|gpg -ac -o-|curl -X PUT --upload-file "-" https://transfer.sh/test.txt
  191. <br>
  192. <br>
  193. <span class="code-title"># Encrypt and upload</span>
  194. <br>$ curl https://transfer.sh/1lDau/test.txt|gpg -o- > /tmp/hello.txt
  195. </code>
  196. </div>
  197. </div>
  198. </div>
  199. <div class="row">
  200. <div class="col-md-6">
  201. <h3>Scan for malware</h3>
  202. <div class="terminal-top">
  203. </div>
  204. <div class="terminal">
  205. <code>
  206. <span class="code-title"># Scan for malware or viruses using Clamav</span>
  207. <br>wget http://www.eicar.org/download/eicar.com
  208. <br>curl -X PUT --upload-file ./eicar.com https://transfer.sh/eicar.com/scan
  209. <br><br>
  210. <span class="code-title"># Upload malware to VirusTotal, get a permalink in return</span>
  211. <br>curl -X PUT --upload-file nhgbhhj https://transfer.sh/test.txt/virustotal
  212. <br>
  213. </code>
  214. </div>
  215. </div>
  216. <div class="col-md-6">
  217. <h3>Send us your awesome example</h3>
  218. <div class="terminal-top">
  219. </div>
  220. <div class="terminal">
  221. <code>
  222. </code>
  223. </div>
  224. </div>
  225. </div>
  226. </div>
  227. </div>
  228. </section>
  229. <section id="reviews">
  230. <div class="wrapper">
  231. <div class="row">
  232. <div class="col-md-8 col-md-offset-2 col-xs-12">
  233. <blockquote class="twitter-tweet tweet-xl" lang="en">
  234. <img class="twitter-profile" src="images/reviews/dave.jpg" alt="">
  235. <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>
  236. <a href="https://twitter.com/FloifyDave/status/517383101425516544">
  237. &mdash; Dave Sims (@FloifyDave)</a>
  238. </blockquote>
  239. </div>
  240. </div>
  241. <div class="row">
  242. <div class="col-md-6 col-xs-12">
  243. <blockquote class="twitter-tweet" lang="en">
  244. <img class="twitter-profile" src="images/reviews/kareem.jpg" alt="">
  245. <p><a href="https://twitter.com/dutchcoders">@dutchcoders</a> love transfer.sh! any change we can *pay* for a self-hosted version?</p><a href="https://twitter.com/kareemk/status/517029789191118849">&mdash; Kareem Kouddous (@kareemk) </a>
  246. </blockquote>
  247. </div>
  248. <div class="col-md-6 col-xs-12">
  249. <blockquote class="twitter-tweet" lang="en">
  250. <img class="twitter-profile" src="images/reviews/pg.jpeg" alt="">
  251. <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><a href="https://twitter.com/drakpz/status/517008058841829376">&mdash; PJ Spagnolatti (@drakpz)</a>
  252. </blockquote>
  253. </div>
  254. </div>
  255. <div class="row">
  256. <div class="col-md-6 col-xs-12">
  257. <blockquote class="twitter-tweet" lang="en">
  258. <img class="twitter-profile" src="images/reviews/jacob.jpg" alt="">
  259. <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>
  260. </p><a href="https://twitter.com/jacoblindgren11/status/516975006501203968">&mdash; Jacob Lindgren (@jacoblindgren11) </a>
  261. </blockquote>
  262. </div>
  263. <div class="col-md-6 col-xs-12">
  264. <blockquote class="twitter-tweet" lang="en">
  265. <img class="twitter-profile" src="images/reviews/lars.jpg" alt="">
  266. <p>transfer.sh is my latest fav service! Try simple command-line and web file sharing! <a href="https://t.co/FSrsb1JKJd">https://t.co/FSrsb1JKJd</a>&#10;Thanks <a href="https://twitter.com/dutchcoders">@dutchcoders</a> !</p> <a href="https://twitter.com/arvestad/status/519507976491499521">&mdash; Lars Arvestad (@arvestad)</a>
  267. </blockquote>
  268. </div>
  269. </div>
  270. </div>
  271. </section>
  272. <section id="share">
  273. <div class="wrapper">
  274. <h2>Share the love</h2>
  275. <ul class="share-buttons">
  276. <li>
  277. <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>
  278. </a>
  279. </li>
  280. <li>
  281. <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>
  282. </li>
  283. <li>
  284. <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>
  285. </a>
  286. </li>
  287. <li>
  288. <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>
  289. </a>
  290. </li>
  291. </ul>
  292. </div>
  293. </section>
  294. <section id="contact">
  295. <div class="wrapper">
  296. <i class="icon-mail"></i>
  297. <h2>
  298. Any questions?
  299. </h2>
  300. <a href="#" data-uv-trigger class="btn-cta">contact us</a>
  301. </div>
  302. </section>
  303. <footer>
  304. <div class="wrapper">
  305. <img src="images/Logo-orange.png" alt="Founded in Holland">
  306. <p>Made with <i class="icon-heart"></i> by <a href="http://dutchcoders.io/" title="Dutch Coders">Dutch Coders</a>
  307. </p>
  308. </div>
  309. </footer>
  310. <a href="https://github.com/dutchcoders/transfer.sh/">
  311. <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">
  312. </a>
  313. <script>
  314. (function() {
  315. var uv = document.createElement('script');
  316. uv.type = 'text/javascript';
  317. uv.async = true;
  318. uv.src = '//widget.uservoice.com/5rkATbLIm8ClJQeOirOhFg.js';
  319. var s = document.getElementsByTagName('script')[0];
  320. s.parentNode.insertBefore(uv, s)
  321. })()
  322. </script>
  323. <!--[if lt IE 7]>
  324. <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>
  325. <![endif]-->
  326. <script>
  327. (function(b, o, i, l, e, r) {
  328. b.GoogleAnalyticsObject = l;
  329. b[l] || (b[l] =
  330. function() {
  331. (b[l].q = b[l].q || []).push(arguments)
  332. });
  333. b[l].l = +new Date;
  334. e = o.createElement(i);
  335. r = o.getElementsByTagName(i)[0];
  336. e.src = '//www.google-analytics.com/analytics.js';
  337. r.parentNode.insertBefore(e, r)
  338. }(window, document, 'script', 'ga'));
  339. ga('create', 'UA-40833733-1', 'transfer.sh');
  340. ga('send', 'pageview');
  341. </script>
  342. <!-- build:js scripts/main.js -->
  343. <script src="bower_components/jquery/dist/jquery.js"></script>
  344. <script src="bower_components/highlightjs/highlight.pack.js"></script>
  345. <!-- </*script*/ src="bower_components/typed.js/js/typed.js"></script> -->
  346. <script src="bower_components/uri.js/src/URI.min.js"></script>
  347. <script src="bower_components/bootstrap/js/transition.js"></script>
  348. <script src="bower_components/bootstrap/js/collapse.js"></script>
  349. <script src="scripts/typewriter-bundle.js"></script>
  350. <script src="scripts/main.js"></script>
  351. <!-- endbuild -->
  352. </body>
  353. </html>