pull out data

Author: cherylqian

src/About.js

@@ -1,10 +1,11 @@
 import React, { Fragment } from "react";
+import { about } from "./data/data";
 
 const About = () => {
   return (
     <Fragment>
       <h2>About Us</h2>
-      <p>Some description</p>
+      {about.about}
       <h3>Exec</h3>
       <h3>Contact Us</h3>
     </Fragment>

src/App.js

@@ -2,14 +2,6 @@ import React, { Component } from "react";
 
 import Background from "./Background";
 
-const settings = {
-  dots: true,
-  infinite: true,
-  speed: 500,
-  slidesToShow: 1,
-  slidesToScroll: 1
-};
-
 class App extends Component {
   constructor(props) {
     super(props);

src/Footer.js

@@ -2,7 +2,7 @@ import React from "react";
 
 const Footer = () => (
   <footer className="footer">
-    Copyright {"\u00A9 " + new Date().getFullYear()} ACM SIGGRAPH UIUC
+    Copyright {"\u00A9 2018-" + new Date().getFullYear()} ACM SIGGRAPH UIUC
   </footer>
 );
 

src/Projects.js

@@ -1,41 +1,5 @@
 import React, { Fragment } from "react";
-
-const projects = {
-  current: [
-    {
-      name: "Go Squirrel",
-      description:
-        "A tiny little squirrel is crossing the street, and there comes a car..."
-    },
-    {
-      name: "Lorem ipsum",
-      description:
-        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
-    },
-    {
-      name: "Lorem ipsum",
-      description:
-        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
-    }
-  ],
-  past: [
-    {
-      name: "Lorem ipsum",
-      description:
-        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
-    },
-    {
-      name: "Lorem ipsum",
-      description:
-        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
-    },
-    {
-      name: "Lorem ipsum",
-      description:
-        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
-    }
-  ]
-};
+import { projects } from "./data/data";
 
 const Project = ({ item }) => {
   return (

src/data/data.js

@@ -0,0 +1,46 @@
+export const projects = {
+  current: [
+    {
+      name: "Go Squirrel",
+      description:
+        "A tiny little squirrel is crossing the street, and there comes a car..."
+    },
+    {
+      name: "Lorem ipsum",
+      description:
+        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+    },
+    {
+      name: "Lorem ipsum",
+      description:
+        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+    }
+  ],
+  past: [
+    {
+      name: "Lorem ipsum",
+      description:
+        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+    },
+    {
+      name: "Lorem ipsum",
+      description:
+        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+    },
+    {
+      name: "Lorem ipsum",
+      description:
+        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+    }
+  ]
+};
+
+export const about = {
+  about: "some description of the club",
+  exec: [
+    {
+      name: "name",
+      description: "some description"
+    }
+  ]
+};