Browse Source

added samples

tags/v1.0.0
Uvis Grinfelds 9 years ago
parent
commit
f50c2a7bf7
7 changed files with 106 additions and 101 deletions
  1. +56
    -73
      transfersh-web/index.html
  2. +3
    -4
      transfersh-web/styles/includes/global.less
  3. +9
    -6
      transfersh-web/styles/includes/home.less
  4. +3
    -1
      transfersh-web/styles/includes/pages.less
  5. +12
    -4
      transfersh-web/styles/includes/reviews.less
  6. +22
    -12
      transfersh-web/styles/main.css
  7. +1
    -1
      transfersh-web/styles/main.css.map

+ 56
- 73
transfersh-web/index.html View File

@@ -44,7 +44,7 @@
<div id="navigation">
<div class="wrapper">
<h1>transfer.sh</h1>
<ul>
<ul class="hidden-xs">
<li><a href="#samples">sample use cases</a>
</li>
<li><a href="#contact">contact us</a>
@@ -56,9 +56,7 @@
<section id="home">
<div class="wrapper">
<h2>
Easy file sharing from the command line
</h2>
<!-- <p class="lead">Share your files using this and drag and rop or click here to upload</p> -->
Easy file sharing from the command line</h2>
<div class="row animated fadeInDown">
<div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12">
<div class="terminal-top">
@@ -73,7 +71,7 @@
<span class="code-title"># Create an alias</span>
<br>$ transfer hello.txt
<br>##################################################### 100.0% https://transfer.sh/eibhM/hello.txt
</code>ch
</code>
</div>
<div id="web">
<code>
@@ -148,45 +146,36 @@
</h2>
<div class="row">
<div class="col-md-6 ">
<h3>Uploading</h3>
<div id="" class="terminal">
<h3>How to upload</h3>
<div class="terminal-top">

</div>
<div class="terminal">
<code>
<span class="code-title"># Upload is easy using cURL</span>
<br>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt https://transfer.sh/66nb8/hello.txt
<span class="code-title"># Uploading is easy using curl</span>
<br>$ curl --upload-file ./hello.txt https://transfer.sh/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>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt
</code>
</div>
</div>
<div class="col-md-6 ">
<h3>Create an alias and add to .bashrc</h3>
<div id="" class="terminal">
<h3>Create an alias and add it to .bashrc</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code>
<span class="code-title"># Upload is easy using cURL</span>
<br>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt https://transfer.sh/66nb8/hello.txt
<br>
<span class="code-title"># Add this to .bashrc or it equivalent</span>
<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>
<span class="code-title"># Download the file</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>
<span class="code-title"># Now you can use transfer command</span>
<br>$ transfer hello.txt
<br>
<br>

</code>
</div>
</div>

</div>


@@ -195,42 +184,34 @@
<div class="collapse " id="coll">
<div class="row">
<div class="col-md-6 ">
<h3>Uploading</h3>
<div id="" class="terminal">
<h3>Upload multiple files at once</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code>
<span class="code-title"># Upload is easy using cURL</span>
<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>$ curl -i -F filedata=@/tmp/hello.txt -F filedata=@/tmp/hello2.txt https://transfer.sh/
<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>
</div>


</div>
<div class="col-md-6 ">
<h3>Create an alias and add to .bashrc</h3>
<div id="" class="terminal">
<h3>Encrypt your files before the transfer</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code>
<span class="code-title"># Upload is easy using cURL</span>
<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>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
<span class="code-title"># Encrypt files with password using gpk</span>
<br>$ cat /tmp/hello.txt|gpg -ac -o-|curl -X PUT --upload-file "-" https://transfer.sh/test.txt
<br>
<br>

<span class="code-title"># Encrypt and upload</span>
<br>$ curl https://transfer.sh/1lDau/test.txt|gpg -o- > /tmp/hello.txt
</code>
</div>
</div>
@@ -238,29 +219,31 @@
</div>
<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>


<h3>Scan for malware</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code>
<span class="code-title"># Scan for malware or viruses using Clamav</span>
<br>wget http://www.eicar.org/download/eicar.com
<br>curl -X PUT --upload-file ./eicar.com https://transfer.sh/eicar.com/scan
<br>
<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 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>
<h3>Send us your awesome example</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code>
</code>
</div>
</div>
</div>

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


+ 3
- 4
transfersh-web/styles/includes/global.less View File

@@ -7,7 +7,7 @@
}

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


+ 9
- 6
transfersh-web/styles/includes/home.less View File

@@ -1,13 +1,13 @@
#home {
text-align: center;
h2 {
font-size: 40px;
font-size: 30px;
}
@media (min-width: @screen-sm-min) {
padding: 50px;
h2 {
font-size: 45px;
margin-top: -10px;
margin-top: -20px;
margin-bottom: 45px;
}
}
@@ -19,18 +19,20 @@

#web, .terminal {
word-wrap: break-word;
font-size: 12px;
.code-title {
color: @red;
}
padding: 30px 0 0 10px;
padding: 25px 0 0 10px;
@media (min-width: @screen-sm-min) {
padding: 30px 0 0 20px;
padding: 25px 0 0 20px;
font-size: 15px
}
code {
font-family: @font-family-mono;
}
font-family: @font-family-mono;
font-size: 15px;
text-align: left;
color: #fff;
}
@@ -38,7 +40,6 @@

#web {
margin-top: -2px;
.border-bottom-radius (5px);
padding-top: 0;
padding-bottom: 50px;
width: 100%;
@@ -58,10 +59,12 @@
a {
color: #fff;
}
.border-bottom-radius (5px);
}

.terminal {
.border-top-radius (0);
.border-bottom-radius (5px);
background: @dark-blue;
// background: url(../images/terminal.svg);
background-repeat: no-repeat;


+ 3
- 1
transfersh-web/styles/includes/pages.less View File

@@ -31,8 +31,9 @@
text-align: left;
}
.terminal {
padding: 30px 15px;
padding: 20px 15px;
font-size: 13px;
min-height: 230px;
}
}

@@ -56,6 +57,7 @@
padding: 75px 0;
a {
color: #fff;
text-decoration: none;
}
}



+ 12
- 4
transfersh-web/styles/includes/reviews.less View File

@@ -18,6 +18,9 @@ blockquote.twitter-tweet {
padding: 0 16px 16px 16px;
text-align: right;
border: 0;
img {
margin: 0 auto;
}
}

blockquote.twitter-tweet p {
@@ -39,7 +42,12 @@ blockquote.twitter-tweet a:focus {
text-decoration: underline;
}
blockquote.tweet-xl p {
font-size: 22px;
line-height: 25px;
}
blockquote.tweet-xl {
p {
font-size: 22px;
line-height: 25px;
}
a {
font-size: 22px;
}
}

+ 22
- 12
transfersh-web/styles/main.css View File

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


+ 1
- 1
transfersh-web/styles/main.css.map
File diff suppressed because it is too large
View File


Loading…
Cancel
Save