Fix Date and Code Health

content/faq.mdx

@@ -36,7 +36,7 @@ We're looking for creative, innovative, and team-oriented hackers with a set of
 ## When will applications close?
 
 The PRIORITY application will close June 30th at 11:59 PM ET. 
-The FINAL application will close July 16th at 11:59 PM ET.
+The FINAL application will close July 19th at 11:59 PM ET.
 
 ## Who can apply?
 

src/components/About.js

@@ -5,7 +5,7 @@ import pacmanLeft from '../images/about-pacman-left.svg';
 import pacmanRight from '../images/about-pacman-right.svg';
 import aboutDotsBottom from '../images/about-dots-bottom.svg';
 
-const About = ({content}) => {
+const About = () => {
   return (
     <div className="about-section">
       <a className="anchor" id="About"/>
@@ -51,9 +51,9 @@ const About = ({content}) => {
           ambassador for PennApps. What this entails is spreading the word about PennApps at your
           local school, college or university. Campus ambassadors are an important part of the
           PennApps community and receive custom swag and perks at and before the event.</p>
-        <span>Apply to be a Campus Ambassador </span>
-        <a href="https://docs.google.com/forms/d/e/1FAIpQLSenVr3R12cKmBTLd8dxmAdtG35zk7GNbNhYwKPQ2ut7aZFKOg/viewform">
-          here!</a><span> Applications are due by Friday, June 23rd, at 11:59 PM ET.</span>
+        {/* <span>Apply to be a Campus Ambassador </span> */}
+        {/* <a href="https://docs.google.com/forms/d/e/1FAIpQLSenVr3R12cKmBTLd8dxmAdtG35zk7GNbNhYwKPQ2ut7aZFKOg/viewform">
+          here!</a><span> Applications are due by Friday, June 23rd, at 11:59 PM ET.</span> */}
       </div>
       <div className="about-paragraph" id="about-paragraph-diversity-fellows">
         <div className="about-header" id="about-header-diversity-fellows">
@@ -66,7 +66,7 @@ const About = ({content}) => {
         </p>
         <span>Apply to become a Diversity Fellow </span>
         <a href="https://docs.google.com/forms/d/e/1FAIpQLSeWCWk6Ahr1Kdwq0Swat1d27r7MWPPsme2Us8p6s-6Nyx_s-A/viewform">
-          here!</a><span> Applications are due by Sunday, July 16th, at 11:59 PM ET.</span>
+          here!</a><span> Applications are due by Wednesday, July 19th, at 11:59 PM ET.</span>
       </div>
       <img id="about-dots-bottom" src={aboutDotsBottom}></img>
     </div>

src/components/Apply.js

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import ghosts from '../images/ghosts.svg'
 
-const Apply = ({content, id}) => {
+const Apply = ({id}) => {
   return (
     <div key={id} className="section">
       <a className="anchor" id={id}/>

src/components/Heading.js

@@ -2,6 +2,7 @@ import React from 'react'
 import apply_button from '../images/apply_button.svg'
 import apply_bg from '../images/apply_bg.svg'
 import apply_bg_hover from '../images/apply_bg_hovered.svg'
+import { COLOR_PALETTE } from '../constants'
 
 /*
 .dots{
@@ -16,31 +17,31 @@ function Heading() {
 
   return (
     <div className="heading-parent">
-      <div className="row bg-[#31398C]">
-        <div className="box bg-[#6D79FF] border-[#5562E9] border-r-[15px] border-b-[15px] w-screen md:h-[10em] h-[6.5em] rounded-tl-[3.5em]"></div>
-        <div className="box bg-[#5562E9] border-[#6D79FF] border-l-[15px] border-b-[15px] w-screen md:h-[10em] h-[6.5em] rounded-tr-[3.5em]"></div>
+      <div className={`row bg-[${COLOR_PALETTE.DARK_BLUE}]`}>
+        <div className={`box bg-[${COLOR_PALETTE.SLATE_BLUE}] border-[${COLOR_PALETTE.DEEP_BLUE}] border-r-[15px] border-b-[15px] w-screen md:h-[10em] h-[6.5em] rounded-tl-[3.5em]`}></div>
+        <div className={`box bg-[${COLOR_PALETTE.DEEP_BLUE}] border-[${COLOR_PALETTE.SLATE_BLUE}] border-l-[15px] border-b-[15px] w-screen md:h-[10em] h-[6.5em] rounded-tr-[3.5em]`}></div>
       </div>
       <div className="row">
-        <div className="box-mid bg-[#5562E9] border-[#6D79FF] border-r-[15px] border-y-[15px] "></div>
+        <div className={`box-mid bg-[${COLOR_PALETTE.DEEP_BLUE}] border-[${COLOR_PALETTE.SLATE_BLUE}] border-r-[15px] border-y-[15px]`}></div>
         <div className="heading">
           <div className="header-box">
-            <RowDot color={"#9773FF"}/>
+            <RowDot color={COLOR_PALETTE.INDIGO}/>
             <h1>Game On! Applications are now open.</h1>
-            <RowDot color={"#9773FF"}/>
+            <RowDot color={COLOR_PALETTE.INDIGO}/>
           </div>
         </div>
-        <div className="box-mid bg-[#6D79FF] border-[#5562E9] border-l-[15px] border-y-[15px]"></div>
+        <div className={`box-mid bg-[${COLOR_PALETTE.SLATE_BLUE}] border-[${COLOR_PALETTE.DEEP_BLUE}] border-l-[15px] border-y-[15px]`}></div>
       </div>
       <div className="row">
-        <div className="box bg-[#6D79FF] border-[#5562E9] border-r-[15px] border-y-[15px]"></div>
+        <div className={`box bg-[${COLOR_PALETTE.SLATE_BLUE}] border-[${COLOR_PALETTE.DEEP_BLUE}] border-r-[15px] border-y-[15px]`}></div>
         <div className="heading">
           <div className="desc-box">
-            <RowDot color={"#00B7FF"}/>
+            <RowDot color={COLOR_PALETTE.SKY_BLUE}/>
             <h2>Hosted at the nation's first university, PennApps is the original college hackathon. Come join us to learn something new, build an app, or start a company. Let’s continue to make history together.</h2>
-            <RowDot color={"#00B7FF"}/>
+            <RowDot color={COLOR_PALETTE.SKY_BLUE}/>
           </div>
         </div>
-        <div className="box bg-[#5562E9] border-[#6D79FF] border-l-[15px] border-y-[15px]"></div>
+        <div className={`box bg-[${COLOR_PALETTE.DEEP_BLUE}] border-[${COLOR_PALETTE.SLATE_BLUE}] border-l-[15px] border-y-[15px]`}></div>
       </div>
 
       <div className="image-row">

src/constants.ts

@@ -0,0 +1,7 @@
+export const COLOR_PALETTE = {
+  DARK_BLUE: "#31398C",
+  DEEP_BLUE: "#5562E9",
+  SLATE_BLUE: "#6D79FF",
+  INDIGO: "#9773FF",
+  SKY_BLUE: "#00B7FF",
+}