Netlify Open Source Account Application (#122)

src/components/NetlifyBadge/NetlifyBadge.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import styles from './styles.module.scss';
+
+function NetlifyBadge() {
+  return (
+    <a
+      className={styles.container}
+      href="https://www.netlify.com"
+      rel="noopener noreferrer"
+      target="_blank"
+    >
+      <img
+        alt="Deploys by Netlify"
+        src="https://www.netlify.com/img/global/badges/netlify-color-accent.svg"
+      />
+    </a>
+  );
+}
+
+export default NetlifyBadge;

src/components/NetlifyBadge/index.js

@@ -0,0 +1,3 @@
+import NetlifyBadge from './NetlifyBadge';
+
+export default NetlifyBadge;

src/components/NetlifyBadge/styles.module.scss

@@ -0,0 +1,25 @@
+@import 'sharedStyles/variables';
+
+// ------------------
+//  CONTENT
+// ------------------
+
+.container {
+  margin: 50px auto;
+}
+
+// ------------------
+//  BREAKPOINTS
+// ------------------
+
+@include lg {
+}
+
+@include md {
+}
+
+@include sm {
+}
+
+@include xs {
+}

src/components/index.js

@@ -1,9 +1,10 @@
-export { default as Navigation } from './Navigation/Navigation';
-export { default as Hero } from './Hero/Hero';
 export { default as Admins } from './Admins/Admins';
+export { default as Calendar } from './Calendar/Calendar';
+export { default as ComingSoon } from './ComingSoon/ComingSoon';
 export { default as Cta } from './Cta/Cta';
+export { default as Hero } from './Hero/Hero';
+export { default as Navigation } from './Navigation/Navigation';
+export { default as NetlifyBadge } from './NetlifyBadge/NetlifyBadge';
 export { default as Resources } from './Resources/Resources';
-export { default as ComingSoon } from './ComingSoon/ComingSoon';
 export { default as Signin } from './Signin/Signin';
-export { default as Calendar } from './Calendar/Calendar';
 export { default as Slack } from './Slack/Slack';

src/containers/Home/HomeContainer.js

@@ -4,6 +4,7 @@ import AdminsContainer from '../Admins/AdminsContainer';
 import CtaContainer from '../Cta/CtaContainer';
 import ResourcesContainer from '../Resources/ResourcesContainer';
 import Contributors from '../../components/Contributors';
+import NetlifyBadge from '../../components/NetlifyBadge';
 import styles from './styles.module.scss';
 
 const HomeContainer = () => (
@@ -17,6 +18,8 @@ const HomeContainer = () => (
     <CtaContainer />
     <hr className={styles.break} />
     <ResourcesContainer />
+    <hr className={styles.break} />
+    <NetlifyBadge />
   </>
 );