mirror of
https://github.com/dutchcoders/transfer.sh.git
synced 2024-12-25 03:40:19 +01:00
fixing examples section
This commit is contained in:
parent
c46d361bb7
commit
05cd40b365
8 changed files with 40 additions and 26 deletions
BIN
transfersh-web/images/reviews/dave.jpg
Normal file
BIN
transfersh-web/images/reviews/dave.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 22 KiB |
BIN
transfersh-web/images/reviews/jacob.jpg
Normal file
BIN
transfersh-web/images/reviews/jacob.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 26 KiB |
BIN
transfersh-web/images/reviews/lars.jpg
Normal file
BIN
transfersh-web/images/reviews/lars.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 17 KiB |
|
@ -16,7 +16,7 @@
|
||||||
<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' rel='stylesheet' type='text/css'>
|
<link href='https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400' 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>
|
||||||
|
@ -61,13 +61,13 @@
|
||||||
|
|
||||||
<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-6 col-xs-12">
|
||||||
<h3>From terminal</h3>
|
<h3>Share from terminal</h3>
|
||||||
<div id="terminal">
|
<div id="terminal">
|
||||||
<p style='white-space:pre'></p>
|
<p style='white-space:pre'></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="from-web" class="col-md-6 col-xs-12">
|
<div id="from-web" class="col-md-6 col-xs-12">
|
||||||
<h3>Or from web</h3>
|
<h3>Share from web</h3>
|
||||||
|
|
||||||
<div id="web">
|
<div id="web">
|
||||||
<a class="browse" href="#">
|
<a class="browse" href="#">
|
||||||
|
@ -162,13 +162,12 @@
|
||||||
|
|
||||||
|
|
||||||
<a class="btn-cta" data-target="#coll" data-toggle="collapse">More examples</a>
|
<a class="btn-cta" data-target="#coll" data-toggle="collapse">More examples</a>
|
||||||
<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>Transfer multiple files</h3>
|
||||||
<h4>Upload multiple files at once
|
<h4>Upload multiple files at once
|
||||||
|
|
||||||
</h4>
|
</h4>
|
||||||
<code>$ curl -i -F filedata=@/tmp/hello.txt -F filedata=@/tmp/hello2.txt https://transfer.sh/</code>
|
<code>$ curl -i -F filedata=@/tmp/hello.txt -F filedata=@/tmp/hello2.txt https://transfer.sh/</code>
|
||||||
|
|
||||||
|
@ -200,7 +199,7 @@
|
||||||
|
|
||||||
<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="https://pbs.twimg.com/profile_images/2456827599/eun7gkvkmq2g7ymuliue_reasonably_small.jpeg" alt="">
|
<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> Thanks <a href="https://twitter.com/dutchcoders">@dutchcoders</a> !</p> <a href="https://twitter.com/arvestad/status/519507976491499521">— Lars Arvestad (@arvestad)</a>
|
<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> Thanks <a href="https://twitter.com/dutchcoders">@dutchcoders</a> !</p> <a href="https://twitter.com/arvestad/status/519507976491499521">— Lars Arvestad (@arvestad)</a>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
</div>
|
</div>
|
||||||
|
@ -213,14 +212,14 @@
|
||||||
<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="https://pbs.twimg.com/profile_images/2456827599/eun7gkvkmq2g7ymuliue_reasonably_small.jpeg" 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="https://pbs.twimg.com/profile_images/2456827599/eun7gkvkmq2g7ymuliue_reasonably_small.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>
|
||||||
|
|
||||||
|
@ -231,7 +230,7 @@
|
||||||
|
|
||||||
<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="https://pbs.twimg.com/profile_images/2456827599/eun7gkvkmq2g7ymuliue_reasonably_small.jpeg" 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>
|
||||||
|
@ -239,7 +238,7 @@
|
||||||
</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="https://pbs.twimg.com/profile_images/2456827599/eun7gkvkmq2g7ymuliue_reasonably_small.jpeg" alt="">
|
<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>
|
<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">
|
<a href="https://twitter.com/FloifyDave/status/517383101425516544">
|
||||||
— Dave Sims (@FloifyDave)</a>
|
— Dave Sims (@FloifyDave)</a>
|
||||||
|
|
|
@ -18,23 +18,20 @@ $(document).ready(function() {
|
||||||
|
|
||||||
var twSpan = document.getElementById('terminal');
|
var twSpan = document.getElementById('terminal');
|
||||||
|
|
||||||
var tw = typewriter(twSpan).withAccuracy(95)
|
var tw = typewriter(twSpan).withAccuracy(100)
|
||||||
.withMinimumSpeed(5)
|
.withMinimumSpeed(17)
|
||||||
.withMaximumSpeed(17)
|
.withMaximumSpeed(25)
|
||||||
.build();
|
.build();
|
||||||
tw.put('$ ')
|
tw.put('$ ')
|
||||||
.waitRange(500, 1000)
|
.waitRange(500, 1000)
|
||||||
.type('curl --upload-file ./hello.txt https://transfer.sh/hello.txt\n#######################')
|
.type('curl --upload-file ./hello.txt https://transfer.sh/hello.txt')
|
||||||
.put('<br/>')
|
.put('<br/>')
|
||||||
.waitRange(1000, 1500)
|
.waitRange(1000, 1500)
|
||||||
.put('ls: realistic-typewriter.js: No such file or directory<br/>')
|
.type('$ #######################')
|
||||||
.put('$ ')
|
.put('<br/>')
|
||||||
.waitRange(1000, 1500)
|
.waitRange(1000, 1500)
|
||||||
.type('exit')
|
.type('$ https://transfer.sh/66nb8/hello.txt ')
|
||||||
.put('<br/>')
|
.put('<br/>')
|
||||||
.wait(500)
|
|
||||||
.put('logout<br/><br/>')
|
|
||||||
.put('[Process completed]<br/>');
|
|
||||||
|
|
||||||
// Smooth scrolling
|
// Smooth scrolling
|
||||||
$('a[href*=#]:not([href=#])').click(function() {
|
$('a[href*=#]:not([href=#])').click(function() {
|
||||||
|
|
|
@ -23,12 +23,21 @@
|
||||||
}
|
}
|
||||||
code {
|
code {
|
||||||
display:block;
|
display:block;
|
||||||
padding: 20px;
|
padding: 10px 20px;
|
||||||
background: @light-gray;
|
background: @dark-blue;
|
||||||
font-family: @font-family-mono;
|
font-family: @font-family-mono;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
border-radius: 5px;
|
||||||
|
color: #fff;
|
||||||
|
text-align: left;
|
||||||
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
padding: 50px 0;
|
padding: 50px 0;
|
||||||
|
text-align: center;
|
||||||
|
.btn-cta {
|
||||||
|
margin: 30px 0;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#share {
|
#share {
|
||||||
|
|
|
@ -5575,16 +5575,25 @@ a:hover {
|
||||||
}
|
}
|
||||||
#samples {
|
#samples {
|
||||||
padding: 50px 0;
|
padding: 50px 0;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
#samples h4 {
|
#samples h4 {
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
}
|
}
|
||||||
#samples code {
|
#samples code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 20px;
|
padding: 10px 20px;
|
||||||
background: #f6f8f8;
|
background: #36535a;
|
||||||
font-family: "Source code Pro", monospace;
|
font-family: "Source code Pro", monospace;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
border-radius: 5px;
|
||||||
|
color: #fff;
|
||||||
|
text-align: left;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
#samples .btn-cta {
|
||||||
|
margin: 30px 0;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
#share {
|
#share {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue