選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

index.html 15 KiB

9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
9年前
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339
  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:300,400' 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. Easy file sharing from the command line
  53. </h2>
  54. <div class="row animated fadeInDown">
  55. <div id="from-terminal" class=" box col-md-6 col-xs-12">
  56. <h3>Share from terminal</h3>
  57. <div id="terminal">
  58. <p style='white-space:pre'></p>
  59. </div>
  60. </div>
  61. <div id="from-web" class="col-md-6 col-xs-12">
  62. <h3>Share 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='all-files'>
  74. <h4>Download your files:</h4>
  75. <a class="download-zip btn-cta" href="#">zip</a> <a class="download-tar btn-cta" href="#">tar.gz</a>
  76. </div>
  77. <div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. <div>
  83. <br>
  84. <br>
  85. <a href="#features" class="btn-cta">learn more</i> </a>
  86. <br>
  87. <br>
  88. </div>
  89. </section>
  90. <section id="features">
  91. <div class="wrapper container">
  92. <div class="row">
  93. <div class="col-md-3 col-xs-6">
  94. <i class="icon-terminal"></i>
  95. <h3>Made for use with shell</h3>
  96. </div>
  97. <div class="col-md-3 col-xs-6">
  98. <i class="icon-link"></i>
  99. <h3>Share files with a URL</h3>
  100. </div>
  101. <div class="col-md-3 col-xs-6">
  102. <i class="icon-database"></i>
  103. <h3>Upload up to 5 GB</h3>
  104. </div>
  105. <div class="col-md-3 col-xs-6">
  106. <i class="icon-clock"></i>
  107. <h3>Files stored for 14 days</h3>
  108. </div>
  109. </div>
  110. <div class="row">
  111. <div class="col-md-offset-3 col-md-3 col-xs-6">
  112. <i class="icon-tag"></i>
  113. <h3>For free</h3>
  114. </div>
  115. <div class="col-md-3 col-xs-6">
  116. <i class="icon-lock"></i>
  117. <h3>Encrypt your files</h3>
  118. </div>
  119. </div>
  120. </div>
  121. </section>
  122. <section id="samples">
  123. <div class="wrapper">
  124. <h2>
  125. Sample use cases
  126. </h2>
  127. <div class="row">
  128. <div class="col-md-6 ">
  129. <h3>Uploading</h3>
  130. <h4>Uploading is easy using curl.</h4>
  131. <code>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt</code>
  132. <h4>Download the file.</h4>
  133. <code>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt</code>
  134. </div>
  135. <div class="col-md-6 ">
  136. <h3>Make an alias</h3>
  137. <h4>Create an alias, and add it to .bashrc for faster use</h4>
  138. <code>$ transfer() { # write to output to tmpfile because of progress bar tmpfile=$( mktemp -t transfer ) curl --progress-bar --upload-file $1 https://transfer.sh/$(basename $1) >> $tmpfile; cat $tmpfile; rm -f $tmpfile; } alias transfer=transfer</code>
  139. <h4>Now you can just use
  140. <strong>transfer</strong>command</h4>
  141. <code>$transfer hello.txt</code>
  142. </div>
  143. </div>
  144. <a class="btn-cta" data-target="#coll" data-toggle="collapse">More examples</a>
  145. <div class="collapse " id="coll">
  146. <div class="row">
  147. <div class="col-md-6">
  148. <h3>Transfer multiple files</h3>
  149. <h4>Upload multiple files at once
  150. </h4>
  151. <code>$ curl -i -F filedata=@/tmp/hello.txt -F filedata=@/tmp/hello2.txt https://transfer.sh/</code>
  152. <h4>Combining downloads as zip or tar archive</h4>
  153. <code>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).tar.gz</code>
  154. <br>
  155. <code>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).zip</code>
  156. </div>
  157. <div class="col-md-6">
  158. <h3>Encrypt your files before the transfer</h3>
  159. <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>
  160. <h4></h4>
  161. <code>$ cat /tmp/hello.txt|gpg -ac -o-|curl -X PUT --upload-file "-" https://transfer.sh/test.txt</code>
  162. <h4>Encrypt and upload</h4>
  163. <code>$ curl https://transfer.sh/1lDau/test.txt|gpg -o- > /tmp/hello.txt</code>
  164. </div>
  165. </div>
  166. </div>
  167. </div>
  168. </section>
  169. <section id="reviews">
  170. <div class="wrapper">
  171. <div class="row">
  172. <div class="col-md-8 col-md-offset-2 col-xs-12">
  173. <blockquote class="twitter-tweet tweet-xl" lang="en">
  174. <img class="twitter-profile" src="images/reviews/dave.jpg" alt="">
  175. <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>
  176. <a href="https://twitter.com/FloifyDave/status/517383101425516544">
  177. &mdash; Dave Sims (@FloifyDave)</a>
  178. </blockquote>
  179. </div>
  180. </div>
  181. <div class="row">
  182. <div class="col-md-6 col-xs-12">
  183. <blockquote class="twitter-tweet" lang="en">
  184. <img class="twitter-profile" src="images/reviews/kareem.jpg" alt="">
  185. <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>
  186. </blockquote>
  187. </div>
  188. <div class="col-md-6 col-xs-12">
  189. <blockquote class="twitter-tweet" lang="en">
  190. <img class="twitter-profile" src="images/reviews/pg.jpeg" alt="">
  191. <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>
  192. </blockquote>
  193. </div>
  194. </div>
  195. <div class="row">
  196. <div class="col-md-6 col-xs-12">
  197. <blockquote class="twitter-tweet" lang="en">
  198. <img class="twitter-profile" src="images/reviews/jacob.jpg" alt="">
  199. <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>
  200. </p><a href="https://twitter.com/jacoblindgren11/status/516975006501203968">&mdash; Jacob Lindgren (@jacoblindgren11) </a>
  201. </blockquote>
  202. </div>
  203. <div class="col-md-6 col-xs-12">
  204. <blockquote class="twitter-tweet" lang="en">
  205. <img class="twitter-profile" src="images/reviews/lars.jpg" alt="">
  206. <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>
  207. </blockquote>
  208. </div>
  209. </div>
  210. </div>
  211. </section>
  212. <section id="share">
  213. <div class="wrapper">
  214. <h2>Share the love</h2>
  215. <ul class="share-buttons">
  216. <li>
  217. <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>
  218. </a>
  219. </li>
  220. <li>
  221. <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>
  222. </li>
  223. <li>
  224. <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>
  225. </a>
  226. </li>
  227. <li>
  228. <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>
  229. </a>
  230. </li>
  231. </ul>
  232. </div>
  233. </section>
  234. <section id="contact">
  235. <div class="wrapper">
  236. <i class="icon-mail"></i>
  237. <h2>
  238. Any questions?
  239. </h2>
  240. <a href="#" data-uv-trigger class="btn-cta">contact us</a>
  241. </div>
  242. </section>
  243. <footer>
  244. <div class="wrapper">
  245. <img src="images/Logo-orange.png" alt="Founded in Holland">
  246. <p>Made with <i class="icon-heart"></i> by <a href="http://dutchcoders.io/" title="Dutch Coders">Dutch Coders</a>
  247. </p>
  248. </div>
  249. </footer>
  250. <a href="https://github.com/dutchcoders/transfer.sh/">
  251. <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">
  252. </a>
  253. <script>
  254. (function() {
  255. var uv = document.createElement('script');
  256. uv.type = 'text/javascript';
  257. uv.async = true;
  258. uv.src = '//widget.uservoice.com/5rkATbLIm8ClJQeOirOhFg.js';
  259. var s = document.getElementsByTagName('script')[0];
  260. s.parentNode.insertBefore(uv, s)
  261. })()
  262. </script>
  263. <!--[if lt IE 7]>
  264. <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>
  265. <![endif]-->
  266. <script>
  267. (function(b, o, i, l, e, r) {
  268. b.GoogleAnalyticsObject = l;
  269. b[l] || (b[l] =
  270. function() {
  271. (b[l].q = b[l].q || []).push(arguments)
  272. });
  273. b[l].l = +new Date;
  274. e = o.createElement(i);
  275. r = o.getElementsByTagName(i)[0];
  276. e.src = '//www.google-analytics.com/analytics.js';
  277. r.parentNode.insertBefore(e, r)
  278. }(window, document, 'script', 'ga'));
  279. ga('create', 'UA-40833733-1', 'transfer.sh');
  280. ga('send', 'pageview');
  281. </script>
  282. <!-- build:js scripts/main.js -->
  283. <script src="bower_components/jquery/dist/jquery.js"></script>
  284. <script src="bower_components/typed.js/js/typed.js"></script>
  285. <script src="bower_components/realistic-typewriter.js/build/typewriter-bundle.min.js"></script>
  286. <script src="bower_components/uri.js/src/URI.min.js"></script>
  287. <script src="bower_components/bootstrap/js/transition.js"></script>
  288. <script src="bower_components/bootstrap/js/collapse.js"></script>
  289. <script src="scripts/main.js"></script>
  290. <!-- endbuild -->
  291. </body>
  292. </html>