Social link from Authors and fixed github buttons

docs/app/components/layout/home/index.jsx

@@ -10,16 +10,13 @@ const Home = () => (
   <article>
     <header className={style.header}>
       <div className={style.github}>
-        <div class="github">
-          <iframe src="https://ghbtns.com/github-btn.html?user=react-toolbox&amp;repo=react-toolbox&amp;type=star&amp;count=true" frameborder="0" scrolling="0"></iframe>
-          <iframe src="https://ghbtns.com/github-btn.html?user=react-toolbox&amp;repo=react-toolbox&amp;type=fork&amp;count=true" frameborder="0" scrolling="0"></iframe>
-        </div>
+        <iframe src='https://ghbtns.com/github-btn.html?user=react-toolbox&amp;repo=react-toolbox&amp;type=star&amp;count=true' frameBorder='0' scrolling='0' />
+        <iframe src='https://ghbtns.com/github-btn.html?user=react-toolbox&amp;repo=react-toolbox&amp;type=fork&amp;count=true' frameBorder='0' scrolling='0' />
       </div>
 
       <Logo className={style.logo} />
       <h2 className={style.title}>React Toolbox</h2>
       <h4 className={style.subtitle}>Bootstrap your application with beautiful Material Design Components</h4>
-
       <Navigation className={style.navigation} />
     </header>
 
@@ -44,7 +41,15 @@ const Home = () => (
     <section className={`${style.content}`}>
       <h3>About the authors</h3>
       <ul className={style.authors}>
-        { authors.map((author, index) => { return <Card key={index} {...author} />; }) }
+      {
+        authors.map((author, index) => {
+          author.actions.map((action) => {
+            let url = `https:\\\\${ action.label }.com\\${ author.subtitle }`;
+            action.onClick = () => { window.open(url.toLowerCase(), '_blank') };
+          });
+          return <Card key={index} {...author} />;
+        })
+      }
       </ul>
     </section>
 

docs/app/components/layout/home/modules/authors.js

@@ -1,7 +1,7 @@
 export default [
   {
     title: 'Javi Velasco',
-    subtitle: '@javivelasco',
+    subtitle: 'javivelasco',
     actions: [
       { label: 'Github' },
       { label: 'Twitter' }
@@ -12,7 +12,7 @@ export default [
   },
   {
     title: 'Javi Jimenez',
-    subtitle: '@soyjavi',
+    subtitle: 'soyjavi',
     actions: [
       { label: 'Github' },
       { label: 'Twitter' }

docs/app/components/layout/home/style.scss

@@ -29,7 +29,7 @@ $content-width: 740px;
     opacity: $hero-text-secondary-opacity;
   }
   .github {
-    position: absolute;
+    position: fixed;
     top: 2 * $unit;
     left: 2 * $unit;
     text-align: center;
@@ -37,9 +37,6 @@ $content-width: 740px;
       display: inline-block;
       width: 10 * $unit;
       height: 2 * $unit;
-      &:last-child {
-        width: 20 * $unit;
-      }
     }
   }
   .navigation > ul {
@@ -127,6 +124,11 @@ $content-width: 740px;
 }
 
 @media all and (max-width: 768px) {
+  .header {
+    .github {
+      position: absolute;
+    }
+  }
   .content {
     padding: $content-offset / 2;
     > .authors {