mirror of
https://github.com/dutchcoders/transfer.sh.git
synced 2020-11-18 19:53:40 -08:00
Merge branch 'uvis-dev'
Conflicts: transfersh-server/static/index.html transfersh-server/static/scripts/main.js transfersh-server/static/styles/main.css transfersh-web/index.html
This commit is contained in:
Remco
commit
68c48b775b
1
.gitignore
vendored
1
.gitignore
vendored
@ -13,3 +13,4 @@ bower_components/
|
|||||||
node_modules/
|
node_modules/
|
||||||
|
|
||||||
transfersh-server/run.sh
|
transfersh-server/run.sh
|
||||||
|
transfersh-server/static
|
||||||
16
Gruntfile.js
16
Gruntfile.js
@ -129,7 +129,7 @@ module.exports = function (grunt) {
|
|||||||
src: [
|
src: [
|
||||||
'<%= yeoman.dist %>/scripts/{,*/}*.js',
|
'<%= yeoman.dist %>/scripts/{,*/}*.js',
|
||||||
'<%= yeoman.dist %>/styles/{,*/}*.css',
|
'<%= yeoman.dist %>/styles/{,*/}*.css',
|
||||||
'<%= yeoman.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp}',
|
'<%= yeoman.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}',
|
||||||
'<%= yeoman.dist %>/fonts/{,*/}*.*'
|
'<%= yeoman.dist %>/fonts/{,*/}*.*'
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
@ -158,16 +158,7 @@ module.exports = function (grunt) {
|
|||||||
}]
|
}]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
svgmin: {
|
|
||||||
dist: {
|
|
||||||
files: [{
|
|
||||||
expand: true,
|
|
||||||
cwd: '<%= yeoman.app %>/images',
|
|
||||||
src: '{,*/}*.svg',
|
|
||||||
dest: '<%= yeoman.dist %>/images'
|
|
||||||
}]
|
|
||||||
}
|
|
||||||
},
|
|
||||||
cssmin: {
|
cssmin: {
|
||||||
dist: {
|
dist: {
|
||||||
files: {
|
files: {
|
||||||
@ -212,7 +203,7 @@ module.exports = function (grunt) {
|
|||||||
'.htaccess',
|
'.htaccess',
|
||||||
'index.txt',
|
'index.txt',
|
||||||
'404.txt',
|
'404.txt',
|
||||||
'images/{,*/}*.{webp,gif}'
|
'images/{,*/}*.{webp,gif,svg}'
|
||||||
]
|
]
|
||||||
}]
|
}]
|
||||||
},
|
},
|
||||||
@ -236,7 +227,6 @@ module.exports = function (grunt) {
|
|||||||
dist: [
|
dist: [
|
||||||
'less',
|
'less',
|
||||||
'imagemin',
|
'imagemin',
|
||||||
'svgmin',
|
|
||||||
'htmlmin'
|
'htmlmin'
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
22
package.json
22
package.json
@ -6,25 +6,25 @@
|
|||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"grunt": "~0.4.5",
|
"grunt": "~0.4.5",
|
||||||
"grunt-contrib-copy": "~0.6.0",
|
"grunt-concurrent": "~1.0.0",
|
||||||
"grunt-contrib-concat": "~0.5.0",
|
|
||||||
"grunt-contrib-uglify": "~0.6.0",
|
|
||||||
"grunt-contrib-jshint": "~0.10.0",
|
|
||||||
"grunt-contrib-cssmin": "~0.10.0",
|
|
||||||
"grunt-contrib-connect": "~0.8.0",
|
|
||||||
"grunt-contrib-clean": "~0.6.0",
|
"grunt-contrib-clean": "~0.6.0",
|
||||||
|
"grunt-contrib-concat": "~0.5.0",
|
||||||
|
"grunt-contrib-connect": "~0.8.0",
|
||||||
|
"grunt-contrib-copy": "~0.6.0",
|
||||||
|
"grunt-contrib-cssmin": "~0.10.0",
|
||||||
"grunt-contrib-htmlmin": "~0.3.0",
|
"grunt-contrib-htmlmin": "~0.3.0",
|
||||||
"grunt-contrib-less": "~0.11.4",
|
|
||||||
"grunt-contrib-imagemin": "0.8.1",
|
"grunt-contrib-imagemin": "0.8.1",
|
||||||
|
"grunt-contrib-jshint": "~0.10.0",
|
||||||
|
"grunt-contrib-less": "~0.11.4",
|
||||||
|
"grunt-contrib-uglify": "~0.6.0",
|
||||||
"grunt-contrib-watch": "~0.6.1",
|
"grunt-contrib-watch": "~0.6.1",
|
||||||
"grunt-rev": "~0.1.0",
|
"grunt-rev": "~0.1.0",
|
||||||
"grunt-usemin": "~2.4.0",
|
|
||||||
"grunt-svgmin": "1.0.0",
|
"grunt-svgmin": "1.0.0",
|
||||||
"grunt-concurrent": "~1.0.0",
|
"grunt-usemin": "~2.4.0",
|
||||||
|
"jshint-stylish": "~1.0.0",
|
||||||
"load-grunt-tasks": "~0.6.0",
|
"load-grunt-tasks": "~0.6.0",
|
||||||
"matchdep": "~0.3.0",
|
"matchdep": "~0.3.0",
|
||||||
"time-grunt": "~1.0.0",
|
"time-grunt": "~1.0.0"
|
||||||
"jshint-stylish": "~1.0.0"
|
|
||||||
},
|
},
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=0.8.0"
|
"node": ">=0.8.0"
|
||||||
|
|||||||
@ -1 +1,189 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.2" width="350" height="201.676"><defs><clipPath id="c"><path d="M186.202 744.21h9.42v-9.42h-9.42v9.42z"/></clipPath><clipPath id="b"><path d="M170.79 744.21h9.42v-9.42h-9.42v9.42z"/></clipPath><clipPath id="a"><path d="M155.38 744.21h9.418v-9.42h-9.42v9.42z"/></clipPath></defs><g transform="translate(-73.571 -371.524)"><rect width="350" height="22.806" rx="3" x="73.571" y="371.524" fill="#85b5bb"/><g fill="#ff7050"><path d="M88.28 377.68c0 2.09-1.696 3.785-3.787 3.785-2.09 0-3.786-1.695-3.786-3.786 0-2.092 1.695-3.787 3.786-3.787 2.09 0 3.786 1.695 3.786 3.786" clip-path="url(#a)" opacity=".71"/></g><g fill="#ffed5d"><path d="M100.676 377.68c0 2.09-1.695 3.785-3.786 3.785-2.09 0-3.786-1.695-3.786-3.786 0-2.092 1.695-3.787 3.786-3.787 2.09 0 3.786 1.695 3.786 3.786" clip-path="url(#b)" opacity=".71"/></g><g fill="#93de7f"><path d="M112.82 377.68c0 2.09-1.694 3.785-3.785 3.785-2.09 0-3.786-1.695-3.786-3.786 0-2.092 1.694-3.787 3.785-3.787 2.09 0 3.786 1.695 3.786 3.786" clip-path="url(#c)" opacity=".71"/></g><path d="M423.57 570.972c0 1.23-1.094 2.228-2.447 2.228H76.02c-1.353 0-2.45-.997-2.45-2.228V384.387h350v186.585z" fill="#36535a"/></g></svg>
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
version="1.2"
|
||||||
|
width="880.62976"
|
||||||
|
height="385.37302"
|
||||||
|
id="svg3340"
|
||||||
|
inkscape:version="0.48.3.1 r9886"
|
||||||
|
sodipodi:docname="terminal.svg">
|
||||||
|
<sodipodi:namedview
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1"
|
||||||
|
objecttolerance="10"
|
||||||
|
gridtolerance="10"
|
||||||
|
guidetolerance="10"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:window-width="1680"
|
||||||
|
inkscape:window-height="1023"
|
||||||
|
id="namedview5700"
|
||||||
|
showgrid="false"
|
||||||
|
fit-margin-top="0"
|
||||||
|
fit-margin-left="0"
|
||||||
|
fit-margin-right="0"
|
||||||
|
fit-margin-bottom="0"
|
||||||
|
inkscape:zoom="0.82745079"
|
||||||
|
inkscape:cx="303.76759"
|
||||||
|
inkscape:cy="201.44631"
|
||||||
|
inkscape:window-x="0"
|
||||||
|
inkscape:window-y="0"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="layer1" />
|
||||||
|
<defs
|
||||||
|
id="defs3342">
|
||||||
|
<clipPath
|
||||||
|
id="clipPath60">
|
||||||
|
<path
|
||||||
|
d="m 186.202,744.209 9.419,0 0,-9.418 -9.419,0 0,9.418 z"
|
||||||
|
id="path62"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
</clipPath>
|
||||||
|
<clipPath
|
||||||
|
id="clipPath44">
|
||||||
|
<path
|
||||||
|
d="m 170.791,744.209 9.418,0 0,-9.418 -9.418,0 0,9.418 z"
|
||||||
|
id="path46"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
</clipPath>
|
||||||
|
<clipPath
|
||||||
|
id="clipPath28">
|
||||||
|
<path
|
||||||
|
d="m 155.379,744.209 9.419,0 0,-9.418 -9.419,0 0,9.418 z"
|
||||||
|
id="path30"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
<metadata
|
||||||
|
id="metadata3345">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title />
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
transform="matrix(2.5160848,0,0,2.5160848,-185.11191,-934.78601)"
|
||||||
|
id="layer1">
|
||||||
|
<rect
|
||||||
|
width="350.00003"
|
||||||
|
height="22.806349"
|
||||||
|
rx="3"
|
||||||
|
x="73.571411"
|
||||||
|
y="371.52405"
|
||||||
|
id="rect4487"
|
||||||
|
style="fill:#85b5bb;fill-opacity:1;stroke:none" />
|
||||||
|
<g
|
||||||
|
transform="matrix(0.80442929,0,0,-0.80442929,-44.289217,972.55477)"
|
||||||
|
id="g24"
|
||||||
|
style="fill:#ff7050">
|
||||||
|
<g
|
||||||
|
id="g26"
|
||||||
|
style="fill:#ff7050" />
|
||||||
|
<g
|
||||||
|
id="g32"
|
||||||
|
style="fill:#ff7050">
|
||||||
|
<g
|
||||||
|
clip-path="url(#clipPath28)"
|
||||||
|
id="g34"
|
||||||
|
style="opacity:0.71000701;fill:#ff7050">
|
||||||
|
<g
|
||||||
|
transform="translate(164.7979,739.5)"
|
||||||
|
id="g36"
|
||||||
|
style="fill:#ff7050">
|
||||||
|
<path
|
||||||
|
d="m 0,0 c 0,-2.601 -2.108,-4.709 -4.709,-4.709 -2.601,0 -4.709,2.108 -4.709,4.709 0,2.601 2.108,4.709 4.709,4.709 C -2.108,4.709 0,2.601 0,0"
|
||||||
|
id="path38"
|
||||||
|
style="fill:#ff7050;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.80442929,0,0,-0.80442929,-44.289217,972.55477)"
|
||||||
|
id="g40"
|
||||||
|
style="fill:#ffed5d">
|
||||||
|
<g
|
||||||
|
id="g42"
|
||||||
|
style="fill:#ffed5d" />
|
||||||
|
<g
|
||||||
|
id="g48"
|
||||||
|
style="fill:#ffed5d">
|
||||||
|
<g
|
||||||
|
clip-path="url(#clipPath44)"
|
||||||
|
id="g50"
|
||||||
|
style="opacity:0.71000701;fill:#ffed5d">
|
||||||
|
<g
|
||||||
|
transform="translate(180.209,739.5)"
|
||||||
|
id="g52"
|
||||||
|
style="fill:#ffed5d">
|
||||||
|
<path
|
||||||
|
d="m 0,0 c 0,-2.601 -2.108,-4.709 -4.709,-4.709 -2.601,0 -4.709,2.108 -4.709,4.709 0,2.601 2.108,4.709 4.709,4.709 C -2.108,4.709 0,2.601 0,0"
|
||||||
|
id="path54"
|
||||||
|
style="fill:#ffed5d;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.80442929,0,0,-0.80442929,-44.541757,972.55477)"
|
||||||
|
id="g56"
|
||||||
|
style="fill:#93de7f">
|
||||||
|
<g
|
||||||
|
id="g58"
|
||||||
|
style="fill:#93de7f" />
|
||||||
|
<g
|
||||||
|
id="g64"
|
||||||
|
style="fill:#93de7f">
|
||||||
|
<g
|
||||||
|
clip-path="url(#clipPath60)"
|
||||||
|
id="g66"
|
||||||
|
style="opacity:0.71000701;fill:#93de7f">
|
||||||
|
<g
|
||||||
|
transform="translate(195.6206,739.5)"
|
||||||
|
id="g68"
|
||||||
|
style="fill:#93de7f">
|
||||||
|
<path
|
||||||
|
d="m 0,0 c 0,-2.601 -2.108,-4.709 -4.709,-4.709 -2.601,0 -4.709,2.108 -4.709,4.709 0,2.601 2.108,4.709 4.709,4.709 C -2.108,4.709 0,2.601 0,0"
|
||||||
|
id="path70"
|
||||||
|
style="fill:#93de7f;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.70173695,0,0,-0.2729595,635.66274,523.03176)"
|
||||||
|
id="g76"
|
||||||
|
style="fill:#36535a;fill-opacity:1">
|
||||||
|
<path
|
||||||
|
d="m -302.23764,0 c 0,-3.351 -1.56167,-6.067 -3.48885,-6.067 l -491.78466,0 C -799.43833,-6.067 -801,-3.351 -801,0 l 0,507.933 498.76236,0 0,-507.933 z"
|
||||||
|
id="path78"
|
||||||
|
style="fill:#36535a;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
clip-path="none" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<rect
|
||||||
|
style="fill:#36535a;fill-opacity:1;stroke:none"
|
||||||
|
id="rect5720"
|
||||||
|
width="43.507118"
|
||||||
|
height="147.4408"
|
||||||
|
x="343.22284"
|
||||||
|
y="223.42982" />
|
||||||
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 5.7 KiB |
@ -16,8 +16,8 @@
|
|||||||
<link rel="stylesheet" href="styles/main.css">
|
<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+Sans+Pro:100,200,300" rel="stylesheet" type="text/css">
|
||||||
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400" rel="stylesheet" type="text/css">
|
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400" rel="stylesheet" type="text/css">
|
||||||
|
<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono" rel="stylesheet" type="text/css">
|
||||||
<script src="scripts/vendor/modernizr.js"></script>
|
<script src="scripts/vendor/modernizr.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@ -42,8 +42,8 @@
|
|||||||
<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>
|
||||||
</li>
|
</li>
|
||||||
@ -54,52 +54,57 @@
|
|||||||
<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>
|
|
||||||
|
|
||||||
<div class="row animated fadeInDown">
|
<div class="row animated fadeInDown">
|
||||||
<div id="from-terminal" class="box col-md-6 col-xs-12">
|
<div id="from-terminal" class="box col-md-8 col-md-offset-2 col-xs-12">
|
||||||
<h3>Share from terminal</h3>
|
<div class="terminal-top">
|
||||||
<div id="terminal">
|
|
||||||
<p style="white-space:pre"></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="from-web" class="col-md-6 col-xs-12">
|
|
||||||
<h3>Share from web</h3>
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="terminal" class="terminal">
|
||||||
|
<code>
|
||||||
|
<span class="code-title"># Upload 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"># Create an alias</span>
|
||||||
|
<br>$ transfer hello.txt
|
||||||
|
<br>##################################################### 100.0% https://transfer.sh/eibhM/hello.txt
|
||||||
|
</code>
|
||||||
|
</div>
|
||||||
<div id="web">
|
<div id="web">
|
||||||
<a class="browse" href="#">
|
<code>
|
||||||
<i class="icon-upload-cloud"></i>
|
<br>
|
||||||
<p class="click">Drag your files here to upload or click to browse</p>
|
<span class="code-title"># Upload from web</span>
|
||||||
</a>
|
<br>Drag your files here, or <a class="browse" href="#"> click to browse.</a>
|
||||||
|
</code>
|
||||||
<input type="file" multiple="multiple" style="display: none">
|
<input type="file" multiple="multiple" style="display: none">
|
||||||
<ul class="queue" style="color: black; list-style-type: none; margin: 0">
|
<ul class="queue">
|
||||||
<li>
|
<li>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="all-files">
|
<div class="all-files">
|
||||||
<h4>Download your files:</h4>
|
<br>
|
||||||
<a class="download-zip btn-cta" href="#">zip</a> <a class="download-tar btn-cta" href="#">tar.gz</a>
|
<div>
|
||||||
|
<span class="code-title"># Download all your files</span>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<a class="download-zip btn-cta" href="#">zip</a> <a class="download-tar btn-cta" href="#">tar.gz</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div>
|
<div>
|
||||||
<br>
|
<a href="#features" class="btn-cta btn-home">learn more </a>
|
||||||
<br>
|
</div>
|
||||||
<a href="#features" class="btn-cta">learn more </a>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
</div>
|
</div>
|
||||||
</div></section>
|
</div></section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<section id="features">
|
<section id="features">
|
||||||
<div class="wrapper container">
|
<div class="wrapper container">
|
||||||
<div class="row">
|
<div class="row animated fadeInDown">
|
||||||
<div class="col-md-3 col-xs-6">
|
<div class="col-md-3 col-xs-6">
|
||||||
<i class="icon-terminal"></i>
|
<i class="icon-terminal"></i>
|
||||||
<h3>Made for use with shell</h3>
|
<h3>Made for use with shell</h3>
|
||||||
@ -117,7 +122,7 @@
|
|||||||
<h3>Files stored for 14 days</h3>
|
<h3>Files stored for 14 days</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row animated fadeInDown">
|
||||||
<div class="col-md-offset-3 col-md-3 col-xs-6">
|
<div class="col-md-offset-3 col-md-3 col-xs-6">
|
||||||
<i class="icon-tag"></i>
|
<i class="icon-tag"></i>
|
||||||
<h3>For free</h3>
|
<h3>For free</h3>
|
||||||
@ -139,21 +144,35 @@
|
|||||||
</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>
|
||||||
<h4>Uploading is easy using curl.</h4>
|
<div class="terminal-top">
|
||||||
<code>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt</code>
|
|
||||||
<h4>Download the file.</h4>
|
</div>
|
||||||
<code>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt</code>
|
<div class="terminal">
|
||||||
|
<code>
|
||||||
|
<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>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt
|
||||||
|
</code>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<h3>Make an alias</h3>
|
<h3>Create an alias and add it to .bashrc</h3>
|
||||||
|
<div class="terminal-top">
|
||||||
<h4>Create an alias, and add it to .bashrc for faster use</h4>
|
</div>
|
||||||
<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; }
|
<div class="terminal">
|
||||||
<br>$ alias transfer=transfer</code>
|
<code>
|
||||||
<h4>Now you can just use
|
<span class="code-title"># Add this to .bashrc or it equivalent</span>
|
||||||
<strong>transfer</strong> command</h4>
|
<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; }
|
||||||
<code>$ transfer hello.txt</code>
|
<br>
|
||||||
|
<br>
|
||||||
|
<span class="code-title"># Now you can use transfer command</span>
|
||||||
|
<br>$ transfer hello.txt
|
||||||
|
</code>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -163,29 +182,66 @@
|
|||||||
<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>Transfer multiple files</h3>
|
<h3>Upload multiple files at once</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>
|
<br>$ curl -i -F filedata=@/tmp/hello.txt -F filedata=@/tmp/hello2.txt https://transfer.sh/
|
||||||
<code>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).tar.gz</code>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
|
<span class="code-title"># Combining downloads as zip or tar archive</span>
|
||||||
<code>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).zip</code>
|
<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>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<h3>Encrypt your files before the transfer</h3>
|
<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>
|
<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>
|
<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>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<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><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>Send us your awesome example</h3>
|
||||||
|
<div class="terminal-top">
|
||||||
|
</div>
|
||||||
|
<div class="terminal">
|
||||||
|
<code>
|
||||||
|
</code>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@ -193,7 +249,6 @@
|
|||||||
<section id="reviews">
|
<section id="reviews">
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
<div class="col-md-8 col-md-offset-2 col-xs-12">
|
<div class="col-md-8 col-md-offset-2 col-xs-12">
|
||||||
<blockquote class="twitter-tweet tweet-xl" lang="en">
|
<blockquote class="twitter-tweet tweet-xl" lang="en">
|
||||||
<img class="twitter-profile" src="images/reviews/dave.jpg" alt="">
|
<img class="twitter-profile" src="images/reviews/dave.jpg" alt="">
|
||||||
@ -203,37 +258,27 @@
|
|||||||
</blockquote>
|
</blockquote>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-md-6 col-xs-12">
|
<div class="col-md-6 col-xs-12">
|
||||||
|
|
||||||
<blockquote class="twitter-tweet" lang="en">
|
<blockquote class="twitter-tweet" lang="en">
|
||||||
<img class="twitter-profile" src="images/reviews/kareem.jpg" alt="">
|
<img class="twitter-profile" src="images/reviews/kareem.jpg" 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">— Kareem Kouddous (@kareemk) </a>
|
<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">— Kareem Kouddous (@kareemk) </a>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-xs-12">
|
<div class="col-md-6 col-xs-12">
|
||||||
<blockquote class="twitter-tweet" lang="en">
|
<blockquote class="twitter-tweet" lang="en">
|
||||||
<img class="twitter-profile" src="images/reviews/pg.jpeg" alt="">
|
<img class="twitter-profile" src="images/reviews/pg.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">— PJ Spagnolatti (@drakpz)</a>
|
<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">— PJ Spagnolatti (@drakpz)</a>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
<div class="col-md-6 col-xs-12">
|
<div class="col-md-6 col-xs-12">
|
||||||
<blockquote class="twitter-tweet" lang="en">
|
<blockquote class="twitter-tweet" lang="en">
|
||||||
<img class="twitter-profile" src="images/reviews/jacob.jpg" alt="">
|
<img class="twitter-profile" src="images/reviews/jacob.jpg" 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>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">— Jacob Lindgren (@jacoblindgren11) </a>
|
</p><a href="https://twitter.com/jacoblindgren11/status/516975006501203968">— Jacob Lindgren (@jacoblindgren11) </a>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-xs-12">
|
<div class="col-md-6 col-xs-12">
|
||||||
<blockquote class="twitter-tweet" lang="en">
|
<blockquote class="twitter-tweet" lang="en">
|
||||||
@ -323,6 +368,7 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script src="scripts/main.js"></script>
|
<script src="scripts/main.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
133
transfersh-web/images/terminal-top.svg
Normal file
133
transfersh-web/images/terminal-top.svg
Normal file
@ -0,0 +1,133 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
version="1.1"
|
||||||
|
width="750"
|
||||||
|
height="30"
|
||||||
|
id="svg4149">
|
||||||
|
<defs
|
||||||
|
id="defs4151">
|
||||||
|
<clipPath
|
||||||
|
id="clipPath60">
|
||||||
|
<path
|
||||||
|
d="m 186.202,744.209 9.419,0 0,-9.418 -9.419,0 0,9.418 z"
|
||||||
|
id="path62" />
|
||||||
|
</clipPath>
|
||||||
|
<clipPath
|
||||||
|
id="clipPath44">
|
||||||
|
<path
|
||||||
|
d="m 170.791,744.209 9.418,0 0,-9.418 -9.418,0 0,9.418 z"
|
||||||
|
id="path46" />
|
||||||
|
</clipPath>
|
||||||
|
<clipPath
|
||||||
|
id="clipPath28">
|
||||||
|
<path
|
||||||
|
d="m 155.379,744.209 9.419,0 0,-9.418 -9.419,0 0,9.418 z"
|
||||||
|
id="path30" />
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
<metadata
|
||||||
|
id="metadata4154">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title></dc:title>
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
transform="translate(-93.957497,-365.26607)"
|
||||||
|
id="layer1">
|
||||||
|
<path
|
||||||
|
d="m 85.371201,355.16455 789.901059,0 0,49.98291 -789.901059,0 z"
|
||||||
|
id="rect4487"
|
||||||
|
style="fill:#85b5bb;fill-opacity:1;stroke:none" />
|
||||||
|
<g
|
||||||
|
transform="matrix(1.4512649,0,0,-1.4512649,-114.5591,1453.446)"
|
||||||
|
id="g24"
|
||||||
|
style="fill:#ff7050">
|
||||||
|
<g
|
||||||
|
id="g26"
|
||||||
|
style="fill:#ff7050" />
|
||||||
|
<g
|
||||||
|
id="g32"
|
||||||
|
style="fill:#ff7050">
|
||||||
|
<g
|
||||||
|
clip-path="url(#clipPath28)"
|
||||||
|
id="g34"
|
||||||
|
style="opacity:0.71000701;fill:#ff7050">
|
||||||
|
<g
|
||||||
|
transform="translate(164.7979,739.5)"
|
||||||
|
id="g36"
|
||||||
|
style="fill:#ff7050">
|
||||||
|
<path
|
||||||
|
d="m 0,0 c 0,-2.601 -2.108,-4.709 -4.709,-4.709 -2.601,0 -4.709,2.108 -4.709,4.709 0,2.601 2.108,4.709 4.709,4.709 C -2.108,4.709 0,2.601 0,0"
|
||||||
|
id="path38"
|
||||||
|
style="fill:#ff7050;fill-opacity:1;fill-rule:nonzero;stroke:none" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(1.4512649,0,0,-1.4512649,-114.5591,1453.507)"
|
||||||
|
id="g40"
|
||||||
|
style="fill:#ffed5d">
|
||||||
|
<g
|
||||||
|
id="g42"
|
||||||
|
style="fill:#ffed5d" />
|
||||||
|
<g
|
||||||
|
id="g48"
|
||||||
|
style="fill:#ffed5d">
|
||||||
|
<g
|
||||||
|
clip-path="url(#clipPath44)"
|
||||||
|
id="g50"
|
||||||
|
style="opacity:0.71000701;fill:#ffed5d">
|
||||||
|
<g
|
||||||
|
transform="translate(180.209,739.5)"
|
||||||
|
id="g52"
|
||||||
|
style="fill:#ffed5d">
|
||||||
|
<path
|
||||||
|
d="m 0,0 c 0,-2.601 -2.108,-4.709 -4.709,-4.709 -2.601,0 -4.709,2.108 -4.709,4.709 0,2.601 2.108,4.709 4.709,4.709 C -2.108,4.709 0,2.601 0,0"
|
||||||
|
id="path54"
|
||||||
|
style="fill:#ffed5d;fill-opacity:1;fill-rule:nonzero;stroke:none" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(1.4512649,0,0,-1.4512649,-115.0147,1453.4765)"
|
||||||
|
id="g56"
|
||||||
|
style="fill:#93de7f">
|
||||||
|
<g
|
||||||
|
id="g58"
|
||||||
|
style="fill:#93de7f" />
|
||||||
|
<g
|
||||||
|
id="g64"
|
||||||
|
style="fill:#93de7f">
|
||||||
|
<g
|
||||||
|
clip-path="url(#clipPath60)"
|
||||||
|
id="g66"
|
||||||
|
style="opacity:0.71000701;fill:#93de7f">
|
||||||
|
<g
|
||||||
|
transform="translate(195.6206,739.5)"
|
||||||
|
id="g68"
|
||||||
|
style="fill:#93de7f">
|
||||||
|
<path
|
||||||
|
d="m 0,0 c 0,-2.601 -2.108,-4.709 -4.709,-4.709 -2.601,0 -4.709,2.108 -4.709,4.709 0,2.601 2.108,4.709 4.709,4.709 C -2.108,4.709 0,2.601 0,0"
|
||||||
|
id="path70"
|
||||||
|
style="fill:#93de7f;fill-opacity:1;fill-rule:nonzero;stroke:none" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.8 KiB |
@ -7,29 +7,60 @@
|
|||||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
xmlns:svg="http://www.w3.org/2000/svg"
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
version="1.2"
|
version="1.2"
|
||||||
width="350.00003"
|
width="880.62976"
|
||||||
height="201.67628"
|
height="385.37302"
|
||||||
id="svg3340">
|
id="svg3340"
|
||||||
|
inkscape:version="0.48.3.1 r9886"
|
||||||
|
sodipodi:docname="terminal.svg">
|
||||||
|
<sodipodi:namedview
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1"
|
||||||
|
objecttolerance="10"
|
||||||
|
gridtolerance="10"
|
||||||
|
guidetolerance="10"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:window-width="1680"
|
||||||
|
inkscape:window-height="1023"
|
||||||
|
id="namedview5700"
|
||||||
|
showgrid="false"
|
||||||
|
fit-margin-top="0"
|
||||||
|
fit-margin-left="0"
|
||||||
|
fit-margin-right="0"
|
||||||
|
fit-margin-bottom="0"
|
||||||
|
inkscape:zoom="0.82745079"
|
||||||
|
inkscape:cx="303.76759"
|
||||||
|
inkscape:cy="201.44631"
|
||||||
|
inkscape:window-x="0"
|
||||||
|
inkscape:window-y="0"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="layer1" />
|
||||||
<defs
|
<defs
|
||||||
id="defs3342">
|
id="defs3342">
|
||||||
<clipPath
|
<clipPath
|
||||||
id="clipPath60">
|
id="clipPath60">
|
||||||
<path
|
<path
|
||||||
d="m 186.202,744.209 9.419,0 0,-9.418 -9.419,0 0,9.418 z"
|
d="m 186.202,744.209 9.419,0 0,-9.418 -9.419,0 0,9.418 z"
|
||||||
id="path62" />
|
id="path62"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
</clipPath>
|
</clipPath>
|
||||||
<clipPath
|
<clipPath
|
||||||
id="clipPath44">
|
id="clipPath44">
|
||||||
<path
|
<path
|
||||||
d="m 170.791,744.209 9.418,0 0,-9.418 -9.418,0 0,9.418 z"
|
d="m 170.791,744.209 9.418,0 0,-9.418 -9.418,0 0,9.418 z"
|
||||||
id="path46" />
|
id="path46"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
</clipPath>
|
</clipPath>
|
||||||
<clipPath
|
<clipPath
|
||||||
id="clipPath28">
|
id="clipPath28">
|
||||||
<path
|
<path
|
||||||
d="m 155.379,744.209 9.419,0 0,-9.418 -9.419,0 0,9.418 z"
|
d="m 155.379,744.209 9.419,0 0,-9.418 -9.419,0 0,9.418 z"
|
||||||
id="path30" />
|
id="path30"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
</clipPath>
|
</clipPath>
|
||||||
</defs>
|
</defs>
|
||||||
<metadata
|
<metadata
|
||||||
@ -40,12 +71,12 @@
|
|||||||
<dc:format>image/svg+xml</dc:format>
|
<dc:format>image/svg+xml</dc:format>
|
||||||
<dc:type
|
<dc:type
|
||||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
<dc:title></dc:title>
|
<dc:title />
|
||||||
</cc:Work>
|
</cc:Work>
|
||||||
</rdf:RDF>
|
</rdf:RDF>
|
||||||
</metadata>
|
</metadata>
|
||||||
<g
|
<g
|
||||||
transform="translate(-73.571411,-371.52405)"
|
transform="matrix(2.5160848,0,0,2.5160848,-185.11191,-934.78601)"
|
||||||
id="layer1">
|
id="layer1">
|
||||||
<rect
|
<rect
|
||||||
width="350.00003"
|
width="350.00003"
|
||||||
@ -76,7 +107,8 @@
|
|||||||
<path
|
<path
|
||||||
d="m 0,0 c 0,-2.601 -2.108,-4.709 -4.709,-4.709 -2.601,0 -4.709,2.108 -4.709,4.709 0,2.601 2.108,4.709 4.709,4.709 C -2.108,4.709 0,2.601 0,0"
|
d="m 0,0 c 0,-2.601 -2.108,-4.709 -4.709,-4.709 -2.601,0 -4.709,2.108 -4.709,4.709 0,2.601 2.108,4.709 4.709,4.709 C -2.108,4.709 0,2.601 0,0"
|
||||||
id="path38"
|
id="path38"
|
||||||
style="fill:#ff7050;fill-opacity:1;fill-rule:nonzero;stroke:none" />
|
style="fill:#ff7050;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
</g>
|
</g>
|
||||||
</g>
|
</g>
|
||||||
</g>
|
</g>
|
||||||
@ -102,7 +134,8 @@
|
|||||||
<path
|
<path
|
||||||
d="m 0,0 c 0,-2.601 -2.108,-4.709 -4.709,-4.709 -2.601,0 -4.709,2.108 -4.709,4.709 0,2.601 2.108,4.709 4.709,4.709 C -2.108,4.709 0,2.601 0,0"
|
d="m 0,0 c 0,-2.601 -2.108,-4.709 -4.709,-4.709 -2.601,0 -4.709,2.108 -4.709,4.709 0,2.601 2.108,4.709 4.709,4.709 C -2.108,4.709 0,2.601 0,0"
|
||||||
id="path54"
|
id="path54"
|
||||||
style="fill:#ffed5d;fill-opacity:1;fill-rule:nonzero;stroke:none" />
|
style="fill:#ffed5d;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
</g>
|
</g>
|
||||||
</g>
|
</g>
|
||||||
</g>
|
</g>
|
||||||
@ -128,19 +161,29 @@
|
|||||||
<path
|
<path
|
||||||
d="m 0,0 c 0,-2.601 -2.108,-4.709 -4.709,-4.709 -2.601,0 -4.709,2.108 -4.709,4.709 0,2.601 2.108,4.709 4.709,4.709 C -2.108,4.709 0,2.601 0,0"
|
d="m 0,0 c 0,-2.601 -2.108,-4.709 -4.709,-4.709 -2.601,0 -4.709,2.108 -4.709,4.709 0,2.601 2.108,4.709 4.709,4.709 C -2.108,4.709 0,2.601 0,0"
|
||||||
id="path70"
|
id="path70"
|
||||||
style="fill:#93de7f;fill-opacity:1;fill-rule:nonzero;stroke:none" />
|
style="fill:#93de7f;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
</g>
|
</g>
|
||||||
</g>
|
</g>
|
||||||
</g>
|
</g>
|
||||||
</g>
|
</g>
|
||||||
<g
|
<g
|
||||||
transform="matrix(0.70173695,0,0,-0.36734185,635.66274,570.97167)"
|
transform="matrix(0.70173695,0,0,-0.2729595,635.66274,523.03176)"
|
||||||
id="g76"
|
id="g76"
|
||||||
style="fill:#36535a;fill-opacity:1">
|
style="fill:#36535a;fill-opacity:1">
|
||||||
<path
|
<path
|
||||||
d="m -302.23764,0 c 0,-3.351 -1.56167,-6.067 -3.48885,-6.067 l -491.78466,0 C -799.43833,-6.067 -801,-3.351 -801,0 l 0,507.933 498.76236,0 0,-507.933 z"
|
d="m -302.23764,0 c 0,-3.351 -1.56167,-6.067 -3.48885,-6.067 l -491.78466,0 C -799.43833,-6.067 -801,-3.351 -801,0 l 0,507.933 498.76236,0 0,-507.933 z"
|
||||||
id="path78"
|
id="path78"
|
||||||
style="fill:#36535a;fill-opacity:1;fill-rule:nonzero;stroke:none" />
|
style="fill:#36535a;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
clip-path="none" />
|
||||||
</g>
|
</g>
|
||||||
</g>
|
</g>
|
||||||
|
<rect
|
||||||
|
style="fill:#36535a;fill-opacity:1;stroke:none"
|
||||||
|
id="rect5720"
|
||||||
|
width="43.507118"
|
||||||
|
height="147.4408"
|
||||||
|
x="343.22284"
|
||||||
|
y="223.42982" />
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 5.7 KiB |
@ -16,8 +16,8 @@
|
|||||||
<link rel="stylesheet" href="styles/main.css">
|
<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+Sans+Pro:100,200,300' rel='stylesheet' type='text/css'>
|
||||||
<link href='https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400' rel='stylesheet' type='text/css'>
|
<link href='https://fonts.googleapis.com/css?family=Source+Code+Pro:400' rel='stylesheet' type='text/css'>
|
||||||
|
<link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>
|
||||||
<!-- build:js scripts/vendor/modernizr.js -->
|
<!-- build:js scripts/vendor/modernizr.js -->
|
||||||
<script src="bower_components/modernizr/modernizr.js"></script>
|
<script src="bower_components/modernizr/modernizr.js"></script>
|
||||||
<!-- endbuild -->
|
<!-- endbuild -->
|
||||||
@ -44,8 +44,8 @@
|
|||||||
<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>
|
||||||
</li>
|
</li>
|
||||||
@ -56,52 +56,57 @@
|
|||||||
<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>
|
|
||||||
|
|
||||||
<div class="row animated fadeInDown">
|
<div class="row animated fadeInDown">
|
||||||
<div id="from-terminal" class=" box col-md-6 col-xs-12">
|
<div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12">
|
||||||
<h3>Share from terminal</h3>
|
<div class="terminal-top">
|
||||||
<div id="terminal">
|
|
||||||
<p style='white-space:pre'></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="from-web" class="col-md-6 col-xs-12">
|
|
||||||
<h3>Share from web</h3>
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="terminal" class="terminal">
|
||||||
|
<code>
|
||||||
|
<span class="code-title"># Upload 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"># Create an alias</span>
|
||||||
|
<br>$ transfer hello.txt
|
||||||
|
<br>##################################################### 100.0% https://transfer.sh/eibhM/hello.txt
|
||||||
|
</code>
|
||||||
|
</div>
|
||||||
<div id="web">
|
<div id="web">
|
||||||
<a class="browse" href="#">
|
<code>
|
||||||
<i class="icon-upload-cloud"></i>
|
<br>
|
||||||
<p class="click">Drag your files here to upload or click to browse</p>
|
<span class="code-title"># Upload from web</span>
|
||||||
</a>
|
<br>Drag your files here, or <a class="browse" href="#"> click to browse.</a>
|
||||||
|
</code>
|
||||||
<input type="file" multiple="multiple" style='display: none;' />
|
<input type="file" multiple="multiple" style='display: none;' />
|
||||||
<ul class='queue' style='color: black; list-style-type: none; margin: 0;'>
|
<ul class='queue'>
|
||||||
<li>
|
<li>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class='all-files'>
|
<div class='all-files'>
|
||||||
<h4>Download your files:</h4>
|
<br>
|
||||||
<a class="download-zip btn-cta" href="#">zip</a> <a class="download-tar btn-cta" href="#">tar.gz</a>
|
<div>
|
||||||
|
<span class="code-title"># Download all your files</span>
|
||||||
|
<br/>
|
||||||
|
<br/>
|
||||||
|
<a class="download-zip btn-cta" href="#">zip</a> <a class="download-tar btn-cta" href="#">tar.gz</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div>
|
<div>
|
||||||
<br>
|
<a href="#features" class="btn-cta btn-home">learn more</i> </a>
|
||||||
<br>
|
</div>
|
||||||
<a href="#features" class="btn-cta">learn more</i> </a>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<section id="features">
|
<section id="features">
|
||||||
<div class="wrapper container">
|
<div class="wrapper container">
|
||||||
<div class="row">
|
<div class="row animated fadeInDown ">
|
||||||
<div class="col-md-3 col-xs-6">
|
<div class="col-md-3 col-xs-6">
|
||||||
<i class="icon-terminal"></i>
|
<i class="icon-terminal"></i>
|
||||||
<h3>Made for use with shell</h3>
|
<h3>Made for use with shell</h3>
|
||||||
@ -119,7 +124,7 @@
|
|||||||
<h3>Files stored for 14 days</h3>
|
<h3>Files stored for 14 days</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row animated fadeInDown">
|
||||||
<div class="col-md-offset-3 col-md-3 col-xs-6">
|
<div class="col-md-offset-3 col-md-3 col-xs-6">
|
||||||
<i class="icon-tag"></i>
|
<i class="icon-tag"></i>
|
||||||
<h3>For free</h3>
|
<h3>For free</h3>
|
||||||
@ -141,21 +146,35 @@
|
|||||||
</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>
|
||||||
<h4>Uploading is easy using curl.</h4>
|
<div class="terminal-top">
|
||||||
<code>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt</code>
|
|
||||||
<h4>Download the file.</h4>
|
</div>
|
||||||
<code>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt</code>
|
<div class="terminal">
|
||||||
|
<code>
|
||||||
|
<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>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt
|
||||||
|
</code>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 ">
|
<div class="col-md-6 ">
|
||||||
<h3>Make an alias</h3>
|
<h3>Create an alias and add it to .bashrc</h3>
|
||||||
|
<div class="terminal-top">
|
||||||
<h4>Create an alias, and add it to .bashrc for faster use</h4>
|
</div>
|
||||||
<code>$ 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; }
|
<div class="terminal">
|
||||||
<br/>$ alias transfer=transfer</code>
|
<code>
|
||||||
<h4>Now you can just use
|
<span class="code-title"># Add this to .bashrc or it equivalent</span>
|
||||||
<strong>transfer</strong> command</h4>
|
<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; }
|
||||||
<code>$ transfer hello.txt</code>
|
<br>
|
||||||
|
<br>
|
||||||
|
<span class="code-title"># Now you can use transfer command</span>
|
||||||
|
<br>$ transfer hello.txt
|
||||||
|
</code>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -164,30 +183,67 @@
|
|||||||
|
|
||||||
<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>Transfer multiple files</h3>
|
<h3>Upload multiple files at once</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>
|
<br>$ curl -i -F filedata=@/tmp/hello.txt -F filedata=@/tmp/hello2.txt https://transfer.sh/
|
||||||
<code>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).tar.gz</code>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
|
<span class="code-title"># Combining downloads as zip or tar archive</span>
|
||||||
<code>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).zip</code>
|
<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>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6 ">
|
||||||
<h3>Encrypt your files before the transfer</h3>
|
<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>
|
<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>
|
<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>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<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><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>Send us your awesome example</h3>
|
||||||
|
<div class="terminal-top">
|
||||||
|
</div>
|
||||||
|
<div class="terminal">
|
||||||
|
<code>
|
||||||
|
</code>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@ -195,7 +251,6 @@
|
|||||||
<section id="reviews">
|
<section id="reviews">
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
<div class="col-md-8 col-md-offset-2 col-xs-12">
|
<div class="col-md-8 col-md-offset-2 col-xs-12">
|
||||||
<blockquote class="twitter-tweet tweet-xl" lang="en">
|
<blockquote class="twitter-tweet tweet-xl" lang="en">
|
||||||
<img class="twitter-profile" src="images/reviews/dave.jpg" alt="">
|
<img class="twitter-profile" src="images/reviews/dave.jpg" alt="">
|
||||||
@ -205,37 +260,27 @@
|
|||||||
</blockquote>
|
</blockquote>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-md-6 col-xs-12">
|
<div class="col-md-6 col-xs-12">
|
||||||
|
|
||||||
<blockquote class="twitter-tweet" lang="en">
|
<blockquote class="twitter-tweet" lang="en">
|
||||||
<img class="twitter-profile" src="images/reviews/kareem.jpg" alt="">
|
<img class="twitter-profile" src="images/reviews/kareem.jpg" 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">— Kareem Kouddous (@kareemk) </a>
|
<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">— Kareem Kouddous (@kareemk) </a>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-xs-12">
|
<div class="col-md-6 col-xs-12">
|
||||||
<blockquote class="twitter-tweet" lang="en">
|
<blockquote class="twitter-tweet" lang="en">
|
||||||
<img class="twitter-profile" src="images/reviews/pg.jpeg" alt="">
|
<img class="twitter-profile" src="images/reviews/pg.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">— PJ Spagnolatti (@drakpz)</a>
|
<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">— PJ Spagnolatti (@drakpz)</a>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
<div class="col-md-6 col-xs-12">
|
<div class="col-md-6 col-xs-12">
|
||||||
<blockquote class="twitter-tweet" lang="en">
|
<blockquote class="twitter-tweet" lang="en">
|
||||||
<img class="twitter-profile" src="images/reviews/jacob.jpg" alt="">
|
<img class="twitter-profile" src="images/reviews/jacob.jpg" 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>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">— Jacob Lindgren (@jacoblindgren11) </a>
|
</p><a href="https://twitter.com/jacoblindgren11/status/516975006501203968">— Jacob Lindgren (@jacoblindgren11) </a>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-xs-12">
|
<div class="col-md-6 col-xs-12">
|
||||||
<blockquote class="twitter-tweet" lang="en">
|
<blockquote class="twitter-tweet" lang="en">
|
||||||
@ -326,13 +371,16 @@
|
|||||||
|
|
||||||
<!-- build:js scripts/main.js -->
|
<!-- build:js scripts/main.js -->
|
||||||
<script src="bower_components/jquery/dist/jquery.js"></script>
|
<script src="bower_components/jquery/dist/jquery.js"></script>
|
||||||
<script src="bower_components/typed.js/js/typed.js"></script>
|
<script src="bower_components/highlightjs/highlight.pack.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/uri.js/src/URI.min.js"></script>
|
||||||
<script src="bower_components/bootstrap/js/transition.js"></script>
|
<script src="bower_components/bootstrap/js/transition.js"></script>
|
||||||
<script src="bower_components/bootstrap/js/collapse.js"></script>
|
<script src="bower_components/bootstrap/js/collapse.js"></script>
|
||||||
|
|
||||||
<script src="scripts/typewriter-bundle.js"></script>
|
<script src="scripts/typewriter-bundle.js"></script>
|
||||||
<script src="scripts/main.js"></script>
|
<script src="scripts/main.js"></script>
|
||||||
<!-- endbuild -->
|
<!-- endbuild -->
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -1,54 +1,5 @@
|
|||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
|
|
||||||
// Terminal typing animation
|
|
||||||
/* $("#from-terminal p").typed({
|
|
||||||
strings: ["curl --upload-file ./hello.txt https://transfer.sh/hello.txt\n######################################################\nhttps://transfer.sh/66nb8/hello.txt \n "],
|
|
||||||
typeSpeed: 0, // typing speed
|
|
||||||
backSpeed: 0, // backspacing speed
|
|
||||||
startDelay: 0, // time before typing starts
|
|
||||||
backDelay: 500, // pause before backspacing
|
|
||||||
loop: false, // loop on or off (true or false)
|
|
||||||
loopCount: false, // number of loops, false = infinite
|
|
||||||
showCursor: true,
|
|
||||||
attr: null, // attribute to type, null = text for everything except inputs, which default to placeholder
|
|
||||||
callback: function(){ } // call function after typing is done
|
|
||||||
});
|
|
||||||
*/
|
|
||||||
var typewriter = require('typewriter');
|
|
||||||
|
|
||||||
var twSpan = document.getElementById('terminal');
|
|
||||||
|
|
||||||
var tw = typewriter(twSpan).withAccuracy(100)
|
|
||||||
.withMinimumSpeed(17)
|
|
||||||
.withMaximumSpeed(25)
|
|
||||||
.build();
|
|
||||||
|
|
||||||
tw.put('$ ')
|
|
||||||
.waitRange(500, 1000)
|
|
||||||
.type('curl --upload-file ./hello.txt https://transfer.sh/hello.txt')
|
|
||||||
.put('<br/>')
|
|
||||||
.put('https://transfer.sh/66nb8/hello.txt ')
|
|
||||||
.put('<br/>')
|
|
||||||
.put('$ ')
|
|
||||||
.waitRange(500, 1000)
|
|
||||||
.put('<br/>')
|
|
||||||
.put('$ ')
|
|
||||||
.waitRange(500, 1000)
|
|
||||||
.put('<br/>')
|
|
||||||
.put('$ ')
|
|
||||||
.waitRange(500, 1000)
|
|
||||||
.type('transfer hello.txt')
|
|
||||||
.put('<br/>')
|
|
||||||
.type('####################################################')
|
|
||||||
.put(' 100.0%')
|
|
||||||
.put('<br/>')
|
|
||||||
.put('https://transfer.sh/eibhM/hello.txt ')
|
|
||||||
.put('<br/>')
|
|
||||||
.put('$ ')
|
|
||||||
.waitRange(1000, 1500)
|
|
||||||
.put('<br/>')
|
|
||||||
.put('$ ')
|
|
||||||
|
|
||||||
// Smooth scrolling
|
// Smooth scrolling
|
||||||
$('a[href*=#]:not([href=#])').click(function() {
|
$('a[href*=#]:not([href=#])').click(function() {
|
||||||
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
|
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
|
||||||
@ -63,14 +14,6 @@ $(document).ready(function() {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
// function resizePages() {
|
|
||||||
// var h = $(window).height();
|
|
||||||
// var height = h < 600 ? 600 : h;
|
|
||||||
/* $('section').css('height',height);
|
|
||||||
$('#home').css('height',height*0.98);
|
|
||||||
}
|
|
||||||
resizePages();*/
|
|
||||||
});
|
});
|
||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
@ -81,7 +24,7 @@ $(document).ready(function() {
|
|||||||
$('.browse').addClass('uploading');
|
$('.browse').addClass('uploading');
|
||||||
var li = $('<li style="clear:both;"/>');
|
var li = $('<li style="clear:both;"/>');
|
||||||
|
|
||||||
li.append($('<div><div class="progress active upload-progress" style="margin-bottom: 0;"><div class="progress-bar bar" style="width: 0%;"></div></div><p>Uploading... ' + file.name + '</p></div>'));
|
li.append($('<div><div class="upload-progress"><span></span><div class="bar" style="width:0%;">####################################################</div></div><p>Uploading... ' + file.name + '</p></div>'));
|
||||||
$(li).appendTo($('.queue'));
|
$(li).appendTo($('.queue'));
|
||||||
|
|
||||||
var xhr = new XMLHttpRequest();
|
var xhr = new XMLHttpRequest();
|
||||||
@ -90,11 +33,12 @@ $(document).ready(function() {
|
|||||||
var pc = parseInt((e.loaded / e.total * 100));
|
var pc = parseInt((e.loaded / e.total * 100));
|
||||||
$('.upload-progress', $(li)).show();
|
$('.upload-progress', $(li)).show();
|
||||||
$('.upload-progress .bar', $(li)).css('width', pc + "%");
|
$('.upload-progress .bar', $(li)).css('width', pc + "%");
|
||||||
|
$('.upload-progress span ').empty().append(pc + "%");
|
||||||
}, false);
|
}, false);
|
||||||
|
|
||||||
xhr.onreadystatechange = function(e) {
|
xhr.onreadystatechange = function(e) {
|
||||||
if (xhr.readyState == 4) {
|
if (xhr.readyState == 4) {
|
||||||
$('.upload-progress', $(li)).hide();
|
/* $('.upload-progress', $(li)).hide();*/
|
||||||
$('#web').addClass('uploading');
|
$('#web').addClass('uploading');
|
||||||
// progress.className = (xhr.status == 200 ? "success" : "failure");
|
// progress.className = (xhr.status == 200 ? "success" : "failure");
|
||||||
if (xhr.status == 200) {
|
if (xhr.status == 200) {
|
||||||
@ -110,11 +54,8 @@ $(document).ready(function() {
|
|||||||
$(".download-tar").attr("href", URI("(" + files.join(",") + ").tar.gz").absoluteTo(location.href).toString());
|
$(".download-tar").attr("href", URI("(" + files.join(",") + ").tar.gz").absoluteTo(location.href).toString());
|
||||||
|
|
||||||
$(".all-files").addClass('show');
|
$(".all-files").addClass('show');
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
// should queue all uploads.
|
// should queue all uploads.
|
||||||
|
|
||||||
// start upload
|
// start upload
|
||||||
@ -124,15 +65,15 @@ $(document).ready(function() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
$(document).bind("dragenter", function(event) {
|
$(document).bind("dragenter", function(event) {
|
||||||
|
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
}).bind("dragover", function(event) {
|
}).bind("dragover", function(event) {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
// show drop indicator
|
// show drop indicator
|
||||||
|
$('#terminal').addClass('dragged');
|
||||||
$('#web').addClass('dragged');
|
$('#web').addClass('dragged');
|
||||||
}).bind("dragleave", function(event) {
|
}).bind("dragleave", function(event) {
|
||||||
$('#web').removeClass('dragged');
|
$('#terminal').removeClass('dragged');
|
||||||
console.log('asdasd');
|
$('#web').removeClass('dragged');
|
||||||
|
|
||||||
}).bind("drop dragdrop", function(event) {
|
}).bind("drop dragdrop", function(event) {
|
||||||
var files = event.originalEvent.target.files || event.originalEvent.dataTransfer.files;
|
var files = event.originalEvent.target.files || event.originalEvent.dataTransfer.files;
|
||||||
|
|||||||
2
transfersh-web/styles/bootstrap.less
vendored
2
transfersh-web/styles/bootstrap.less
vendored
@ -9,7 +9,7 @@
|
|||||||
// Core CSS
|
// Core CSS
|
||||||
@import "../bower_components/bootstrap/less/scaffolding.less";
|
@import "../bower_components/bootstrap/less/scaffolding.less";
|
||||||
@import "../bower_components/bootstrap/less/type.less";
|
@import "../bower_components/bootstrap/less/type.less";
|
||||||
//@import "../bower_components/bootstrap/less/code.less";
|
/* @import "../bower_components/bootstrap/less/code.less"; */
|
||||||
@import "../bower_components/bootstrap/less/grid.less";
|
@import "../bower_components/bootstrap/less/grid.less";
|
||||||
//@import "../bower_components/bootstrap/less/tables.less";
|
//@import "../bower_components/bootstrap/less/tables.less";
|
||||||
//@import "../bower_components/bootstrap/less/forms.less";
|
//@import "../bower_components/bootstrap/less/forms.less";
|
||||||
|
|||||||
@ -8,14 +8,16 @@
|
|||||||
|
|
||||||
@navbar-default-bg: #fff;
|
@navbar-default-bg: #fff;
|
||||||
|
|
||||||
@lik-color: @text-color;
|
|
||||||
@text-color: @dark-blue;
|
|
||||||
|
|
||||||
@progress-bg: @blue;
|
@text-color: @dark-gray;
|
||||||
|
@link-color: @dark-gray;
|
||||||
|
|
||||||
|
|
||||||
|
@progress-bg: @blue;
|
||||||
|
|
||||||
// Typography
|
// Typography
|
||||||
@font-family-base: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
@font-family-base: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
@font-family-mono: "Source code Pro", monospace;
|
@font-family-mono: "Droid Sans Mono", monospace;
|
||||||
|
|
||||||
@headings-font-family: @font-family-base;
|
@headings-font-family: @font-family-base;
|
||||||
@headings-font-weight: 100;
|
@headings-font-weight: 100;
|
||||||
@ -28,4 +30,4 @@
|
|||||||
|
|
||||||
|
|
||||||
// Layout
|
// Layout
|
||||||
@grid-gutter-width: 76px;
|
@grid-gutter-width: 70px;
|
||||||
@ -7,32 +7,41 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#navigation {
|
#navigation {
|
||||||
|
margin-top: 30px;
|
||||||
ul {
|
ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
max-width: 300px;
|
||||||
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
li {
|
li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 10px;
|
padding: 0 15px;
|
||||||
}
|
}
|
||||||
h1 {
|
h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-family: @font-family-mono;
|
font-family: @font-family-mono;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
|
color: @dark-blue;
|
||||||
|
font-size: 35px;
|
||||||
}
|
}
|
||||||
@media (min-width: @screen-sm-min) {
|
@media (min-width: @screen-sm-min) {
|
||||||
ul {
|
ul {
|
||||||
float: right;
|
float: right;
|
||||||
margin: 30px 0;
|
margin: 33px 0;
|
||||||
}
|
}
|
||||||
h1 {
|
h1 {
|
||||||
float: left
|
float: left
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 15px;
|
||||||
|
color: @dark-gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 35px;
|
font-size: 35px;
|
||||||
@ -47,8 +56,9 @@ h2 {
|
|||||||
border: 2px solid @red;
|
border: 2px solid @red;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: @red;
|
color: @red;
|
||||||
-webkit-border-radius: 10px;
|
border-radius: 10px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
text-decoration: none;
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border-color: @dark-blue;
|
border-color: @dark-blue;
|
||||||
@ -71,7 +81,20 @@ img {
|
|||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: underline;
|
||||||
color: inherit ;
|
color: @dark-blue;
|
||||||
|
&:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
::selection {
|
||||||
|
background: @red;
|
||||||
|
}
|
||||||
|
::-moz-selection {
|
||||||
|
background: @red;
|
||||||
}
|
}
|
||||||
@ -1,95 +1,98 @@
|
|||||||
#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: 60px;
|
font-size: 45px;
|
||||||
margin-top: -10px;
|
margin-top: -20px;
|
||||||
margin-bottom: 45px;
|
margin-bottom: 45px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.btn-home {
|
||||||
}
|
margin: 50px 0 25px 0;
|
||||||
|
|
||||||
#from-terminal,
|
|
||||||
#from-web {
|
|
||||||
.make-md-column(6);
|
|
||||||
h3 {
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#web {
|
|
||||||
.transition(all @animation-duration ease);
|
|
||||||
border: 1px dashed @blue;
|
|
||||||
padding-top: 10px;
|
|
||||||
i {
|
|
||||||
font-size: 160px;
|
|
||||||
color: @blue;
|
|
||||||
}
|
|
||||||
p.click {
|
|
||||||
margin-top: -66px;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
border-radius: 5px;
|
|
||||||
.btn-cta {
|
|
||||||
padding: 5px 10px;
|
|
||||||
font-size: 14px;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#web, #terminal {
|
|
||||||
min-height: 150px;
|
#web, .terminal {
|
||||||
|
word-wrap: break-word;
|
||||||
|
font-size: 12px;
|
||||||
|
.code-title {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
padding: 25px 0 0 10px;
|
||||||
@media (min-width: @screen-sm-min) {
|
@media (min-width: @screen-sm-min) {
|
||||||
min-height: 270px;
|
padding: 25px 0 0 20px;
|
||||||
|
font-size: 15px
|
||||||
}
|
}
|
||||||
|
code {
|
||||||
}
|
font-family: @font-family-mono;
|
||||||
|
|
||||||
#web .uploading {
|
|
||||||
|
|
||||||
i {
|
|
||||||
.transition(font @animation-duration ease);
|
|
||||||
font-size: 40px;
|
|
||||||
}
|
|
||||||
p.click {
|
|
||||||
margin-top: -10px;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
}
|
||||||
|
font-family: @font-family-mono;
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.dragged {
|
|
||||||
background: @light-gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#terminal {
|
|
||||||
padding: 10px;
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: @dark-blue;
|
.transition(all @animation-duration ease);
|
||||||
background: url(../images/terminal.svg);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: 100% auto;
|
|
||||||
font-family: @font-family-mono;
|
|
||||||
font-size: 11px;
|
|
||||||
@media (min-width: @screen-sm-min) {
|
|
||||||
padding: 30px 20px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.progress {
|
|
||||||
|
#web {
|
||||||
|
margin-top: -2px;
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 50px;
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
background: @dark-blue;
|
||||||
|
.transition(all @animation-duration ease);
|
||||||
|
.btn-cta {
|
||||||
|
padding: 5px 10px;
|
||||||
|
font-size: 14px;
|
||||||
|
border-color: #fff;
|
||||||
|
}
|
||||||
|
.queue {
|
||||||
|
margin: 0;
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.border-bottom-radius (5px);
|
||||||
|
|
||||||
|
}
|
||||||
|
.dragged {
|
||||||
|
background: lighten(@dark-blue, 5%)!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.terminal {
|
||||||
|
.border-top-radius (0);
|
||||||
|
.border-bottom-radius (5px);
|
||||||
|
background: @dark-blue;
|
||||||
|
// background: url(../images/terminal.svg);
|
||||||
|
backbground-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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.upload-progress {
|
||||||
max-width: 80%;
|
max-width: 80%;
|
||||||
margin: 0 auto;
|
.bar {
|
||||||
|
word-wrap: normal;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.all-files {
|
.all-files {
|
||||||
@ -97,5 +100,5 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.all-files .show {
|
.all-files .show {
|
||||||
display:block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -21,18 +21,6 @@
|
|||||||
h4 {
|
h4 {
|
||||||
margin-top: 30px;
|
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;
|
padding: 50px 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
.btn-cta {
|
.btn-cta {
|
||||||
@ -42,6 +30,11 @@
|
|||||||
h4 {
|
h4 {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
.terminal {
|
||||||
|
padding: 20px 15px;
|
||||||
|
font-size: 13px;
|
||||||
|
min-height: 230px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#share {
|
#share {
|
||||||
@ -64,6 +57,7 @@
|
|||||||
padding: 75px 0;
|
padding: 75px 0;
|
||||||
a {
|
a {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -4,13 +4,12 @@
|
|||||||
.twitter-profile {
|
.twitter-profile {
|
||||||
float: left;
|
float: left;
|
||||||
display: block;
|
display: block;
|
||||||
height: 75px;
|
height: 90px;
|
||||||
margin-right: 20px;
|
border-radius: 10px;
|
||||||
-webkit-border-radius: 10px;
|
margin: 3px 15px auto 20px;
|
||||||
margin: auto 15px auto 0;
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
blockquote.twitter-tweet {
|
blockquote.twitter-tweet {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -18,13 +17,18 @@ blockquote.twitter-tweet {
|
|||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
margin: 10px 5px;
|
margin: 10px 5px;
|
||||||
padding: 0 16px 16px 16px;
|
padding: 0 16px 16px 16px;
|
||||||
|
|
||||||
text-align: right;
|
text-align: right;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
img {
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
@media (max-width: @screen-xs) {
|
||||||
|
.twitter-profile {
|
||||||
|
display:none!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
blockquote.twitter-tweet p {
|
blockquote.twitter-tweet p {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
@ -44,7 +48,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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -259,7 +259,7 @@ body {
|
|||||||
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 1.42857143;
|
line-height: 1.42857143;
|
||||||
color: #36535a;
|
color: #3b3b3b;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
}
|
}
|
||||||
input,
|
input,
|
||||||
@ -271,12 +271,12 @@ textarea {
|
|||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
color: #428bca;
|
color: #3b3b3b;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
a:hover,
|
a:hover,
|
||||||
a:focus {
|
a:focus {
|
||||||
color: #2a6496;
|
color: #151515;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
a:focus {
|
a:focus {
|
||||||
@ -622,11 +622,12 @@ address {
|
|||||||
font-style: normal;
|
font-style: normal;
|
||||||
line-height: 1.42857143;
|
line-height: 1.42857143;
|
||||||
}
|
}
|
||||||
|
/* @import "../bower_components/bootstrap/less/code.less"; */
|
||||||
.container {
|
.container {
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
padding-left: 38px;
|
padding-left: 35px;
|
||||||
padding-right: 38px;
|
padding-right: 35px;
|
||||||
}
|
}
|
||||||
.container:before,
|
.container:before,
|
||||||
.container:after {
|
.container:after {
|
||||||
@ -646,22 +647,22 @@ address {
|
|||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.container {
|
.container {
|
||||||
width: 796px;
|
width: 790px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 992px) {
|
@media (min-width: 992px) {
|
||||||
.container {
|
.container {
|
||||||
width: 1016px;
|
width: 1010px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 1200px) {
|
@media (min-width: 1200px) {
|
||||||
.container {
|
.container {
|
||||||
width: 1216px;
|
width: 1210px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.row {
|
.row {
|
||||||
margin-left: -38px;
|
margin-left: -35px;
|
||||||
margin-right: -38px;
|
margin-right: -35px;
|
||||||
}
|
}
|
||||||
.row:before,
|
.row:before,
|
||||||
.row:after {
|
.row:after {
|
||||||
@ -682,8 +683,8 @@ address {
|
|||||||
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
|
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 1px;
|
min-height: 1px;
|
||||||
padding-left: 38px;
|
padding-left: 35px;
|
||||||
padding-right: 38px;
|
padding-right: 35px;
|
||||||
}
|
}
|
||||||
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
|
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
|
||||||
float: left;
|
float: left;
|
||||||
@ -5363,27 +5364,39 @@ body {
|
|||||||
color: white;
|
color: white;
|
||||||
padding: 0.2em 0;
|
padding: 0.2em 0;
|
||||||
}
|
}
|
||||||
|
#navigation {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
#navigation ul {
|
#navigation ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
max-width: 300px;
|
||||||
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
#navigation li {
|
#navigation li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 10px;
|
padding: 0 15px;
|
||||||
}
|
}
|
||||||
#navigation h1 {
|
#navigation h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-family: "Source code Pro", monospace;
|
font-family: "Droid Sans Mono", monospace;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
|
color: #36535a;
|
||||||
|
font-size: 35px;
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
#navigation ul {
|
#navigation ul {
|
||||||
float: right;
|
float: right;
|
||||||
margin: 30px 0;
|
margin: 33px 0;
|
||||||
}
|
}
|
||||||
#navigation h1 {
|
#navigation h1 {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
#navigation a {
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 15px;
|
||||||
|
color: #3b3b3b;
|
||||||
|
}
|
||||||
h2 {
|
h2 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 35px;
|
font-size: 35px;
|
||||||
@ -5400,8 +5413,9 @@ h2 {
|
|||||||
border: 2px solid #e96e57;
|
border: 2px solid #e96e57;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #e96e57;
|
color: #e96e57;
|
||||||
-webkit-border-radius: 10px;
|
border-radius: 10px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.btn-cta:hover {
|
.btn-cta:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@ -5413,8 +5427,8 @@ h2 {
|
|||||||
max-width: 1100px;
|
max-width: 1100px;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
padding-left: 38px;
|
padding-left: 35px;
|
||||||
padding-right: 38px;
|
padding-right: 35px;
|
||||||
}
|
}
|
||||||
.wrapper:before,
|
.wrapper:before,
|
||||||
.wrapper:after {
|
.wrapper:after {
|
||||||
@ -5434,121 +5448,136 @@ h2 {
|
|||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.wrapper {
|
.wrapper {
|
||||||
width: 796px;
|
width: 790px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 992px) {
|
@media (min-width: 992px) {
|
||||||
.wrapper {
|
.wrapper {
|
||||||
width: 1016px;
|
width: 1010px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 1200px) {
|
@media (min-width: 1200px) {
|
||||||
.wrapper {
|
.wrapper {
|
||||||
width: 1216px;
|
width: 1210px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
img {
|
img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
a {
|
||||||
|
text-decoration: underline;
|
||||||
|
color: #36535a;
|
||||||
|
}
|
||||||
a:hover {
|
a:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: inherit ;
|
color: inherit;
|
||||||
|
}
|
||||||
|
::selection {
|
||||||
|
background: #e96e57;
|
||||||
|
}
|
||||||
|
::-moz-selection {
|
||||||
|
background: #e96e57;
|
||||||
}
|
}
|
||||||
#home {
|
#home {
|
||||||
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 {
|
||||||
padding: 50px;
|
padding: 50px;
|
||||||
}
|
}
|
||||||
#home h2 {
|
#home h2 {
|
||||||
font-size: 60px;
|
font-size: 45px;
|
||||||
margin-top: -10px;
|
margin-top: -20px;
|
||||||
margin-bottom: 45px;
|
margin-bottom: 45px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#from-terminal,
|
#home .btn-home {
|
||||||
#from-web {
|
margin: 50px 0 25px 0;
|
||||||
position: relative;
|
|
||||||
min-height: 1px;
|
|
||||||
padding-left: 38px;
|
|
||||||
padding-right: 38px;
|
|
||||||
}
|
}
|
||||||
@media (min-width: 992px) {
|
#web,
|
||||||
#from-terminal,
|
.terminal {
|
||||||
#from-web {
|
word-wrap: break-word;
|
||||||
float: left;
|
font-size: 12px;
|
||||||
width: 50%;
|
padding: 25px 0 0 10px;
|
||||||
}
|
font-family: "Droid Sans Mono", monospace;
|
||||||
}
|
text-align: left;
|
||||||
#from-terminal h3,
|
color: #fff;
|
||||||
#from-web h3 {
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
#web {
|
|
||||||
-webkit-transition: all 0.3s ease;
|
-webkit-transition: all 0.3s ease;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
border: 1px dashed #85b5bb;
|
|
||||||
padding-top: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
}
|
||||||
#web i {
|
#web .code-title,
|
||||||
font-size: 160px;
|
.terminal .code-title {
|
||||||
color: #85b5bb;
|
color: #e96e57;
|
||||||
}
|
}
|
||||||
#web p.click {
|
@media (min-width: 768px) {
|
||||||
margin-top: -66px;
|
#web,
|
||||||
font-size: 18px;
|
.terminal {
|
||||||
|
padding: 25px 0 0 20px;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#web code,
|
||||||
|
.terminal code {
|
||||||
|
font-family: "Droid Sans Mono", monospace;
|
||||||
|
}
|
||||||
|
#web {
|
||||||
|
margin-top: -2px;
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 50px;
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
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 {
|
#web .btn-cta {
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
border-color: #fff;
|
||||||
}
|
}
|
||||||
#web,
|
#web .queue {
|
||||||
#terminal {
|
margin: 0;
|
||||||
min-height: 150px;
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
#web a {
|
||||||
#web,
|
color: #fff;
|
||||||
#terminal {
|
|
||||||
min-height: 270px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#web .uploading i {
|
|
||||||
-webkit-transition: font 0.3s ease;
|
|
||||||
transition: font 0.3s ease;
|
|
||||||
font-size: 40px;
|
|
||||||
}
|
|
||||||
#web .uploading p.click {
|
|
||||||
margin-top: -10px;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
}
|
||||||
.dragged {
|
.dragged {
|
||||||
background: #f6f8f8;
|
background: #40626a !important;
|
||||||
}
|
}
|
||||||
#terminal {
|
.terminal {
|
||||||
padding: 10px;
|
border-top-right-radius: 0;
|
||||||
text-align: left;
|
border-top-left-radius: 0;
|
||||||
color: #fff;
|
border-bottom-right-radius: 5px;
|
||||||
|
border-bottom-left-radius: 5px;
|
||||||
background: #36535a;
|
background: #36535a;
|
||||||
background: url(../images/terminal.svg);
|
backbground-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-repeat: no-repeat;
|
||||||
background-size: 100% auto;
|
background-size: cover;
|
||||||
font-family: "Source code Pro", monospace;
|
height: 30px;
|
||||||
font-size: 11px;
|
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
.upload-progress {
|
||||||
#terminal {
|
|
||||||
padding: 30px 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.progress {
|
|
||||||
max-width: 80%;
|
max-width: 80%;
|
||||||
margin: 0 auto;
|
}
|
||||||
|
.upload-progress .bar {
|
||||||
|
word-wrap: normal;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.upload-progress span {
|
||||||
|
float: right;
|
||||||
}
|
}
|
||||||
.all-files {
|
.all-files {
|
||||||
display: none;
|
display: none;
|
||||||
@ -5580,18 +5609,6 @@ a:hover {
|
|||||||
#samples h4 {
|
#samples h4 {
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
}
|
}
|
||||||
#samples code {
|
|
||||||
display: block;
|
|
||||||
padding: 10px 20px;
|
|
||||||
background: #36535a;
|
|
||||||
font-family: "Source code Pro", monospace;
|
|
||||||
font-size: 12px;
|
|
||||||
border-radius: 5px;
|
|
||||||
color: #fff;
|
|
||||||
text-align: left;
|
|
||||||
font-weight: 400;
|
|
||||||
text-wrap: none;
|
|
||||||
}
|
|
||||||
#samples .btn-cta {
|
#samples .btn-cta {
|
||||||
margin: 30px 0;
|
margin: 30px 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -5599,6 +5616,11 @@ a:hover {
|
|||||||
#samples h4 {
|
#samples h4 {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
#samples .terminal {
|
||||||
|
padding: 20px 15px;
|
||||||
|
font-size: 13px;
|
||||||
|
min-height: 230px;
|
||||||
|
}
|
||||||
#share {
|
#share {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: #85b5bb;
|
background: #85b5bb;
|
||||||
@ -5619,6 +5641,7 @@ a:hover {
|
|||||||
}
|
}
|
||||||
#share a {
|
#share a {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
footer {
|
footer {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -5664,10 +5687,9 @@ footer img {
|
|||||||
#reviews .twitter-profile {
|
#reviews .twitter-profile {
|
||||||
float: left;
|
float: left;
|
||||||
display: block;
|
display: block;
|
||||||
height: 75px;
|
height: 90px;
|
||||||
margin-right: 20px;
|
border-radius: 10px;
|
||||||
-webkit-border-radius: 10px;
|
margin: 3px 15px auto 20px;
|
||||||
margin: auto 15px auto 0;
|
|
||||||
}
|
}
|
||||||
blockquote.twitter-tweet {
|
blockquote.twitter-tweet {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -5678,6 +5700,14 @@ blockquote.twitter-tweet {
|
|||||||
text-align: right;
|
text-align: right;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
blockquote.twitter-tweet img {
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
blockquote.twitter-tweet .twitter-profile {
|
||||||
|
display: none!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
blockquote.twitter-tweet p {
|
blockquote.twitter-tweet p {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
@ -5698,6 +5728,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
Loading…
x
Reference in New Issue
Block a user