v/transfer.sh
1
0
Fork 0
mirror of https://github.com/dutchcoders/transfer.sh.git synced 2020-11-18 19:53:40 -08:00
Code Issues Releases Wiki Activity

terminal cleanup

Browse Source
This commit is contained in:
Uvis Grinfelds 2014-10-24 13:28:04 +02:00
parent 8e552d3835
commit f770f5484c
6 changed files with 134 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
transfersh-web/images/terminal-top.svg
View File

@ -49,9 +49,9 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.4"
inkscape:cx="596.66813"
inkscape:cy="145.67588"
inkscape:zoom="0.7"
inkscape:cx="189.78652"
inkscape:cy="256.28694"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
@ -160,13 +160,12 @@
<rect
style="fill:#85b5bb;fill-opacity:1;stroke:none"
id="rect4487"
width="750"
height="29.555786"
x="93.957497"
y="365.26608"
rx="10" />
width="789.90106"
height="49.982914"
x="85.371201"
y="355.16455" />
<g
transform="matrix(1.1097131,0,0,-1.1097131,-61.488805,1196.9771)"
transform="matrix(1.4512649,0,0,-1.4512649,-114.5591,1453.446)"
id="g24"
style="fill:#ff7050">
<g
@ -193,7 +192,7 @@
</g>
</g>
<g
transform="matrix(1.1097131,0,0,-1.1097131,-61.488805,1196.9771)"
transform="matrix(1.4512649,0,0,-1.4512649,-114.5591,1453.507)"
id="g40"
style="fill:#ffed5d">
<g
@ -220,7 +219,7 @@
</g>
</g>
<g
transform="matrix(1.1097131,0,0,-1.1097131,-61.837185,1196.9771)"
transform="matrix(1.4512649,0,0,-1.4512649,-115.0147,1453.4765)"
id="g56"
style="fill:#93de7f">
<g
@ -246,12 +245,5 @@
</g>
</g>
</g>
<rect
style="fill:#36535a;fill-opacity:1;stroke:none"
id="rect4838"
width="750"
height="7.8571429"
x="93.957497"
y="387.40894" />
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 6.9 KiB

99
transfersh-web/index.html
View File

@ -61,7 +61,9 @@
<!-- <p class="lead">Share your files using this and drag and rop or click here to upload</p> -->
<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"></div> -->
<div class="terminal-top">
</div>
<div id="terminal" class="terminal">
<code>
<span class="code-title"># Upload using cURL</span>
@ -72,7 +74,6 @@
</code>
</div>
<div id="web">
<code>
<br>
<span class="code-title"># Upload from web</span>
@ -84,7 +85,8 @@
</li>
</ul>
<div class='all-files'>
<h4>Download your files:</h4>
<br>
<span class="code-title"># Download all your files</span><br/>
<a class="download-zip btn-cta" href="#">zip</a> <a class="download-tar btn-cta" href="#">tar.gz</a>
</div>
</div>
@ -144,32 +146,42 @@
<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 id="" 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>
<br>
</code>
</div>
</div>
<div class="col-md-6 ">
<h3>Make an alias</h3>
<h4>Create an alias, and add it to .bashrc for faster use</h4>
<pre>
<code id="terminal-code" class="bash">
# transfer.sh alias
# write output to tmpfile because of progress bar
$ transfer() {
<h3>Create an alias and add to .bashrc</h3>
<div id="" 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;
}
alias transfer=transfers
</code>
</pre>
}<br>
<h4>Now you can just use
<strong>transfer</strong>command</h4>
<code>$transfer hello.txt</code>
<span class="code-title"># Now you can just use transfer command</span>
<br>$ transfer hello.txt <br>
<br>
</code>
</div>
</div>
</div>
@ -178,6 +190,49 @@
<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>Uploading</h3>
<div id="" 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>
<br>
</code>
</div>
</div>
<div class="col-md-6 ">
<h3>Create an alias and add to .bashrc</h3>
<div id="" 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 <br>
<br>
</code>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h3>Transfer multiple files</h3>

23
transfersh-web/styles/includes/home.less
View File

@ -17,7 +17,7 @@
}
#web, #terminal {
#web, .terminal {
word-wrap: break-word;
.code-title {
color: @red;
@ -39,7 +39,7 @@ font-family: @font-family-mono;
#web {
margin-top: -2px;
.border-bottom-radius (10px);
.border-bottom-radius (5px);
padding-top: 0;
padding-bottom: 50px;
width: 100%;
@ -66,8 +66,8 @@ font-family: @font-family-mono;
}
#terminal {
.border-top-radius (10px);
.terminal {
.border-top-radius (5px);
// min-height: 150px;
@media (min-width: @screen-sm-min) {
//min-height: 350px;
@ -84,12 +84,23 @@ font-family: @font-family-mono;
}
#terminal {
background: url(../images/terminal.svg);
.terminal {
.border-top-radius (0px);
background: @dark-blue;
// background: url(../images/terminal.svg);
background-repeat: no-repeat;
background-size: cover;
}
.terminal-top {
.border-top-radius (5px);
background: url(../images/terminal-top.svg);
background-repeat: no-repeat;
background-size: cover;
height: 30px;
}
.progress {
max-width: 80%;
margin: 0 auto;

16
transfersh-web/styles/includes/pages.less
View File

@ -21,18 +21,6 @@
h4 {
margin-top: 30px;
}
code {
display: block;
padding: 10px 20px;
background: @dark-blue;
font-family: @font-family-mono;
font-size: 12px;
border-radius: 5px;
color: #fff;
text-align: left;
font-weight: 400;
text-wrap:none;
}
padding: 50px 0;
text-align: center;
.btn-cta {
@ -42,6 +30,10 @@
h4 {
text-align: left;
}
.terminal {
padding: 30px 15px;
font-size: 13px;
}
}
#share {

48
transfersh-web/styles/main.css
View File

@ -5500,7 +5500,7 @@ a:hover {
margin: 50px 0 25px 0;
}
#web,
#terminal {
.terminal {
word-wrap: break-word;
padding: 35px 0 0 10px;
font-family: "Droid Sans Mono", monospace;
@ -5509,23 +5509,23 @@ a:hover {
color: #fff;
}
#web .code-title,
#terminal .code-title {
.terminal .code-title {
color: #e96e57;
}
@media (min-width: 768px) {
#web,
#terminal {
.terminal {
padding: 50px 0 0 20px;
}
}
#web code,
#terminal code {
.terminal code {
font-family: "Droid Sans Mono", monospace;
}
#web {
margin-top: -2px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
padding-top: 0;
padding-bottom: 50px;
width: 100%;
@ -5551,18 +5551,28 @@ a:hover {
#web a {
color: #fff;
}
#terminal {
border-top-right-radius: 10px;
border-top-left-radius: 10px;
.terminal {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.dragged {
background: #f6f8f8;
}
#terminal {
background: url(../images/terminal.svg);
.terminal {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
background: #36535a;
background-repeat: no-repeat;
background-size: cover;
}
.terminal-top {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
background: url(../images/terminal-top.svg);
background-repeat: no-repeat;
background-size: cover;
height: 30px;
}
.progress {
max-width: 80%;
margin: 0 auto;
@ -5597,18 +5607,6 @@ a:hover {
#samples h4 {
margin-top: 30px;
}
#samples code {
display: block;
padding: 10px 20px;
background: #36535a;
font-family: "Droid Sans Mono", monospace;
font-size: 12px;
border-radius: 5px;
color: #fff;
text-align: left;
font-weight: 400;
text-wrap: none;
}
#samples .btn-cta {
margin: 30px 0;
cursor: pointer;
@ -5616,6 +5614,10 @@ a:hover {
#samples h4 {
text-align: left;
}
#samples .terminal {
padding: 30px 15px;
font-size: 13px;
}
#share {
text-align: center;
background: #85b5bb;

2
transfersh-web/styles/main.css.map
View File

File diff suppressed because one or more lines are too long