fixing examples section

This commit is contained in:
Uvis Grinfelds 2014-10-20 16:20:00 +02:00
parent c46d361bb7
commit 05cd40b365
8 changed files with 40 additions and 26 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

View file

@ -16,7 +16,7 @@
<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' 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 -->
<script src="bower_components/modernizr/modernizr.js"></script>
@ -61,13 +61,13 @@
<div class="row animated fadeInDown">
<div id="from-terminal" class=" box col-md-6 col-xs-12">
<h3>From terminal</h3>
<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>Or from web</h3>
<h3>Share from web</h3>
<div id="web">
<a class="browse" href="#">
@ -162,13 +162,12 @@
<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>Transfer multiple files</h3>
<h4>Upload multiple files at once
</h4>
<code>$ curl -i -F filedata=@/tmp/hello.txt -F filedata=@/tmp/hello2.txt https://transfer.sh/</code>
@ -200,7 +199,7 @@
<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="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>&#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>
@ -213,14 +212,14 @@
<div class="col-md-6 col-xs-12">
<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">&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="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">&mdash; PJ Spagnolatti (@drakpz)</a>
</blockquote>
@ -231,7 +230,7 @@
<div class="col-md-6 col-xs-12">
<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><a href="https://twitter.com/jacoblindgren11/status/516975006501203968">&mdash; Jacob Lindgren (@jacoblindgren11) </a>
</blockquote>
@ -239,7 +238,7 @@
</div>
<div class="col-md-6 col-xs-12">
<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>
<a href="https://twitter.com/FloifyDave/status/517383101425516544">
&mdash; Dave Sims (@FloifyDave)</a>

View file

@ -18,23 +18,20 @@ $(document).ready(function() {
var twSpan = document.getElementById('terminal');
var tw = typewriter(twSpan).withAccuracy(95)
.withMinimumSpeed(5)
.withMaximumSpeed(17)
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\n#######################')
.type('curl --upload-file ./hello.txt https://transfer.sh/hello.txt')
.put('<br/>')
.waitRange(1000, 1500)
.put('ls: realistic-typewriter.js: No such file or directory<br/>')
.put('$ ')
.waitRange(1000, 1500)
.type('exit')
.type('$ #######################')
.put('<br/>')
.waitRange(1000, 1500)
.type('$ https://transfer.sh/66nb8/hello.txt ')
.put('<br/>')
.wait(500)
.put('logout<br/><br/>')
.put('[Process completed]<br/>');
// Smooth scrolling
$('a[href*=#]:not([href=#])').click(function() {

View file

@ -23,12 +23,21 @@
}
code {
display:block;
padding: 20px;
background: @light-gray;
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;
}
padding: 50px 0;
text-align: center;
.btn-cta {
margin: 30px 0;
cursor: pointer;
}
}
#share {

View file

@ -5575,16 +5575,25 @@ a:hover {
}
#samples {
padding: 50px 0;
text-align: center;
}
#samples h4 {
margin-top: 30px;
}
#samples code {
display: block;
padding: 20px;
background: #f6f8f8;
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;
}
#samples .btn-cta {
margin: 30px 0;
cursor: pointer;
}
#share {
text-align: center;

File diff suppressed because one or more lines are too long