fionera
/
transfer.sh
フォーク元 kiska/transfer.sh

<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>transfer.sh - Easy and fast file sharing from the command-line.</title>
    <meta name="description" content="Easy and fast file sharing from the command-line.">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link rel="stylesheet" href="styles/main.css">

    <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Source+Code+Pro:300' rel='stylesheet' type='text/css'>

    <!-- build:js scripts/vendor/modernizr.js -->
    <script src="bower_components/modernizr/modernizr.js"></script>
    <!-- endbuild -->
</head>

<body>

    <script>
    (function(i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r;
        i[r] = i[r] || function() {
            (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date();
        a = s.createElement(o),
            m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
    ga('create', 'UA-40833733-1', 'transfer.sh');
    ga('send', 'pageview');
    </script>

    <div id="navigation">
        <div class="wrapper">
            <h1>transfer.sh</h1>
            <ul>
                <li><a href="#samples">Sample use cases</a>
                </li>
                <li><a href="#contact">contact us</a>
                </li>
            </ul>
        </div>
    </div>

    <section id="home">
        <div class="wrapper">
            <h2>
                Upload and share your files
            </h2>

            <div class="row">
                <div id="from-terminal" class="box col-md-6 col-xs-12">
                    <h3>Easy sharing from the command-line</h3>
                    <div id="terminal">
                        <p style='white-space:pre'></p>
                    </div>
                </div>
                <div id="from-web" class="col-md-6 col-xs-12">
                    <h3>From web</h3>

                    <div id="web">
                        <a class="browse" href="#">
                            <i class="icon-upload-cloud"></i>
                            <p class="click">Drag your files here to upload or click to browse</p>
                        </a>
                        <input type="file" multiple="multiple" style='display: none;' />
                        <ul class='queue' style='color: black; list-style-type: none; margin: 0;'>
                            <li>
                            </li>
                        </ul>
                        <div class='span8 all-files' style='margin: 0; opacity: 0;'>
                            download all files link <a class="download-zip" href="#">zip</a>  <a class="download-tar" href="#">tar.gz</a>
                        </div>
                        <div>
                        </div>

                    </div>

                </div>
                <a href="#features" class="btn-cta">learn more</i> </a>
            </div>
    </section>

    <section id="features">
        <div class="wrapper container">
            <div class="row">
                <div class="col-md-3 col-xs-3">
                    <i class="icon-terminal"></i>
                    <h3>Made for use with shell</h3>
                </div>
                <div class="col-md-3 col-xs-6">
                    <i class="icon-link"></i>
                    <h3>Share files with a URL</h3>
                </div>
                <div class="col-md-3 col-xs-6">
                    <i class="icon-database"></i>
                    <h3>Upload up to 5 GB</h3>
                </div>
                <div class="col-md-3 col-xs-6">
                    <i class="icon-clock"></i>
                    <h3>Files stored for 14 days</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-md-offset-3 col-md-3 col-xs-6">
                    <i class="icon-tag"></i>
                    <h3>For free</h3>
                </div>
                <div class="col-md-3 col-xs-6">
                    <i class="icon-lock"></i>
                    <h3>Encrypt your files</h3>
                </div>
            </div>
        </div>
    </section>


    <section id="samples">
        <div class="wrapper">
            <h2>
                Sample use cases
            </h2>
            <div class="row">
                <div class="col-md-6 ">
                    <h3>Uploading</h3>
                    <h4>Uploading is easy using curl.</h4>
                    <code>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt</code>
                    <h4>Download the file.</h4>
                    <code>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt</code>
                </div>
                <div class="col-md-6 ">
                    <h3>Make an alias</h3>

                    <h4>Create an alias, and add it to .bashrc for faster use</h4>
                    <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>
                    <h4>Now you can just use
                        <strong>transfer</strong>command</h4>
                    <code>$transfer hello.txt</code>


                </div>
            </div>


            <a class="btn-cta" data-target="#coll" data-toggle="collapse">More examples</a>
            <div class="collapse " id="coll">

                <div class="row">
                    <div class="col-md-6">
                        <h3>Transfer multiple files</h3>
                        <h4>Upload multiple files at once

                        </h4>
                        <code>$ curl -i -F filedata=@/tmp/hello.txt -F filedata=@/tmp/hello2.txt https://transfer.sh/</code>

                        <h4>Combining downloads as zip or tar archive</h4>
                        <code>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).tar.gz</code>
                        <br>

                        <code>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).zip</code>


                    </div>
                    <div class="col-md-6">
                        <h3>Encrypt your files before the transfer</h3>
                        <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>
                        <h4></h4>
                        <code>$ cat /tmp/hello.txt|gpg -ac -o-|curl -X PUT --upload-file "-" https://transfer.sh/test.txt</code>
                        <h4>Encrypt and upload</h4>
                        <code>$ curl https://transfer.sh/1lDau/test.txt|gpg -o- > /tmp/hello.txt</code>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <section id="reviews">
        <div class="wrapper">
            <div class="row">

                <div class="col-md-8 col-md-offset-2 col-xs-12">
                    <blockquote class="twitter-tweet xl" lang="en">
                <img class="twitter-profile" src="https://pbs.twimg.com/profile_images/2456827599/eun7gkvkmq2g7ymuliue_reasonably_small.jpeg" alt="">
                        <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>&mdash; Lars Arvestad (@arvestad) <a href="https://twitter.com/arvestad/status/519507976491499521">October 7, 2014</a>
                    </blockquote>
                </div>
            </div>

            <div class="row">


                <div class="col-md-6 col-xs-12">

                    <blockquote class="twitter-tweet" lang="en">
                        <img class="twitter-profile" src="https://pbs.twimg.com/profile_images/2456827599/eun7gkvkmq2g7ymuliue_reasonably_small.jpeg" alt="">
                        <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) September 30, 2014</a>
                    </blockquote>

                </div>
                <div class="col-md-6 col-xs-12">
                    <blockquote class="twitter-tweet" lang="en">
                        <img class="twitter-profile" src="https://pbs.twimg.com/profile_images/2456827599/eun7gkvkmq2g7ymuliue_reasonably_small.jpeg" alt="">
                        <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) September 30, 2014</a>
                    </blockquote>

                </div>
            </div>

            <div class="row">

                <div class="col-md-6 col-xs-12">
                    <blockquote class="twitter-tweet" lang="en">
                        <img class="twitter-profile" src="https://pbs.twimg.com/profile_images/2456827599/eun7gkvkmq2g7ymuliue_reasonably_small.jpeg" alt="">
                        <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>
                        </p><a href="https://twitter.com/jacoblindgren11/status/516975006501203968">&mdash; Jacob Lindgren (@jacoblindgren11) September 30, 2014</a>
                    </blockquote>

                </div>
                <div class="col-md-6 col-xs-12">
                    <blockquote class="twitter-tweet" lang="en">
                        <img class="twitter-profile" src="https://pbs.twimg.com/profile_images/2456827599/eun7gkvkmq2g7ymuliue_reasonably_small.jpeg" alt="">
                        <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>
                        <a href="https://twitter.com/FloifyDave/status/517383101425516544">
                            &mdash; Dave Sims (@FloifyDave)October 1, 2014</a>
                    </blockquote>

                </div>
            </div>
        </div>
    </section>

    <section id="share">
        <div class="wrapper">
            <h2>Share the love</h2>
            <ul class="share-buttons">
                <li>
                    <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> 
                    </a>
                </li>
                <li>
                    <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>
                </li>
                <li>
                    <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> 
                    </a>
                </li>
                <li>
                    <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>
                    </a>
                </li>
            </ul>
        </div>
    </section>

    <section id="contact">
        <div class="wrapper">
            <i class="icon-mail"></i>
            <h2>
                Any questions?
            </h2>
            <a href="#" data-uv-trigger class="btn-cta">contact us</a>
        </div>
    </section>

    <footer>
        <div class="wrapper">
            <img src="images/Logo-orange.png" alt="Founded in Holland">
            <p>Made with <i class="icon-heart"></i> by <a href="http://dutchcoders.io/" title="Dutch Coders">Dutch Coders</a>
            </p>
        </div>
    </footer>

    <a href="https://github.com/dutchcoders/transfer.sh/">
        <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">
    </a>

    <script>
    (function() {
        var uv = document.createElement('script');
        uv.type = 'text/javascript';
        uv.async = true;
        uv.src = '//widget.uservoice.com/5rkATbLIm8ClJQeOirOhFg.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(uv, s)
    })()
    </script>

    <!--[if lt IE 7]>
      <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>
    <![endif]-->

    <script>
    (function(b, o, i, l, e, r) {
        b.GoogleAnalyticsObject = l;
        b[l] || (b[l] =
            function() {
                (b[l].q = b[l].q || []).push(arguments)
            });
        b[l].l = +new Date;
        e = o.createElement(i);
        r = o.getElementsByTagName(i)[0];
        e.src = '//www.google-analytics.com/analytics.js';
        r.parentNode.insertBefore(e, r)
    }(window, document, 'script', 'ga'));
    ga('create', 'UA-40833733-1', 'transfer.sh');
    ga('send', 'pageview');
    </script>

    <!-- build:js scripts/main.js -->
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/typed.js/js/typed.js"></script>
    <script src="bower_components/uri.js/src/URI.min.js"></script>
    <script src="bower_components/bootstrap/js/transition.js"></script>
    <script src="bower_components/bootstrap/js/collapse.js"></script>
    <script src="scripts/main.js"></script>
    <!-- endbuild -->
</body>

</html>