Browse Source

added trnasfersh-web/static to .gitignore

tags/v1.0.0
Uvis Grinfelds 9 years ago
parent
commit
71b0be37da
6 changed files with 328 additions and 82 deletions
  1. +1
    -0
      .gitignore
  2. +3
    -13
      Gruntfile.js
  3. +189
    -1
      transfersh-server/static/images/terminal.svg
  4. +125
    -64
      transfersh-server/static/index.html
  5. +9
    -3
      transfersh-server/static/scripts/main.js
  6. +1
    -1
      transfersh-server/static/styles/main.css

+ 1
- 0
.gitignore View File

@@ -13,3 +13,4 @@ bower_components/
node_modules/

transfersh-server/run.sh
transfersh-server/static

+ 3
- 13
Gruntfile.js View File

@@ -129,7 +129,7 @@ module.exports = function (grunt) {
src: [
'<%= yeoman.dist %>/scripts/{,*/}*.js',
'<%= yeoman.dist %>/styles/{,*/}*.css',
'<%= yeoman.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp}',
'<%= yeoman.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}',
'<%= 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: {
dist: {
files: {
@@ -212,7 +203,7 @@ module.exports = function (grunt) {
'.htaccess',
'index.txt',
'404.txt',
'images/{,*/}*.{webp,gif}'
'images/{,*/}*.{webp,gif,svg}'
]
}]
},
@@ -236,7 +227,6 @@ module.exports = function (grunt) {
dist: [
'less',
'imagemin',
'svgmin',
'htmlmin'
]
}


+ 189
- 1
transfersh-server/static/images/terminal.svg View File

@@ -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>

+ 125
- 64
transfersh-server/static/index.html View File

@@ -16,8 +16,8 @@
<link rel="stylesheet" href="styles/main.css">

<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:300,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>
</head>

@@ -43,7 +43,7 @@
<div class="wrapper">
<h1>transfer.sh</h1>
<ul>
<li><a href="#samples">Sample use cases</a>
<li><a href="#samples">sample use cases</a>
</li>
<li><a href="#contact">contact us</a>
</li>
@@ -56,50 +56,57 @@
<h2>
Easy file sharing from the command line
</h2>
<!-- <p class="lead">Share your files using this and drag and rop or click here to upload</p> -->
<div class="row animated fadeInDown">
<div id="from-terminal" class="box col-md-6 col-xs-12">
<h3>Share from terminal</h3>
<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 id="from-terminal" class="box col-md-8 col-md-offset-2 col-xs-12">
<div class="terminal-top">

</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>ch
</div>
<div id="web">
<a class="browse" href="#">
<i class="icon-upload-cloud"></i>
<p class="click">Drag your files here to upload or click to browse</p>
</a>
<code>
<br>
<span class="code-title"># Upload from web</span>
<br>Drag your files here, or <a class="browse" href="#"> click to browse.</a>
</code>
<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>
</ul>
<div class="all-files">
<h4>Download your files:</h4>
<a class="download-zip btn-cta" href="#">zip</a> <a class="download-tar btn-cta" href="#">tar.gz</a>
<br>
<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>
<a href="#features" class="btn-cta btn-home">learn more </a>
</div>
</div>
<div>
<br>
<br>
<a href="#features" class="btn-cta">learn more </a>
<br>
<br>
</div>
</div></section>



<section id="features">
<div class="wrapper container">
<div class="row">
<div class="row animated fadeInDown">
<div class="col-md-3 col-xs-6">
<i class="icon-terminal"></i>
<h3>Made for use with shell</h3>
@@ -117,7 +124,7 @@
<h3>Files stored for 14 days</h3>
</div>
</div>
<div class="row">
<div class="row animated fadeInDown">
<div class="col-md-offset-3 col-md-3 col-xs-6">
<i class="icon-tag"></i>
<h3>For free</h3>
@@ -140,28 +147,93 @@
<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>
<code>$ transfer() { # write to output to tmpfile because of progress bar tmpfile=$( mktemp -t transfer ) curl --progress-bar --upload-file $1 https://transfer.sh/$(basename $1) >> $tmpfile; cat $tmpfile; rm -f $tmpfile; } alias transfer=transfer</code>
<h4>Now you can just use
<strong>transfer</strong>command</h4>
<code>$transfer hello.txt</code>


<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>


<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>
@@ -194,54 +266,42 @@
<section id="reviews">
<div class="wrapper">
<div class="row">

<div class="col-md-8 col-md-offset-2 col-xs-12">
<blockquote class="twitter-tweet tweet-xl" lang="en">
<img class="twitter-profile" src="images/reviews/lars.jpg" alt="">
<p>transfer.sh is my latest fav service! Try simple command-line and web file sharing! <a href="https://t.co/FSrsb1JKJd">https://t.co/FSrsb1JKJd</a>&#10;Thanks <a href="https://twitter.com/dutchcoders">@dutchcoders</a> !</p> <a href="https://twitter.com/arvestad/status/519507976491499521">&mdash; Lars Arvestad (@arvestad)</a>
<img class="twitter-profile" src="images/reviews/dave.jpg" alt="">
<p><a href="https://twitter.com/dutchcoders">@dutchcoders</a> Thanks for transfer.sh. Just used it for a production purpose for a customer. So great, so easy, so https. :)</p>
<a href="https://twitter.com/FloifyDave/status/517383101425516544">
&mdash; Dave Sims (@FloifyDave)</a>
</blockquote>
</div>
</div>

<div class="row">



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

<blockquote class="twitter-tweet" lang="en">
<img class="twitter-profile" src="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">&mdash; Kareem Kouddous (@kareemk) </a>
</blockquote>

</div>
<div class="col-md-6 col-xs-12">
<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">&mdash; PJ Spagnolatti (@drakpz)</a>
</blockquote>

</div>
</div>

<div class="row">

<div class="col-md-6 col-xs-12">
<blockquote class="twitter-tweet" lang="en">
<img class="twitter-profile" src="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><a href="https://twitter.com/jacoblindgren11/status/516975006501203968">&mdash; Jacob Lindgren (@jacoblindgren11) </a>
</blockquote>

</div>
<div class="col-md-6 col-xs-12">
<blockquote class="twitter-tweet" lang="en">
<img class="twitter-profile" src="images/reviews/dave.jpg" alt="">
<p><a href="https://twitter.com/dutchcoders">@dutchcoders</a> Thanks for transfer.sh. Just used it for a production purpose for a customer. So great, so easy, so https. :)</p>
<a href="https://twitter.com/FloifyDave/status/517383101425516544">
&mdash; Dave Sims (@FloifyDave)</a>
<img class="twitter-profile" src="images/reviews/lars.jpg" alt="">
<p>transfer.sh is my latest fav service! Try simple command-line and web file sharing! <a href="https://t.co/FSrsb1JKJd">https://t.co/FSrsb1JKJd</a>&#10;Thanks <a href="https://twitter.com/dutchcoders">@dutchcoders</a> !</p> <a href="https://twitter.com/arvestad/status/519507976491499521">&mdash; Lars Arvestad (@arvestad)</a>
</blockquote>

</div>
</div>
</div>
@@ -325,6 +385,7 @@
</script>

<script src="scripts/main.js"></script>

</body>

</html>

+ 9
- 3
transfersh-server/static/scripts/main.js
File diff suppressed because it is too large
View File


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


Loading…
Cancel
Save