added samples

This commit is contained in:
Uvis Grinfelds 2014-10-24 15:58:03 +02:00
parent 45e29d5d7d
commit f50c2a7bf7
7 changed files with 106 additions and 101 deletions

View file

@ -44,7 +44,7 @@
<div id="navigation"> <div id="navigation">
<div class="wrapper"> <div class="wrapper">
<h1>transfer.sh</h1> <h1>transfer.sh</h1>
<ul> <ul class="hidden-xs">
<li><a href="#samples">sample use cases</a> <li><a href="#samples">sample use cases</a>
</li> </li>
<li><a href="#contact">contact us</a> <li><a href="#contact">contact us</a>
@ -56,9 +56,7 @@
<section id="home"> <section id="home">
<div class="wrapper"> <div class="wrapper">
<h2> <h2>
Easy file sharing from the command line Easy file sharing from the command line</h2>
</h2>
<!-- <p class="lead">Share your files using this and drag and rop or click here to upload</p> -->
<div class="row animated fadeInDown"> <div class="row animated fadeInDown">
<div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12"> <div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12">
<div class="terminal-top"> <div class="terminal-top">
@ -73,7 +71,7 @@
<span class="code-title"># Create an alias</span> <span class="code-title"># Create an alias</span>
<br>$ transfer hello.txt <br>$ transfer hello.txt
<br>##################################################### 100.0% https://transfer.sh/eibhM/hello.txt <br>##################################################### 100.0% https://transfer.sh/eibhM/hello.txt
</code>ch </code>
</div> </div>
<div id="web"> <div id="web">
<code> <code>
@ -148,45 +146,36 @@
</h2> </h2>
<div class="row"> <div class="row">
<div class="col-md-6 "> <div class="col-md-6 ">
<h3>Uploading</h3> <h3>How to upload</h3>
<div id="" class="terminal"> <div class="terminal-top">
</div>
<div class="terminal">
<code> <code>
<span class="code-title"># Upload is easy using cURL</span> <span class="code-title"># Uploading is easy using curl</span>
<br>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt https://transfer.sh/66nb8/hello.txt <br>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt
<br> <br>
<br> <br>
<span class="code-title"># Download the file</span> <span class="code-title"># Download the file</span>
<br>$ transfer hello.txt <br>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt
<br>#################################################### 100.0% https://transfer.sh/eibhM/hello.txt
<span class="code-title"># Upload multiple files</span>
<br>$ transfer hello.txt
<br>https://transfer.sh/eibhM/hello.txt
<br>
<br>
</code> </code>
</div> </div>
</div> </div>
<div class="col-md-6 "> <div class="col-md-6 ">
<h3>Create an alias and add to .bashrc</h3> <h3>Create an alias and add it to .bashrc</h3>
<div id="" class="terminal"> <div class="terminal-top">
</div>
<div class="terminal">
<code> <code>
<span class="code-title"># Upload is easy using cURL</span> <span class="code-title"># Add this to .bashrc or it equivalent</span>
<br>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt https://transfer.sh/66nb8/hello.txt <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; }
<br> <br>
<br> <br>
<span class="code-title"># Download the file</span> <span class="code-title"># Now you can use transfer command</span>
<br>tmpfile = $( mktemp -t transfer ) curl --progress-bar --upload-file $1 https://transfer.sh/$(basename $1) >> $tmpfile; cat $tmpfile; rm -f $tmpfile; }
<br>
<span class="code-title"># Now you can just use transfer command</span>
<br>$ transfer hello.txt <br>$ transfer hello.txt
<br>
<br>
</code> </code>
</div> </div>
</div> </div>
</div> </div>
@ -195,42 +184,34 @@
<div class="collapse " id="coll"> <div class="collapse " id="coll">
<div class="row"> <div class="row">
<div class="col-md-6 "> <div class="col-md-6 ">
<h3>Uploading</h3> <h3>Upload multiple files at once</h3>
<div id="" class="terminal"> <div class="terminal-top">
</div>
<div class="terminal">
<code> <code>
<span class="code-title"># Upload is easy using cURL</span> <br>$ curl -i -F filedata=@/tmp/hello.txt -F filedata=@/tmp/hello2.txt https://transfer.sh/
<br>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt https://transfer.sh/66nb8/hello.txt
<br>
<br>
<span class="code-title"># Download the file</span>
<br>$ transfer hello.txt
<br>#################################################### 100.0% https://transfer.sh/eibhM/hello.txt
<span class="code-title"># Upload multiple files</span>
<br>$ transfer hello.txt
<br>https://transfer.sh/eibhM/hello.txt
<br> <br>
<br> <br>
<span class="code-title"># Combining downloads as zip or tar archive</span>
<br>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).tar.gz
<br/>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).zip
</code> </code>
</div> </div>
</div> </div>
<div class="col-md-6 "> <div class="col-md-6 ">
<h3>Create an alias and add to .bashrc</h3> <h3>Encrypt your files before the transfer</h3>
<div id="" class="terminal"> <div class="terminal-top">
</div>
<div class="terminal">
<code> <code>
<span class="code-title"># Upload is easy using cURL</span> <span class="code-title"># Encrypt files with password using gpk</span>
<br>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt https://transfer.sh/66nb8/hello.txt <br>$ cat /tmp/hello.txt|gpg -ac -o-|curl -X PUT --upload-file "-" https://transfer.sh/test.txt
<br> <br>
<br> <br>
<span class="code-title"># Download the file</span> <span class="code-title"># Encrypt and upload</span>
<br>tmpfile = $( mktemp -t transfer ) curl --progress-bar --upload-file $1 https://transfer.sh/$(basename $1) >> $tmpfile; cat $tmpfile; rm -f $tmpfile; } <br>$ curl https://transfer.sh/1lDau/test.txt|gpg -o- > /tmp/hello.txt
<br>
<span class="code-title"># Now you can just use transfer command</span>
<br>$ transfer hello.txt
<br>
<br>
</code> </code>
</div> </div>
</div> </div>
@ -238,29 +219,31 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<h3>Transfer multiple files</h3> <h3>Scan for malware</h3>
<h4>Upload multiple files at once <div class="terminal-top">
</h4> </div>
<code>$ curl -i -F filedata=@/tmp/hello.txt -F filedata=@/tmp/hello2.txt https://transfer.sh/</code> <div class="terminal">
<code>
<h4>Combining downloads as zip or tar archive</h4> <span class="code-title"># Scan for malware or viruses using Clamav</span>
<code>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).tar.gz</code> <br>wget http://www.eicar.org/download/eicar.com
<br> <br>curl -X PUT --upload-file ./eicar.com https://transfer.sh/eicar.com/scan
<br>
<code>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).zip</code> <span class="code-title"># Upload malware to VirusTotal, get a permalink in return</span>
<br>curl -X PUT --upload-file nhgbhhj https://transfer.sh/test.txt/virustotal
<br>
</code>
</div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<h3>Encrypt your files before the transfer</h3> <h3>Send us your awesome example</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> <div class="terminal-top">
<h4></h4> </div>
<code>$ cat /tmp/hello.txt|gpg -ac -o-|curl -X PUT --upload-file "-" https://transfer.sh/test.txt</code> <div class="terminal">
<h4>Encrypt and upload</h4> <code>
<code>$ curl https://transfer.sh/1lDau/test.txt|gpg -o- > /tmp/hello.txt</code> </code>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>

View file

@ -7,7 +7,7 @@
} }
#navigation { #navigation {
margin-top: 40px; margin-top: 30px;
ul { ul {
list-style: none; list-style: none;
max-width: 300px; max-width: 300px;
@ -19,11 +19,10 @@
} }
h1 { h1 {
text-align: center; text-align: center;
font-family: monospace; font-family: @font-family-mono;
margin-bottom: 15px; margin-bottom: 15px;
color: @dark-blue; color: @dark-blue;
font-weight: 600; font-size: 35px;
font-size: 40px;
} }
@media (min-width: @screen-sm-min) { @media (min-width: @screen-sm-min) {
ul { ul {

View file

@ -1,13 +1,13 @@
#home { #home {
text-align: center; text-align: center;
h2 { h2 {
font-size: 40px; font-size: 30px;
} }
@media (min-width: @screen-sm-min) { @media (min-width: @screen-sm-min) {
padding: 50px; padding: 50px;
h2 { h2 {
font-size: 45px; font-size: 45px;
margin-top: -10px; margin-top: -20px;
margin-bottom: 45px; margin-bottom: 45px;
} }
} }
@ -19,18 +19,20 @@
#web, .terminal { #web, .terminal {
word-wrap: break-word; word-wrap: break-word;
font-size: 12px;
.code-title { .code-title {
color: @red; color: @red;
} }
padding: 30px 0 0 10px; padding: 25px 0 0 10px;
@media (min-width: @screen-sm-min) { @media (min-width: @screen-sm-min) {
padding: 30px 0 0 20px; padding: 25px 0 0 20px;
font-size: 15px
} }
code { code {
font-family: @font-family-mono; font-family: @font-family-mono;
} }
font-family: @font-family-mono; font-family: @font-family-mono;
font-size: 15px;
text-align: left; text-align: left;
color: #fff; color: #fff;
} }
@ -38,7 +40,6 @@
#web { #web {
margin-top: -2px; margin-top: -2px;
.border-bottom-radius (5px);
padding-top: 0; padding-top: 0;
padding-bottom: 50px; padding-bottom: 50px;
width: 100%; width: 100%;
@ -58,10 +59,12 @@
a { a {
color: #fff; color: #fff;
} }
.border-bottom-radius (5px);
} }
.terminal { .terminal {
.border-top-radius (0); .border-top-radius (0);
.border-bottom-radius (5px);
background: @dark-blue; background: @dark-blue;
// background: url(../images/terminal.svg); // background: url(../images/terminal.svg);
background-repeat: no-repeat; background-repeat: no-repeat;

View file

@ -31,8 +31,9 @@
text-align: left; text-align: left;
} }
.terminal { .terminal {
padding: 30px 15px; padding: 20px 15px;
font-size: 13px; font-size: 13px;
min-height: 230px;
} }
} }
@ -56,6 +57,7 @@
padding: 75px 0; padding: 75px 0;
a { a {
color: #fff; color: #fff;
text-decoration: none;
} }
} }

View file

@ -18,6 +18,9 @@ blockquote.twitter-tweet {
padding: 0 16px 16px 16px; padding: 0 16px 16px 16px;
text-align: right; text-align: right;
border: 0; border: 0;
img {
margin: 0 auto;
}
} }
blockquote.twitter-tweet p { blockquote.twitter-tweet p {
@ -39,7 +42,12 @@ blockquote.twitter-tweet a:focus {
text-decoration: underline; text-decoration: underline;
} }
blockquote.tweet-xl p { blockquote.tweet-xl {
font-size: 22px; p {
line-height: 25px; font-size: 22px;
} line-height: 25px;
}
a {
font-size: 22px;
}
}

View file

@ -5365,7 +5365,7 @@ body {
padding: 0.2em 0; padding: 0.2em 0;
} }
#navigation { #navigation {
margin-top: 40px; margin-top: 30px;
} }
#navigation ul { #navigation ul {
list-style: none; list-style: none;
@ -5378,11 +5378,10 @@ body {
} }
#navigation h1 { #navigation h1 {
text-align: center; text-align: center;
font-family: monospace; font-family: "Droid Sans Mono", monospace;
margin-bottom: 15px; margin-bottom: 15px;
color: #36535a; color: #36535a;
font-weight: 600; font-size: 35px;
font-size: 40px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
#navigation ul { #navigation ul {
@ -5484,7 +5483,7 @@ a:hover {
text-align: center; text-align: center;
} }
#home h2 { #home h2 {
font-size: 40px; font-size: 30px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
#home { #home {
@ -5492,7 +5491,7 @@ a:hover {
} }
#home h2 { #home h2 {
font-size: 45px; font-size: 45px;
margin-top: -10px; margin-top: -20px;
margin-bottom: 45px; margin-bottom: 45px;
} }
} }
@ -5502,9 +5501,9 @@ a:hover {
#web, #web,
.terminal { .terminal {
word-wrap: break-word; word-wrap: break-word;
padding: 30px 0 0 10px; font-size: 12px;
padding: 25px 0 0 10px;
font-family: "Droid Sans Mono", monospace; font-family: "Droid Sans Mono", monospace;
font-size: 15px;
text-align: left; text-align: left;
color: #fff; color: #fff;
} }
@ -5515,7 +5514,8 @@ a:hover {
@media (min-width: 768px) { @media (min-width: 768px) {
#web, #web,
.terminal { .terminal {
padding: 30px 0 0 20px; padding: 25px 0 0 20px;
font-size: 15px;
} }
} }
#web code, #web code,
@ -5524,8 +5524,6 @@ a:hover {
} }
#web { #web {
margin-top: -2px; margin-top: -2px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
padding-top: 0; padding-top: 0;
padding-bottom: 50px; padding-bottom: 50px;
width: 100%; width: 100%;
@ -5533,6 +5531,8 @@ a:hover {
background: #36535a; background: #36535a;
-webkit-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
transition: all 0.3s ease; transition: all 0.3s ease;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
} }
#web .btn-cta { #web .btn-cta {
padding: 5px 10px; padding: 5px 10px;
@ -5550,6 +5550,8 @@ a:hover {
.terminal { .terminal {
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
background: #36535a; background: #36535a;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
@ -5610,8 +5612,9 @@ a:hover {
text-align: left; text-align: left;
} }
#samples .terminal { #samples .terminal {
padding: 30px 15px; padding: 20px 15px;
font-size: 13px; font-size: 13px;
min-height: 230px;
} }
#share { #share {
text-align: center; text-align: center;
@ -5633,6 +5636,7 @@ a:hover {
} }
#share a { #share a {
color: #fff; color: #fff;
text-decoration: none;
} }
footer { footer {
text-align: center; text-align: center;
@ -5691,6 +5695,9 @@ blockquote.twitter-tweet {
text-align: right; text-align: right;
border: 0; border: 0;
} }
blockquote.twitter-tweet img {
margin: 0 auto;
}
blockquote.twitter-tweet p { blockquote.twitter-tweet p {
font-size: 17px; font-size: 17px;
font-weight: normal; font-weight: normal;
@ -5711,6 +5718,9 @@ blockquote.tweet-xl p {
font-size: 22px; font-size: 22px;
line-height: 25px; line-height: 25px;
} }
blockquote.tweet-xl a {
font-size: 22px;
}
@font-face { @font-face {
font-family: "transfersh"; font-family: "transfersh";
src: url("../fonts/transfersh.eot"); src: url("../fonts/transfersh.eot");

File diff suppressed because one or more lines are too long