Branding Page (#303)

* Replacing the old cube png with all svg assets from webpack/media

* Updating the config to load svgs more easily

* Updating the footer and logo to use the new svgs

* Adding a branding page

* Adding a branding link to the footer

* Moving hr from Page to Contributors

Author: skipjack

assets/cube.png

@@ -8,6 +8,7 @@ export default ({contributors}) => {
 
   return (
     <div className="contributors">
+      <hr />
       <h3>Contributors:</h3>
       <div className="contributors__list">
         {

assets/icon-square-big.svg

@@ -59,7 +59,10 @@
   display:block;
   height:35px;
 
-  img { height:100%; width:auto; }
+  img { 
+    width:auto;
+    height:100%; 
+  }
 }
 
 .footer__link {

assets/icon-square-small.svg

@@ -1,7 +1,7 @@
 import React from 'react';
 import Link from '../link/link';
 import Container from '../container/container';
-import CubeImg from '../../assets/cube.png';
+import Icon from '../../assets/icon-square-small.svg';
 import './footer-style';
 
 export default (props) => {
@@ -17,11 +17,12 @@ export default (props) => {
 
         <section className="footer__middle">
           <Link to="/" className="footer__icon">
-            <img src={ CubeImg } />
+            <img src={ Icon } />
           </Link>
         </section>
 
         <section className="footer__right">
+          <Link className="footer__link" to="/branding">Branding</Link>
           <Link className="footer__link" to="//gitter.im/webpack/webpack">Support</Link>
           <Link className="footer__link" to="https://github.com/webpack/webpack/releases">Changelog</Link>
           <Link className="footer__link" to="/license">License</Link>

assets/logo-on-dark-bg.svg

@@ -1,13 +1,13 @@
 import React from 'react';
-import CubeImg from '../../assets/cube.png';
+import Icon from '../../assets/icon-square-small.svg';
 import './logo-style';
 
 export default props => {
   let { light } = props;
 
   return (
-    <span className={ `logo${light ? ' logo--light' : ''}` }>
-      <img className="logo__icon" src={ CubeImg } />
+    <span className={ `logo ${light ? 'logo--light' : ''}` }>
+      <img className="logo__icon" src={ Icon } />
       <span className="logo__text">webpack</span>
     </span>
   );    

assets/logo-on-white-bg.svg

@@ -33,8 +33,6 @@ export default ({ section, page }) => {
 
         <div dangerouslySetInnerHTML={{ __html: page.content }} />
 
-        <hr />
-
         <Contributors contributors={ page.contributors } />
       </section>
     </Container>