home animations

transfersh-web/index.html

@@ -56,18 +56,18 @@
     <section id="home">
         <div class="wrapper">
             <h2>
-                Upload and share your files
+                Easy file sharing from the command line
             </h2>
 
-            <div class="row">
-                <div id="from-terminal" class="animated fadeIn box col-md-6 col-xs-12">
-                    <h3>Easy sharing from the command-line</h3>
+            <div class="row animated fadeInDown">
+                <div id="from-terminal" class=" box col-md-6 col-xs-12">
+                    <h3>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>From web</h3>
+                    <h3>Or from web</h3>
 
                     <div id="web">
                         <a class="browse" href="#">
@@ -79,7 +79,7 @@
                             <li>
                             </li>
                         </ul>
-                        <div class='all-files' >
+                        <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>
                         </div>
@@ -89,7 +89,13 @@
                     </div>
 
                 </div>
+            </div>
+            <div>
+                <br>
+                <br>
                 <a href="#features" class="btn-cta">learn more</i> </a>
+                <br>
+                <br>
             </div>
     </section>
 
@@ -194,7 +200,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="https://pbs.twimg.com/profile_images/2456827599/eun7gkvkmq2g7ymuliue_reasonably_small.jpeg" 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>
@@ -324,7 +330,7 @@
     <!-- build:js scripts/main.js -->
     <script src="bower_components/jquery/dist/jquery.js"></script>
     <script src="bower_components/typed.js/js/typed.js"></script>
-     <script src="bower_components/realistic-typewriter.js/build/typewriter-bundle.min.js"></script>
+    <script src="bower_components/realistic-typewriter.js/build/typewriter-bundle.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/collapse.js"></script>

transfersh-web/styles/includes/home.less

@@ -2,17 +2,18 @@
     text-align: center;
 
     h2 {
-        font-size: 40x;
+        font-size: 40px;
     }
 
     @media (min-width: @screen-sm-min) {
         padding: 50px;
         h2 {
-            font-size: 65px;
+            font-size: 60px;
             margin-top: -10px;
             margin-bottom: 45px;
         }
     }
+
 }
 
 #from-terminal,
@@ -37,6 +38,11 @@
         font-size: 18px;
     }
     border-radius: 5px;
+      .btn-cta {
+        padding: 5px 10px;
+        font-size: 14px;
+
+    }
 }
 
 #web, #terminal {
@@ -57,6 +63,7 @@
         margin-top: -10px;
         font-size: 14px;
     }
+
 }
 
 

transfersh-web/styles/main.less

@@ -1,7 +1,7 @@
 @import "bootstrap.less";
 
 
-@import "../bower_components/";
+@import "../bower_components/animate.less/animate.less";
 
 @import "config";
 @import "includes/global";