Remove explore

README.md

@@ -133,3 +133,5 @@ _Email_: [[email protected]](mailto:[email protected])
 </p>
 
 Scout is Northeastern University's student-led design studio. The Studio has about 45 members selected via interview and application processes to select the university's best talent. Each semester the studio produces design and development assets for four ventures. Check out our [portfolio](https://web.northeastern.edu/scout/portfolio) for some past projects!
+
+Make sure to run export NODE_OPTIONS=--openssl-legacy-provider on Mac if you get the error: Error: error:0308010C:digital envelope routines::unsupported

schema.gql

@@ -722,6 +722,7 @@ type ContentfulVenture implements Node @derivedTypes @dontInfer {
   year: Date @dateformat
   website: String
   logo: ContentfulAsset @link(by: "id", from: "logo___NODE")
+  onePager: String
   portfolio_page: [ContentfulPortfolioPage] @link(by: "id", from: "portfolio page___NODE") @proxy(from: "portfolio page___NODE")
   involved_venture_page: [ContentfulInvolvedVenturePage] @link(by: "id", from: "involved venture page___NODE") @proxy(from: "involved venture page___NODE")
   involved_student_page: [ContentfulInvolvedStudentPage] @link(by: "id", from: "involved student page___NODE") @proxy(from: "involved student page___NODE")

src/components/base/base-components.js

@@ -4,6 +4,7 @@ import ArrowIconSVG from '../../images/arrowIcon'
 import React from 'react';
 import { DESKTOP_MARGIN, LAPTOP_MARGIN, TABLET_MARGIN, MOBILE_MARGIN } from "./constants"
 import { device, size } from "./device"
+import PaperIconSVG from "../../images/paper-icon";
 
 export const Button = styled.button`
     border: 2.5px solid ${teal};
@@ -62,6 +63,17 @@ export const SecondaryButton = (props) => {
     );
 };
 
+export const OnePagerButton = (props) => {
+    const { text, children, ...rest } = props;
+    return (
+        <ArrowButton>
+            {text}{' '}
+            {children}
+            <PaperIconSVG />
+        </ArrowButton>
+    );
+};
+
 export const BaseMarginContainer = styled.div`
     position: relative;
     max-width: ${size.desktop}px;

src/components/contact/contact.js

@@ -214,9 +214,6 @@ const Contact = (props) => (
                     <a target="_blank" href={props.contactInfoLinks.instagramLink}>
                         <SocialIcon src={Instagram} />
                     </a>
-                    <a target="_blank" href={props.contactInfoLinks.mediumLink}>
-                        <SocialIcon src={Medium} />
-                    </a>
                 </SocialContainer>
             </ContactGroup>
             <FAQButton>

src/components/footer/footer-styles.js

@@ -77,7 +77,6 @@ export const FooterContactContainerEmail = styled(FooterContactContainer)`
 
 export const FooterSocialBlock = styled.div`
     display: flex;
-    justify-content: space-between;
     align-items: baseline;
     padding: 30px 0 30px 0;
     width: 70%;

src/components/footer/footer.js

@@ -36,9 +36,8 @@ const Footer = ({ contentfulFooter, contactInfo }) => (
         <FooterContactContainer>
           <ConnectContactText>CONNECT</ConnectContactText>
           <FooterSocialBlock>
-            <a target="_blank" href={contactInfo.instagramLink}><InstagramIcon /></a>
+            <a target="_blank" href={contactInfo.instagramLink} style={{paddingRight: 50}}><InstagramIcon /></a>
             <a target="_blank" href={contactInfo.linkedInLink}><LinkedInIcon /></a>
-            <a target="_blank" href={contactInfo.mediumLink}><MediumIcon /></a>
           </FooterSocialBlock>
         </FooterContactContainer>
         <FooterContactContainerEmail>

src/components/navigation/hamburger.js

@@ -112,7 +112,6 @@ const Hamburger = () => {
                 <MenuContentColumn>
                     <HamburgerDropdown menuName="Involved"
                       listContents={GET_INVOLVED_LINKS}/>
-                    <HamburgerLink to="/explore">Explore</HamburgerLink>
                     <HamburgerLink to="/contact">Contact</HamburgerLink>
                 </MenuContentColumn>
                 <MenuContentColumn>

src/components/navigation/navigation.js

@@ -54,7 +54,7 @@ export const NavLinkGroup = styled.div`
       top: 0;
       right: 0;
       width: 55vw;
-      justify-content: center;
+      justify-content: left;
       transition: all 0.2s;
       max-height: ${ props => (props.isOpen ? '500px': '0px')};
       padding: ${ props => (props.isOpen ? '60px 40px': '0px 40px')};
@@ -66,6 +66,7 @@ export const NavLinkGroup = styled.div`
 
   @media ${device.mobile} {
     width: 100%;
+    justify-content: left;
   }
 
   @media (max-width: 360px) {
@@ -160,7 +161,6 @@ const Navigation = () => {
       <NavLinkGroup isOpen={open}>
         <NavDropdown menuName="Involved"
                       listContents={GET_INVOLVED_LINKS}/>
-         <NavLink to="/explore">Explore</NavLink>
         <NavDropdown menuName="People" 
                       listContents={OUR_TEAM_LINKS}/>
          <NavLink to="/portfolio">Portfolio</NavLink>

src/components/portfolio/featured-ventures-block.js

@@ -1,6 +1,6 @@
 import React from "react"
 import styled from "styled-components"
-import { SecondaryButton } from "../base/base-components"
+import { OnePagerButton, SecondaryButton } from "../base/base-components"
 import { teal, lightGray, yellow } from "../base/colors"
 import { device, size } from "../base/device"
 import { HANbody, HANh2, HANsubh2 } from "../base/fonts"
@@ -102,7 +102,7 @@ const DropdownIcon = styled.div`
     }
 `
 
-const DescriptionContainer = styled.div`
+const DescriptionContainer = styled.div` 
     @media ${device.mobile} {
         overflow: hidden;
         transition: all 0.2s;
@@ -152,6 +152,8 @@ const Venture = ({ venture }) => {
         }
     }, [width]);
 
+    console.log(venture)
+
     return <VentureBlockContainer>
         <FeaturedVentureImage src={venture.logo.fluid.src} />
         <VentureContainer onClick={e => setOpen(!open)} >
@@ -164,9 +166,14 @@ const Venture = ({ venture }) => {
         </VentureContainer>
         <DescriptionContainer isOpen={open}>
             <VentureDescription>{venture.description.description}</VentureDescription>
-            <a target="_blank" href={venture.website}>
+            <a target="_blank" href={venture.website} style={{marginRight: 200}}>
                 <SecondaryButton>Visit Website</SecondaryButton>
             </a>
+            {venture.onePager && 
+                <a target="_blank" href={venture.onePager}>
+                    <OnePagerButton>Learn More</OnePagerButton>
+                </a>
+            }
         </DescriptionContainer>
         <TealBar />
     </VentureBlockContainer>

src/pages/portfolio.js

@@ -49,6 +49,7 @@ export const pageQuery = graphql`
               src
             }
           }
+          onePager
         }
         pastVenturesSubheader
         pastVentures {