Merge branch 'master' into #18-about-page-mission-section

gatsby-config.js

@@ -3,6 +3,7 @@
  *
  * See: https://www.gatsbyjs.com/docs/gatsby-config/
  */
+
 module.exports = {
   /* Your site config here */
   plugins: [
@@ -32,13 +33,17 @@ module.exports = {
         schemas: {
           // all the schemas here
           test: require("./src/schemas/test.json"),
+          product_page: require("./src/schemas/product_page.json"),
+          product: require("./src/schemas/product.json"),
+          Process: require("./src/schemas/process.json"),
+          Homepage: require("./src/schemas/Homepage.json"),
+          use_cases_page: require("./src/schemas/use_cases_page.json"),
+          use_case: require("./src/schemas/use_case.json"),
           About: require("./src/schemas/About.json"),
-          Process: require("./src/schemas/Process.json"),
 
-       },
-       typePathsFilenamePrefix:
-       'prismic-typepaths---powerhouse-site',
-      }
+        },
+        typePathsFilenamePrefix: "prismic-typepaths---powerhouse-site",
+      },
     },
   ],
 }

gatsby-node.js

@@ -0,0 +1,64 @@
+const path = require("path")
+const productTemplate = path.resolve(__dirname, "./src/templates/product.js")
+const useCaseTemplate = path.resolve(__dirname, "./src/templates/use_case.js")
+
+exports.createPages = async ({ graphql, actions }) => {
+  const { createPage } = actions
+
+  // Query all Pages with their IDs and template data.
+  const pages = await graphql(`
+    {
+      allPrismicProduct {
+        edges {
+          node {
+            id
+            uid
+            data {
+              product_title
+            }
+          }
+        }
+      }
+    }
+  `)
+
+  const use_cases = await graphql(`
+  {
+  allPrismicUseCase {
+    edges {
+      node {
+        uid
+        data {
+          preview_title
+        }
+      }
+    }
+  }
+}
+  `)
+
+  // Create pages for each Page in Prismic using the selected template.
+  use_cases.data.allPrismicUseCase.edges.forEach(node => {
+    createPage({
+      path: `/${node.node.uid}`,
+      component: useCaseTemplate,
+      context: {
+        uid: node.node.uid,
+      },
+    })
+  })
+
+    // Create pages for each Page in Prismic using the selected template.
+    pages.data.allPrismicProduct.edges.forEach(node => {
+      createPage({
+        path: `/${node.node.uid}`,
+        component: productTemplate,
+        context: {
+          uid: node.node.uid,
+        },
+      })
+    })
+
+
+
+}

package.json

@@ -16,6 +16,7 @@
   "dependencies": {
     "@walltowall/gatsby-source-prismic-schemas": "^1.1.0",
     "gatsby": "^2.26.1",
+    "gatsby-plugin-exclude": "^1.0.2",
     "gatsby-plugin-netlify-headers": "^1.0.1",
     "gatsby-plugin-sass": "^4.0.2",
     "gatsby-source-prismic": "^3.3.3",

src/components/footer/footer-styles.js

@@ -0,0 +1,149 @@
+import styled from "styled-components"
+import dimensions from "../../style/dimensions"
+export const FooterContainer = styled.div`
+  background-color: #848484;
+  width: 100%;
+  color: #ffffff;
+`
+
+export const FooterMainContent = styled.div`
+  @media (min-width: ${dimensions.maxwidthTablet}px) {
+    display: flex;
+  }
+`
+
+export const SocialSection = styled.div`
+  padding-left: 80px;
+  padding-top: 50px;
+  @media (max-width: ${dimensions.maxwidthTablet}px) {
+    padding-left: 32px;
+  }
+`
+
+export const FooterHeader = styled.div`
+  font-weight: bold;
+  font-size: 24px;
+`
+
+export const SocialIcons = styled.div`
+  display: flex;
+  padding-top: 15px;
+`
+
+export const SocialPlaceholder = styled.div`
+  width: 24px;
+  height: 24px;
+  background-color: #a4a4a4;
+  border-radius: 8px;
+  margin-right: 16px;
+`
+export const EmailText = styled.div`
+  text-decoration: underline;
+  font-size: 18px;
+  font-weight: bold;
+  padding-top: 25px;
+`
+
+export const LinkSection = styled.div`
+  display: flex;
+  margin-left: 9vw;
+  padding-top: 50px;
+
+  @media (max-width: ${dimensions.maxwidthTablet}px) {
+    margin-left: 0px;
+  }
+
+  li {
+    padding-bottom: 47px;
+    font-size: 18px;
+    font-weight: bold;
+  }
+
+  a {
+    text-decoration: none;
+    color: #ffffff;
+  }
+
+  ul {
+    list-style: none;
+  }
+`
+
+export const LinkColumn = styled.div`
+  padding-right: 9vw;
+
+  @media (max-width: ${dimensions.maxwidthTablet}px) {
+    padding-right: 0;
+  }
+`
+
+export const EmailSection = styled.div`
+  margin-left: 32px;
+
+  input {
+    width: 20vw;
+    height: 36px;
+    margin-top: 10px;
+    border: solid #626262 1px;
+  }
+
+  @media (max-width: ${dimensions.maxwidthTablet}px) {
+    input {
+      width: 80%;
+      height: 36px;
+      margin-top: 10px;
+      border: solid #626262 1px;
+    }
+  }
+
+  input::placeholder {
+    padding-left: 14px;
+  }
+
+  @media (min-width: ${dimensions.maxwidthTablet}px) {
+    padding-top: 50px;
+    position: absolute;
+    right: 62px;
+  }
+`
+
+export const BottomLinks = styled.div`
+  a {
+    text-decoration: none;
+    color: black;
+  }
+  ul {
+    display: flex;
+    justify-content: center;
+    list-style: none;
+    padding-bottom: 30px;
+  }
+
+  li {
+    font-size: 12px;
+    padding-right: 28px;
+  }
+
+  @media (max-width: ${dimensions.maxwidthTablet}px) {
+    ul {
+      display: flex;
+      justify-content: center;
+      list-style: none;
+      padding-top: 80px;
+      padding-bottom: 12px;
+    }
+  }
+`
+
+export const AddressSection = styled.div`
+  width: 177px;
+  padding-top: 16px;
+`
+export const ScoutSection = styled.div`
+  margin-top: 32px;
+  color: #ffffff;
+
+  @media (max-width: ${dimensions.maxwidthTablet}px) {
+    padding-bottom: 48px;
+  }
+`