chore(client): Move client app to /client

.babelrc

@@ -1,11 +0,0 @@
-{
-  "presets": [
-    ["@babel/preset-env", {
-      "targets": {
-        "node": "8.11"
-      }
-    }],
-    "@babel/preset-react"
-  ],
-  "plugins": ["transform-function-bind", "@babel/plugin-proposal-class-properties"]
-}

.babelrc.js

@@ -0,0 +1,11 @@
+module.exports = {
+  presets: [
+    [
+      require.resolve('@babel/preset-env'), {
+        targets: {
+          node: 'current'
+        }
+      }
+    ]
+  ]
+}

client/.babelrc

@@ -0,0 +1,51 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "loose": true,
+        "modules": false,
+        "useBuiltIns": "usage",
+        "shippedProposals": true,
+        "targets": {
+          "browsers": [">0.25%", "not dead"]
+        }
+      }
+    ],
+    [
+      "@babel/preset-react",
+      {
+        "useBuiltIns": true,
+        "pragma": "React.createElement"
+      }
+    ]
+  ],
+  "plugins": [
+    [
+      "@babel/plugin-proposal-class-properties",
+      {
+        "loose": true
+      }
+    ],
+    "@babel/plugin-syntax-dynamic-import",
+    "babel-plugin-macros",
+    [
+      "@babel/plugin-transform-runtime",
+      {
+        "helpers": true,
+        "regenerator": true
+      }
+    ],
+    ["babel-plugin-transform-imports", {
+        "react-bootstrap": {
+            "transform": "react-bootstrap/lib/${member}",
+            "preventFullImport": true
+        },
+        "lodash": {
+            "transform": "lodash/${member}",
+            "preventFullImport": true
+        }
+    }
+    ]
+  ]
+}

client/.gitignore

@@ -0,0 +1,8 @@
+# Project dependencies
+.cache
+node_modules
+yarn-error.log
+
+# Build directory
+/public
+.DS_Store

client/.prettierrc

@@ -0,0 +1,5 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "es5"
+}

client/LICENSE

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 gatsbyjs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

client/README.md

@@ -1,4 +1,26 @@
-This is the entry point for the client code.
+# gatsby-starter-default
-Code that should run only on the client should be put here.
+The default Gatsby starter.
 
-NOTE(berks): For react specific stuff this should be the entry point
+For an overview of the project structure please refer to the [Gatsby documentation - Building with Components](https://www.gatsbyjs.org/docs/building-with-components/).
+
+## Install
+
+Make sure that you have the Gatsby CLI program installed:
+```sh
+npm install --global gatsby-cli
+```
+
+And run from your CLI:
+```sh
+gatsby new gatsby-example-site
+```
+
+Then you can run it by:
+```sh
+cd gatsby-example-site
+gatsby develop
+```
+
+## Deploy
+
+[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/gatsbyjs/gatsby-starter-default)

client/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "gatsby-starter-default",
+  "description": "Gatsby default starter",
+  "version": "1.0.0",
+  "author": "Kyle Mathews <mathews.kyle@gmail.com>",
+  "dependencies": {
+    "@fortawesome/fontawesome": "^1.1.8",
+    "@fortawesome/fontawesome-svg-core": "^1.2.2",
+    "@fortawesome/free-brands-svg-icons": "^5.2.0",
+    "@fortawesome/free-regular-svg-icons": "^5.2.0",
+    "@fortawesome/free-solid-svg-icons": "^5.2.0",
+    "@fortawesome/react-fontawesome": "0.0.20",
+    "axios": "^0.18.0",
+    "gatsby": "^2.0.0-rc.1",
+    "gatsby-link": "^2.0.0-rc.1",
+    "gatsby-plugin-manifest": "next",
+    "gatsby-plugin-react-helmet": "next",
+    "gatsby-plugin-sitemap": "^2.0.0-rc.1",
+    "lodash": "^4.17.10",
+    "nanoid": "^1.2.2",
+    "query-string": "^6.1.0",
+    "react": "^16.4.2",
+    "react-bootstrap": "^0.32.3",
+    "react-dom": "^16.4.2",
+    "react-freecodecamp-search": "^2.0.2",
+    "react-helmet": "^5.2.0",
+    "react-media": "^1.8.0",
+    "react-redux": "^5.0.7",
+    "react-spinkit": "^3.0.0",
+    "redux": "^4.0.0",
+    "redux-actions": "^2.6.1",
+    "redux-saga": "^0.16.0",
+    "reselect": "^3.0.1",
+    "validator": "^10.7.0"
+  },
+  "keywords": [
+    "gatsby"
+  ],
+  "license": "MIT",
+  "scripts": {
+    "build": "gatsby build",
+    "develop": "gatsby develop",
+    "format": "prettier --write '**/*.js'",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "devDependencies": {
+    "babel-plugin-transform-imports": "^1.5.0",
+    "prettier": "^1.14.2"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gatsbyjs/gatsby-starter-default"
+  }
+}

client/src/pages/certification.css

@@ -0,0 +1,202 @@
+@font-face {
+  font-family: 'Sax Mono';
+  src: url('/fonts/saxmono.ttf') format('truetype');
+}
+
+.certification-namespace * {
+  margin: 0;
+  padding: 0;
+}
+
+.certification-namespace .container {
+  max-width: 1500px;
+  width: 100%;
+  padding: 30px;
+  border: darkgreen 15px solid;
+  border-radius: 3px;
+}
+
+.certification-namespace .row {
+  margin: 0;
+}
+
+.certification-namespace .col-sm-12 {
+  padding: 0;
+}
+
+.certification-namespace .certificate-wrapper {
+  top: 0;
+  position: relative;
+  font-family: 'Sax Mono', monospace;
+}
+
+.certification-namespace header {
+  width: 100%;
+  height: 140px;
+  /*background-image: url('https://i.imgur.com/1FK6aaN.png');
+  background-repeat: no-repeat;
+  background-position: top;
+  background-size: cover;*/
+  background-color: darkgreen;
+}
+
+.certification-namespace .logo {
+  display: flex;
+  align-items: center;
+  height: 140px;
+  margin-left: 100px;
+}
+
+.certification-namespace .logo img {
+  max-width: 500px;
+  width: 100%;
+}
+
+.certification-namespace .issue-date {
+  line-height: 140px;
+  font-size: 20px;
+  text-align: right;
+  margin-right: 100px;
+  color: #fff;
+}
+
+.certification-namespace .information {
+  margin-top: -20px;
+  height: 380px;
+  text-align: center;
+  background-color: #efefef;
+}
+
+.certification-namespace .information-container {
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
+  margin: 0px 100px;
+}
+
+.certification-namespace p {
+  margin: 0;
+}
+
+.certification-namespace h3 {
+  font-size: 30px;
+}
+
+.certification-namespace h4 {
+  margin-top: 25px;
+  font-size: 20px;
+}
+
+.certification-namespace h1 {
+  font-size: 40px;
+  color: #006400;
+}
+
+.certification-namespace .signatures {
+  text-align: center;
+  margin: 0 auto;
+  background-color: #efefef;
+}
+
+.certification-namespace .signatures img {
+  max-width: 300px;
+  width: 100%;
+  margin: 0 auto;
+}
+
+.certification-namespace .signatures p {
+  font-size: 18px;
+  padding-top: 10px;
+}
+
+.certification-namespace .verify {
+  padding: 30px 0;
+  font-size: 15px;
+  text-align: center;
+  word-wrap: break-word;
+  background-color: #efefef;
+}
+
+/*adds vertical alignment when the height is bigger than required to display everything*/
+@media screen and (min-height: 700px) {
+  .certification-namespace body {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    height: 100vh;
+  }
+}
+
+/*mobile media queries*/
+@media screen and (max-width: 992px) {
+  .certification-namespace header {
+    height: 160px;
+  }
+
+  .certification-namespace .logo {
+    margin-left: 0;
+    padding: 20px;
+    justify-content: center;
+    height: 80px;
+  }
+
+  .certification-namespace .logo img {
+    margin-top: 20px;
+  }
+
+  .certification-namespace .issue-date {
+    margin-top: 10px;
+    margin-right: 0;
+    text-align: center;
+    line-height: 0px;
+    word-wrap: break-word;
+  }
+
+  .certification-namespace .issue-date strong {
+    display: block;
+    margin-top: 15px;
+    line-height: 25px;
+  }
+
+  .certification-namespace .information {
+    height: 300px;
+  }
+
+  .certification-namespace .information-container {
+    margin: 0px 15px;
+    text-align: center;
+    word-wrap: break-word;
+  }
+
+  .certification-namespace h3 {
+    font-size: 25px;
+  }
+
+  .certification-namespace h1 {
+    font-size: 28px;
+  }
+}
+
+@media screen and (max-width: 675px) {
+  .certification-namespace .container {
+    padding: 0;
+    border: 0;
+  }
+
+  .certification-namespace header {
+    height: 190px;
+  }
+
+  .certification-namespace h3 {
+    font-size: 15px;
+  }
+
+  .certification-namespace h1 {
+    font-size: 17px;
+  }
+
+  .certification-namespace h4 {
+    font-size: 15px;
+    margin-top: 20px;
+  }
+}

client/src/pages/certification.js

@@ -0,0 +1,11 @@
+import React, { Component } from 'react';
+
+import './certification.css';
+
+class Certification extends Component {
+  render() {
+    return <h2>Certs</h2>;
+  }
+}
+
+export default Certification;

old-client/client/README.md

@@ -0,0 +1,4 @@
+This is the entry point for the client code.
+Code that should run only on the client should be put here.
+
+NOTE(berks): For react specific stuff this should be the entry point