text: export const NavLinks = [
    {
      name: "Bio",
      link: "#bio",
      scrollLink: "bioScroll"
    },
    {
      name: "Work",
      link: "#work",
      scrollLink: "workScroll"
    },
    {
      name: "Contact",
      link: "#contact",
      scrollLink: "contactScroll"
    },
  
  ];
  
  
  
  export const WorkSamplesContent = [
    {
      title: "Custom Apps",
      samples: [
        {
          title: "Orion",
          imagePosition: "LEFT",
          screenshot: "./imgs/orionscreen.png",
          description: "A web app for getting things done with your friends.",
          repoLink: "https://github.com/barretthafner/orion",
          // demoLink: "https://orion--app.herokuapp.com/",
          tags: [
            {
              name: "React",
              url: "https://facebook.github.io/react/"
            },
            {
              name: "Redux",
              url: "https://github.com/reactjs/redux"
            },
            {
              name: "React Router",
              url: "https://github.com/ReactTraining/react-router"
            },
            {
              name: "ES6",
              url: "http://www.ecma-international.org/ecma-262/6.0/"
            },
            {
              name: "Babel",
              url: "https://babeljs.io/"
            },
            {
              name: "Node.js",
              url: "https://nodejs.org/"
            },
            {
              name: "Express",
              url: "https://expressjs.com/"
            },
            {
              name: "MongoDB",
              url: "https://www.mongodb.com/"
            },
            {
              name: "Passport.js",
              url: "http://passportjs.org/"
            },
            {
              name: "Webpack",
              url: "https://webpack.github.io/"
            },
            {
              name: "Gulp",
              url: "http://gulpjs.com/"
            },
            {
              name: "Sass",
              url: "http://sass-lang.com/"
            },
            {
              name: "Bootstrap",
              url: "http://getbootstrap.com/"
            }
          ]
        },
        {
          title: "Open Bike Project",
          imagePosition: "RIGHT",
          screenshot: "./imgs/openbikescreen.png",
          description: "A custom app I built for the <a href='http://openbikeinitiative.org' target='_blank'>Open Bike Initiative <i class='fa fa-external-link' aria-hidden='true'></i></a>, a low-cost, open-source bike sharing project. Uses the Twilio messaging API to deliver combination codes to verified users.",
          repoLink: "https://github.com/barretthafner/open-bike-project",
          // demoLink: "https://open-bike-project.herokuapp.com/",
          tags: [
            {
              name: "Node.js",
              url: "https://nodejs.org/"
            },
            {
              name: "Express",
              url: "https://expressjs.com/"
            },
            {
              name: "MongoDB",
              url: "https://www.mongodb.com/"
            },
            {
              name: "Passport.js",
              url: "http://passportjs.org/"
            },
            {
              name: "Twilio API",
              url: "https://www.twilio.com/"
            },
            {
              name: "MailGun API",
              url: "http://www.mailgun.com/"
            },
            {
              name: "Gulp",
              url: "http://gulpjs.com/"
            },
            {
              name: "Sass",
              url: "http://sass-lang.com/"
            },
            {
              name: "Bootstrap",
              url: "http://getbootstrap.com/"
            }
          ]
        }
      ]
    },
    {
      title: "Plugins",
      samples: [
        {
          title: "redux-quiz",
          imagePosition: "LEFT",
          screenshot: "./imgs/reduxQuizScreen.png",
          description: "A copy of a jQuery quiz plugin I made, instead using React with Redux.",
          repoLink: "https://github.com/barretthafner/redux-quiz",
          demoLink: "https://redux-quiz.herokuapp.com/",
          tags: [
            {
              name: "React",
              url: "https://facebook.github.io/react/"
            },
            {
              name: "Redux",
              url: "https://github.com/reactjs/redux"
            },
            {
              name: "ES6",
              url: "http://www.ecma-international.org/ecma-262/6.0/"
            },
            {
              name: "Babel",
              url: "https://babeljs.io/"
            },
            {
              name: "Node.js",
              url: "https://nodejs.org/"
            },
            {
              name: "Express",
              url: "https://expressjs.com/"
            },
            {
              name: "Webpack",
              url: "https://webpack.github.io/"
            }
          ]
        },
        {
          title: "litebox-js",
          imagePosition: "RIGHT",
          screenshot: "./imgs/liteboxscreen.png",
          description: "A dependency-free, lightweight lightbox plugin.",
          repoLink: "https://github.com/barretthafner/litebox-js",
          demoLink: "http://barretthafner.github.io/litebox-js/example.html",
          tags: [
            {
              name: "Pure JS DOM Manipulation",
              url: "http://youmightnotneedjquery.com/"
            },
          ]
        },
        {
          title: "todo-list-plugin",
          imagePosition: "LEFT",
          screenshot: "./imgs/todoPluginScreen.png",
          description: "A jQuery plugin for making ToDo lists.",
          repoLink: "https://github.com/barretthafner/todo-list-plugin",
          demoLink: "http://barretthafner.github.io/todo-list-plugin/",
          tags: [
            {
              name: "jQuery",
              url: "https://jquery.com/"
            },
            {
              name: "jQuery UI",
              url: "https://jqueryui.com/"
            },
          ]
        },
      ]
    },
    {
      title: "Fun Projects",
      samples: [
        {
          title: "pictionary",
          imagePosition: "RIGHT",
          screenshot: "./imgs/pictionaryScreen.png",
          description: "A fun game of pictionary built with socket.io.",
          repoLink: "https://github.com/barretthafner/pictionary",
          demoLink: "https://my-pictionary.herokuapp.com/",
          tags: [
            {
              name: "Node.js",
              url: "https://nodejs.org/"
            },
            {
              name: "Express",
              url: "https://expressjs.com/"
            },
            {
              name: "Socket.io",
              url: "http://socket.io/"
            },
            {
              name: "jQuery",
              url: "https://jquery.com/"
            },
            {
              name: "Handlebars.js",
              url: "http://handlebarsjs.com/"
            },
          ]
        },
        {
          title: "thinkful-shopping-list",
          imagePosition: "LEFT",
          screenshot: "./imgs/shoppingListScreen.png",
          description: "A persistant shopping list application, using jQuery.",
          repoLink: "https://github.com/barretthafner/thinkful-shopping-list",
          demoLink: "https://thinkful-shopping-list.herokuapp.com/",
          tags: [
            {
              name: "Node.js",
              url: "https://nodejs.org/"
            },
            {
              name: "Express",
              url: "https://expressjs.com/"
            },
            {
              name: "MongoDB",
              url: "https://www.mongodb.com/"
            },
            {
              name: "Mocha",
              url: "https://mochajs.org/"
            },
            {
              name: "Chai",
              url: "http://chaijs.com/"
            },
            {
              name: "Travis CI",
              url: "https://travis-ci.org/"
            },
            {
              name: "jQuery",
              url: "https://jquery.com/"
            },
            {
              name: "Handlebars.js",
              url: "http://handlebarsjs.com/"
            },
            {
              name: "Pure CSS",
              url: "http://purecss.io/"
            },
  
          ]
  
        },
        // {
        //   title: "fun-tap",
        //   description: "A fun animation and sound app modeled after the <a href='http://www.patatap.com/' target='_blank'>Patatap  <i class='fa fa-external-link' aria-hidden='true'></i></a> project.",
        //   repoLink: "https://github.com/barretthafner/fun-tap",
        //   demoLink: "http://barretthafner.github.io/fun-tap/"
        // },
        {
          title: "react-number-game",
          imagePosition: "RIGHT",
          screenshot: "./imgs/numberGameScreen.png",
          description: "A game built in React, in which one trys to get rid of all the numbers between 1 and 9 by adding them into a randomly generated amount of stars.",
          repoLink: "https://github.com/barretthafner/react-number-game",
          demoLink: "http://barretthafner.github.io/react-number-game/",
          tags: [
            {
              name: "React",
              url: "https://facebook.github.io/react/"
            },
            {
              name: "Redux",
              url: "https://github.com/reactjs/redux"
            },
            {
              name: "ES6",
              url: "http://www.ecma-international.org/ecma-262/6.0/"
            },
            {
              name: "Babel",
              url: "https://babeljs.io/"
            },
            {
              name: "jQuery",
              url: "https://jquery.com/"
            },
            {
              name: "Bootstrap",
              url: "http://getbootstrap.com/"
            }
          ]
        },
        {
          title: "rgb-guessing-game",
          imagePosition: "LEFT",
          screenshot: "./imgs/rgbGuessingScreen.png",
          description: "A game built with pure JS DOM manipulation, in which a player tries to guess what color a certain RGB value is.",
          repoLink: "https://github.com/barretthafner/rgb-guessing-game/",
          demoLink: "http://barretthafner.github.io/rgb-guessing-game/",
          tags: [
            {
              name: "Pure JS DOM Manipulation",
              url: "https://www.sitepoint.com/jquery-vs-raw-javascript-1-dom-forms/"
            },
          ]
        },
        {
          title: "score-keeper",
          imagePosition: "RIGHT",
          screenshot: "./imgs/scoreKeeperScreen.png",
          description: "A simple score keeping app written with jQuery.",
          repoLink: "https://github.com/barretthafner/score-keeper",
          demoLink: "http://barretthafner.github.io/score-keeper/",
          tags: [
            {
              name: "Pure JS DOM Manipulation",
              url: "https://www.sitepoint.com/jquery-vs-raw-javascript-1-dom-forms/"
            },
          ]
        },
        {
          title: "youtube-browser",
          imagePosition: "LEFT",
          screenshot: "./imgs/youtubeBrowserScreen.png",
          description: "A simple dependency-free app that searches the Youtube API.",
          repoLink: "https://github.com/barretthafner/youtube-browser",
          demoLink: "https://youtube-browser.herokuapp.com/",
          tags: [
            {
              name: "YouTube API",
              url: "https://developers.google.com/youtube/"
            },
            {
              name: "Litebox.js",
              url: "https://github.com/barretthafner/litebox-js"
            },
            {
              name: "Bootstrap",
              url: "http://getbootstrap.com/"
            },
          ]
        }
      ]
    }
  ]
  