Skip to content

Commit

Permalink
New Policies Page
Browse files Browse the repository at this point in the history
* Adds link to footer
* New page
* New policies assets with 3 pdfs
* Misc. cleanup of commented out code and unused packages
  • Loading branch information
quantumfusion authored Oct 24, 2023
2 parents e084771 + 16794fa commit 87c400c
Show file tree
Hide file tree
Showing 6 changed files with 121 additions and 56 deletions.
9 changes: 5 additions & 4 deletions pie-website/src/assets/data/data.js
Original file line number Diff line number Diff line change
@@ -1,16 +1,12 @@
import { FaCreditCard } from "@react-icons/all-files/fa/FaCreditCard"
import { BiGroup } from "@react-icons/all-files/bi/BiGroup"
import { GiFishMonster } from "@react-icons/all-files/gi/GiFishMonster"
import { BsPeopleCircle } from "@react-icons/all-files/bs/BsPeopleCircle"
import { AiFillCode } from "@react-icons/all-files/ai/AiFillCode"
import { BsGearWideConnected } from "@react-icons/all-files/bs/BsGearWideConnected"
import { GiTeacher } from "@react-icons/all-files/gi/GiTeacher"
import { GiPieSlice } from "@react-icons/all-files/gi/GiPieSlice"
import { RiTeamFill } from "@react-icons/all-files/ri/RiTeamFill"
import { ImCalendar } from "@react-icons/all-files/im/ImCalendar"
import { AiOutlineRead } from "@react-icons/all-files/ai/AiOutlineRead"
import { FaDiscord } from "@react-icons/all-files/fa/FaDiscord"
import { BiCommentDots } from "@react-icons/all-files/bi/BiCommentDots"
import { AiOutlineMail } from "@react-icons/all-files/ai/AiOutlineMail"
import { AiOutlineProject } from "@react-icons/all-files/ai/AiOutlineProject"
import { AiOutlineForm } from "@react-icons/all-files/ai/AiOutlineForm"
Expand Down Expand Up @@ -47,6 +43,11 @@ const sublinks = [
icon: <BsPeopleCircle />,
url: "/About#foundation",
},
{
label: "Policies",
icon: <BsPeopleCircle />,
url: "/Policies",
}
],
},
],
Expand Down
52 changes: 0 additions & 52 deletions pie-website/src/components/Footer.js
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,6 @@ import CustomizedContainer from "./CustomizedContainer"
import { AiFillGithub } from "@react-icons/all-files/ai/AiFillGithub"
import { AiFillFacebook } from "@react-icons/all-files/ai/AiFillFacebook"
import { AiFillYoutube } from "@react-icons/all-files/ai/AiFillYoutube"
// import TextField from "@material-ui/core/TextField"

/*
Creates a footer component
Expand Down Expand Up @@ -54,26 +53,6 @@ function Footer() {
</Link>
</div>
</div>
{/* <div>
<h3>Mailing List</h3>
<form
noValidate
autoComplete="off"
action="https://getform.io/f/86bd726f-60c2-48ec-847c-ab1d7d056101"
method="POST"
>
<CustomField
id="filled-basic"
variant="filled"
label="Email Address"
name="Email Address"
required
className="email"
/>
<CustomButton color="blue">Submit</CustomButton>
</form>
</div> */}
</div>
<div className="links-container">
{sublinks.map(item => {
Expand Down Expand Up @@ -129,37 +108,6 @@ const CenteredContainer = styled(CustomizedContainer)`
text-align: center !important;
}
`
// const CustomButton = styled.button.attrs(props => ({
// type: "submit",
// }))`
// cursor: pointer;
// background: ${props =>
// props.color === "blue" ? theme.colors.blue500 : theme.colors.gold500};
// border: transparent;
// border-radius: ${theme.borderRadius};
// letter-spacing: ${theme.letterSpacing};
// padding: 0.375rem 0.75rem;
// box-shadow: ${theme.shadows.shadow1};
// transition: ${theme.transition};
// text-transform: capitalize;
// display: inline-block;
// color: ${theme.colors.white};
// width: 100%;
// margin: 1rem 0;

// &:hover {
// background: ${props =>
// props.color === "blue" ? theme.colors.blue700 : theme.colors.gold700};
// box-shadow: ${theme.shadows.shadow3};
// }

// a {
// color: ${theme.colors.white};
// }
// `
// const CustomField = styled(TextField)`
// width: 100%;
// `

const FooterWrapper = styled.div`
position: relative;
Expand Down
116 changes: 116 additions & 0 deletions pie-website/src/pages/Policies.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,116 @@
import React from "react"

import theme from "../assets/themes/theme"
import styled from "styled-components"
import Col from "react-bootstrap/esm/Col"
import CustomizedContainer from "../components/CustomizedContainer"
import HelmetWrapper from "../components/HelmetWrapper"
import Layout from "../components/Layout"
import { AnchorLink as Link } from "gatsby-plugin-anchor-links"
import { GrDocumentPdf } from "@react-icons/all-files/gr/GrDocumentPdf"

const Policies = () => {
return (
<Layout>
<HelmetWrapper
title="Policies"
description="Our policies as an organization"
/>
<HeroWrapper>
<div className="filler"></div>
<div className="hero-image">
<div>
<h1>Our Policies</h1>
</div>
</div>
</HeroWrapper>
<CustomizedContainer color="#f4f4f5">
<Resources>
<div className="section">
<h2>Non-Discrimination Resolution</h2>
<p>
This document establishes that PiE-Foundation will not discriminate based on a variety of characteristics when considering membership into PiE Foundation.
</p>
<GrDocumentPdf />
<Link to="/assets/policies/pie_foundation_non_discrimination_resolution.pdf">
PiE Foundation Non-Discrimination Resolution &rsaquo;
</Link>
</div>
</Resources>
<Resources>
<div className="section">
<h2>Sexual Violence and Sexual Harassment Policy</h2>
<p>
This document specifies the guidelines PiE will follow to create a safe environment for all PiE-affiliated individuals.
</p>
<GrDocumentPdf />
<Link to="/assets/policies/pie_policy_framework_for_sexual_violence_and_sexual_harassment.pdf">
Policy Framework for Sexual Violence and Sexual Harassment &rsaquo;
</Link>
</div>
</Resources>
<Resources>
<div className="section">
<h2>Interactions between PiE Affiliates and High School Students</h2>
<p>
This document specifies the guidelines all PiE affiliates should follow when working with high school students
</p>
<GrDocumentPdf />
<Link to="/assets/policies/pie_policy_on_interactions_between_pie_staff_mentors_and_high_school_students.pdf">
Policy on Interactions Between PiE Staff/Mentors and High School Students &rsaquo;
</Link>
</div>
</Resources>
</CustomizedContainer>
</Layout>
)
}

const HeroWrapper = styled.div`
.filler {
position: relative;
height: 25vh;
z-index: -1;
}
.hero-image {
background: ${theme.colors.blue700};
height: 30vh;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: ${theme.colors.white};
top: 0;
z-index: -1;
position: absolute;
padding: 1rem;
h1 {
font-size: 5rem;
}
}
`

const Resources = styled(Col)`
p {
margin-bottom: 0.5rem;
line-height: 1.15rem;
}
a {
padding-left: 0.75rem;
font-size: 16px;
}
div.section {
margin-bottom: 3rem;
}
h2 {
line-height: 1.2rem;
color: ${theme.colors.blue600};
margin: 0.25rem 0 1.5rem 0;
}
`

export default Policies
Binary file not shown.
Binary file not shown.
Binary file not shown.

0 comments on commit 87c400c

Please sign in to comment.