Website: update home with more logos and fancier hero

MoOx · Apr 9, 2018 · 0692879 · 0692879
1 parent 3b4ca5c
commit 0692879
Show file tree

Hide file tree

Showing 18 changed files with 508 additions and 89 deletions.
diff --git a/logo/phenomic-text.png b/logo/phenomic-text.png
diff --git a/logo/phenomic-text.svg b/logo/phenomic-text.svg
diff --git a/logo/phenomic.sketch b/logo/phenomic.sketch
diff --git a/website/components/BackgroundGradient.web.js b/website/components/BackgroundGradient.web.js
@@ -24,6 +24,7 @@ const BackgroundGradient = (props: PropsType) => (
 
 const styles = StyleSheet.create({
   container: {
+    position: "relative",
     display: "flex",
     flexDirection: "column"
   }

diff --git a/website/components/Header.js b/website/components/Header.js
@@ -7,7 +7,11 @@ import BackgroundGradient from "./BackgroundGradient";
 import HeaderNavBar from "./HeaderNavBar";
 
 const Header = (props: Object) => (
-  <BackgroundGradient style={props.style} start="#006BF6" end="#10E951">
+  <BackgroundGradient
+    style={[styles.container, props.style]}
+    start="#006BF6"
+    end="#10E951"
+  >
     <HeaderNavBar />
     <BodyContainer style={styles.hero}>
       <Head>
@@ -21,6 +25,9 @@ const Header = (props: Object) => (
 );
 
 const styles = StyleSheet.create({
+  container: {
+    overflow: "hidden"
+  },
   hero: {
     paddingTop: 40,
     paddingBottom: 60