Adds before load back to fancy pants

index.html

@@ -45,7 +45,7 @@
         </p>
         <div class="right-gradient"></div>
         <span class="scroll-helper">></span>
-        <svg class="fp" version="1.1" id="Layer_3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-11 -53 103.4 235" enable-background="new -11 -53 103.4 235" xml:space="preserve">
+        <svg class="fp before-load" version="1.1" id="Layer_3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-11 -53 103.4 235" enable-background="new -11 -53 103.4 235" xml:space="preserve">
           <g id="Fancy_pants">
             <path id="Hair" stroke="#000000" stroke-miterlimit="10" d="M8.9,7.6c-0.1,0.2-0.9,2.1-1.3,3C4.4,6.6,8.4-26,20.4-36.1c0,0-4.2,12-2,20.6C19-14.2,23.1-54,67.7-46.8c0,0-16,2.6-16,19c0,0,12.9-9.8,32.5-3.8c0,0-28.3,4.6-24.9,20.8C59.3-10.7,29.6-28.8,8.9,7.6z">
               <animate id="hair-back" begin="indefinite" attributeName="d" dur="50ms" to="M8.9,7.6c-0.1,0.2-0.9,2.1-1.3,3c2.4-5.8,7.1-31.1-2.4-43.1c0,0,21.8-1.7,17.5,12.5c0.6,1.4,11.7-10-7.5-28.5c0,0,36.4,4.3,36.5,20.8c0,0,8.5-0.3,9.5-15.5c0,0,16.8,25.8-1.9,32.5C59.3-10.7,29.6-28.8,8.9,7.6z" fill="freeze"/>