add lots of fun animations

public/css/styles.less

@@ -82,10 +82,16 @@ h1, h2, h3, h4, h5, h6, p, li {
   margin-top: -10px;
 }
 
+/**/
+
 .btn-cta {
   font-size: 40px;
 }
 
+.non-profit-cta {
+  font-size: 24.9px;
+}
+
 .btn {
   white-space: normal;
   -webkit-box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3);
@@ -126,7 +132,7 @@ ul {
 }
 
 .nav-height {
-  height: 45px;
+  height: 50px;
 }
 
 .landing-icon {
@@ -142,4 +148,31 @@ ul {
   margin-top: -30px;
   margin-bottom: -30px;
 }
-/**/
+
+.text-success {
+  color: #5cb85c;
+}
+
+.delay-1 {
+  -webkit-animation-delay: 1s;
+  animation-delay: 1s;
+}
+
+.delay-2 {
+  -webkit-animation-delay: 2s;
+  animation-delay: 2s;
+}
+
+.delay-3 {
+  -webkit-animation-delay: 3s;
+  animation-delay: 3s;
+}
+
+.delay-5 {
+  -webkit-animation-delay: 5s;
+  animation-delay: 5s;
+}
+.fast-animation {
+  -webkit-animation-duration: 0.5s;
+  animation-duration: 0.5s;
+}

views/account/profile.jade

@@ -1,9 +1,8 @@
 extends ../layout
 
 block content
-  .page-header
+  h1 Update your profile here:
-    h3 Profile Information
+  .animated.flipInX
-
       form.form-horizontal(action='/account/profile', method='POST')
         input(type='hidden', name='_csrf', value=_csrf)
         .form-group
@@ -26,17 +25,17 @@ block content
           .col-sm-offset-2.col-sm-4
             button.btn.btn.btn-primary(type='submit')
               span.ion-edit
-          | Update Profile
+              | Update my profile
 
-  p You can delete your account, but keep in mind this action is irreversible.
+  h3 Danger Zone
   button.btn.btn-danger.confirm-deletion
     span.ion-trash-b
-    | Delete my account
+    | I want to delete my account
   script.
       $('.confirm-deletion').on("click", function() {
         $('#modal-dialog').modal('show');
       });
-  #modal-dialog.modal.animated.bounceInLeft
+  #modal-dialog.modal.animated.wobble
       .modal-dialog
           .modal-content
               .modal-header
@@ -45,7 +44,7 @@ block content
               .modal-body
                   p Pro Tip: If you tweet feedback to 
                       a(href="https://twitter.com/intent/tweet?text=Hey%20@freecodecamp") @FreeCodeCamp
-                      | , we will respond!
+                      | , we'll act quickly on it!
               .modal-footer
                   a.btn.btn-success.btn-block(href='#', data-dismiss='modal', aria-hidden='true')
                       span.ion-happy

views/challenges/partials/challenge.jade

@@ -1,7 +1,7 @@
 .panel.panel-primary
     .panel-heading Challenge: #{name}
     .panel.panel-body
-        .responsive-container
+        .responsive-container.animated.zoomIn.delay-1
             iframe(src='//player.vimeo.com/video/#{video}', frameborder='0', webkitallowfullscreen='', mozallowfullscreen='', allowfullscreen='')
         h3 Instructions:
         for direction in directions
@@ -17,4 +17,18 @@
         ol
             for challenge in challenges
                 li= challenge
-        a.btn.btn-primary.btn-large.btn-block(href='/curriculum') I've completed this challenge
+        .btn.btn-primary.btn-large.btn-block.completed-challenge I've completed this challenge
+    script.
+        $('.completed-challenge').on("click", function() {
+            $('#modal-dialog').modal('show');
+        });
+    #modal-dialog.modal
+        .modal-dialog.animated.zoomIn.fast-animation
+            .modal-content
+                .modal-header
+                    a.close(href='#', data-dismiss='modal', aria-hidden='true') ×
+                    .text-center
+                        h1.animated.zoomInDown Nicely done!
+                        .animated.zoomInUp.delay-1
+                            span.landing-icon.ion-checkmark-circled.text-success
+                    a.animated.fadeIn.delay-2.btn.btn-primary.btn-block(href='/curriculum', aria-hidden='true') Take me back to my curriculum

views/contact.jade

@@ -2,17 +2,15 @@ extends layout
 
 block content
   .jumbotron
-      h1 Hey non-profits,
+      h1.animated.lightSpeedIn.text-center Let's do things faster and better with software!
-      h2 We want to help you get things done faster and better!
+      .animated.fadeIn.delay-2.landing-panel-body
-      h3 Our students will help you build that donor tracking system, community message board, or whatever your organization needs, at no cost. In exchange, we ask only that you:
+          h3 Our students will help you build that donor tracking system, community message board, or whatever your organization needs, at no cost.
+          h3 In exchange, we ask only that you:
               h4
                   ul
                       li &#8226 meet with them regularly in person. If that's not possible, you can teleconference with them. This way, you can collaboratively establish and review milestones.
-                  br
                       li &#8226 clearly communicate your goals for the project: what will this project solve, and for whom?
-                  br
                       li &#8226 know that they will use cutting edge JavaScript frameworks to build your project. Please don't expect them to use Wordpress or other proprietary or old-school technologies.
-                  br
                       li &#8226 don't lower your expectiations. Their goal is to produce work that's up to your standards.
           h3 If you're OK with all this, great! We can help you!
           h4 Fill this out and we'll get right back to you.

views/curriculum/curriculum.jade

@@ -1,9 +1,13 @@
 extends ../layout
 block content
     .row
-        .col-sm-8.col-xs-12
+        .col-xs-12.col-sm-8
-            .jumbotron
+            .panel.panel-primary
-                h1 Welcome to Free Code Camp!
+                .panel-heading Your Curriculum
+                .panel.panel-body
+                    .responsive-container.animated.zoomIn.delay-1
+                        iframe(src='//player.vimeo.com/video/#{video}', frameborder='0', webkitallowfullscreen='', mozallowfullscreen='', allowfullscreen='')
+                    h3 Instructions:
                     p Here are a few quick tips:
                     ol
                         li Work through our challenges in order. Many challenges are self-graded. If you want our feedback, 
@@ -12,7 +16,7 @@ block content
                         li Challenge #2 will show you how to start a pair programming session. Pair program as much as possible. It's more fun, and you'll learn better that way.
                     p We're working to create more challenges. If you have an idea for a challenge you'd like us to implement,&nbsp
                         a(href="https://twitter.com/intent/tweet?text=Hey%20@freecodecamp") tweet it to @freecodecamp.
-        .col-sm-4.col-xs-12
+        .col-sm-4.col-xs-12.animated.flipInY.delay-2
             include ./../partials/challenges
-        .col-sm-4.col-xs-12
+        .col-sm-4.col-xs-12.animated.flipInY.delay-2
             include ./../partials/courses

views/home.jade

@@ -2,8 +2,10 @@ extends layout
 block content
     .jumbotron
         .text-center
+            .animated.pulse
                 h1 Become a Software Engineer
             h2 Learn to code by collaborating on projects for non-profits
+            .delay-2.animated.fadeIn
                 .row
                     .col-xs-12.col-sm-12.col-md-4
                         h3 Technical Mastery
@@ -23,10 +25,10 @@ block content
                         span.landing-icon.ion-thumbsup.text-primary
                         .negative-10
                         p You'll gain the respect of your peers and the non-profits you help. These types of connections are critical to your job search.
-            a.btn.btn-cta.btn-primary(href="/login") Sign in now to get started (it's free)
+                a.btn.btn-cta.btn-primary(href="/login") Sign in now to start coding (it's free)
                 br
                 br
-            a.btn.btn-primary(href="/contact") I'm with a non-profit and want free help from a Software Engineer
+                a.btn.non-profit-cta.btn-success(href="/contact") I'm with a non-profit and want free help coding something
     br
     .panel.panel-primary
         .panel-heading.landing-panel-heading Frequently Asked Questions
@@ -101,4 +103,4 @@ block content
                     p Unlike most bootcamps, anyone can study at Free Code Camp. We're not going to tell you that you can't become a software engineer. We believe the only person who should be able to tell you that is you. If you perservere, and keep working through our challenges and non-profits' projects, you will become an employable software engineer.
     br
     .text-center
-        a.btn.btn-cta.btn-primary(href="/login") Sign in now to get started (it's free)
+        a.btn.btn-cta.btn-primary(href="/login") Sign in now to start coding (it's free)

views/partials/challenges.jade

@@ -1,4 +1,4 @@
-.panel.panel-primary
+.panel.panel-primary.animated.flipInY.delay-2
     .panel-heading Challenges
     .panel-body
         ol

views/partials/courses.jade

@@ -1,4 +1,4 @@
-.panel.panel-primary
+.panel.panel-primary.animated.flipInY.delay-2
     .panel-heading Recommended (Free) Courses
     .panel-body
         ol