fixing examples section

transfersh-web/index.html

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

transfersh-web/scripts/main.js

@@ -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('$ ')
+        .type('$ #######################')
+        .put('<br/>')
         .waitRange(1000, 1500)
-        .type('exit')
+        .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() {

transfersh-web/styles/includes/pages.less

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

transfersh-web/styles/main.css

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