Merge pull request #306 from webpack/feature/fix-build-issues

Fixing Build Issues

Author: SpaceK33z

components/navigation/navigation-style.scss

@@ -16,6 +16,11 @@
 
     .navigation__inner {
       position:absolute;
+      left:0;
+
+      @include break {
+        left:auto;
+      }
     }
 
     .navigation__link:hover,

components/splash/splash.jsx

@@ -28,20 +28,10 @@ export default props => {
         <p>Through contributions, donations, and sponsorship, you allow webpack to thrive. Your donations directly support office hours, continued enhancements, and most importantly, great documentation and learning material!</p>
 
         <h2>Sponsors</h2>
-
-        <Interactive
-          id="components/support/support.jsx"
-          component={ Support }
-          number={ 5 }
-          type="sponsor" />
+        <Support number={ 5 } type="sponsor" />
 
         <h2>Backers</h2>
-
-        <Interactive
-          id="components/support/support.jsx"
-          component={ Support }
-          number={ 20 }
-          type="backer" />
+        <Support number={ 20 } type="backer" />
       </Container>
     </div>
   );

components/support/support.jsx

@@ -1,25 +1,7 @@
 import React from 'react';
 import './support-style';
 
-function getImage(a, funcName) {
-  if (typeof window !== 'undefined') {
-    window.CloudFlare && window.CloudFlare.push(
-      function(b) {
-        b(['cloudflare/rocket'], function(c) {
-          c.push(function() {
-            (function() { 
-              window.avatars[funcName]();
-            }).call(a);
-          });
-        });
-      }
-    );
-  }
-}
-
 export default ({number, type}) => {
-  let funcName = type === 'backer' ? 'backerLoaded' : 'sponsorLoaded';
-
   return (
     <div className="support">
       {[...Array(number)].map((x, i) =>
@@ -29,8 +11,7 @@ export default ({number, type}) => {
           target="_blank">
           <img 
             src={ `//opencollective.com/webpack/${type}/${i}/avatar` } 
-            alt={ `${type} avatar` }
-            onLoad={ getImage(this, funcName) } />
+            alt={ `${type} avatar` } />
         </a>
       )}