diff --git a/components/Announce.tsx b/components/Announce.tsx
index 3b04d71..b61215c 100644
--- a/components/Announce.tsx
+++ b/components/Announce.tsx
@@ -1,34 +1,33 @@
-import Link from 'next/link';
-import React from 'react';
-import { Body } from '../styles/typography';
+import Link from "next/link";
+import React from "react";
+import { Body } from "../styles/typography";
import AnnouncementBar from "./elements/AnnouncementBar.elements";
-import {colors} from "../styles/colors";
+import { colors } from "../styles/colors";
const RegistrationOpen = () => {
return (
-
-
- Want to bring your school to CIMUN XVIII? You're in luck!
- {" - "}
-
- Register Now
-
- {" - "}
-
- More Information
-
-
-
- )
+
+
+ Want to bring your school to CIMUN XVIII? You're in luck!
+ {" - "}
+
+
+ Register Now
+
+
+ {" - "}
+
+
+ More Information
+
+
+
+
+ );
};
const Announce = {
- RegistrationOpen
+ RegistrationOpen,
};
export default Announce;
diff --git a/pages/conference/index.tsx b/pages/conference/index.tsx
index 179a806..35df7bb 100644
--- a/pages/conference/index.tsx
+++ b/pages/conference/index.tsx
@@ -1,24 +1,336 @@
-import { Display } from '../../styles/typography'
-import { Wrapper, ComponentWrapper } from '../../styles/containers'
-import HeaderNav from '../../components/headerNav'
+import React from "react";
+import styled from "styled-components";
+import { colors } from "../../styles/colors";
+import Footer from "../../components/footer";
+import HeaderNav from "../../components/headerNav";
+import Jumbotron from "../../components/jumbotron";
+import { ComponentWrapper, Wrapper } from "../../styles/containers";
+import { Body, SubTitle } from "../../styles/typography";
+import Head from "next/head";
+import { breakpoints } from "../../styles/breakpoints";
+
+const BoxesContainer = styled.div`
+ display: flex;
+ flex: 1;
+ flex-direction: row;
+ ${breakpoints("flex-direction", "", [{ 1000: "column" }])};
+ justify-content: space-around;
+ align-items: center;
+ width: 90%;
+`;
+
+const BoxCard = styled.div`
+ display: flex;
+ background-color: transparent;
+ flex-direction: column;
+ width: 30%;
+ ${breakpoints("width", "", [{ 1000: "100%" }])};
+ justify-content: center;
+ align-items: center;
+ border: 3px solid ${colors.kindaFadedPrimaryBlue};
+ margin: 2.5rem 0;
+ ${breakpoints("margin", "", [{ 1000: "1rem 0" }])};
+ padding: 2.5rem 0;
+ ${breakpoints("padding", "", [{ 1000: "1rem 0" }])};
+`;
const Conference = () => {
return (
+
+ Chicago International Model UN
+
+
+
+
+
+
+
+
+
-
-
- CIMUN
-
-
- Conference
-
+
+
+
+
+ Welcome Back, Delegates & Advisors!
+
+
+ For 18 years, CIMUN has been a premier conference for scholastic Model
+ United Nations programs. This coming year, we welcome you - delegates,
+ faculty, sponsors, and all others - in-person, to the 18th Chicago
+ International Model United Nations conference. We hope you can make
+ it!
+
+
+
+ Pricing Details
+
+
+ There will be a
+
+ one-time
+
+ delegation registration fee for each school of
+
+ $250
+
+ .
+
+ Due to the nature of an in-person conference in 2022, we are offering
+ a tiered approach to pricing based on number of delegates to a room.
+ Schools should select
+
+ one
+
+ format from the below, and rooms & pricing will be allocated
+ accordingly. For any empty spots in a delegate room block, there will
+ be an empty bed fee charge.
+
+
+
+
+ Pricing for
+
+ FOUR DELEGATES
+
+ Per Room
+
+
+ $350 delegate fee
+
+
+
+ or
+
+
+
+ Pricing for
+
+ THREE DELEGATES
+
+ Per Room
+
+
+ $370 delegate fee
+
+
+
+ or
+
+
+
+ Pricing for
+
+ TWO DELEGATES
+
+ Per Room
+
+
+ $390 delegate fee
+
+
+
+
+ The Advisor Fee is
+
+ $640
+
+ . For an additional advisor in a
+
+ shared room is $80
+
+ .
+
+
+
+ Virtual Option
+
+
+ We will also be offering a virtual option for any schools unable to
+ attend in person. The Delegate Fee for schools attending virtually is
+
+ $50
+
+ .
+
+
+
+ Deadlines & Delegation Fees
+
+
+ January 6, 2022 is the Delegate Drop Deadline
+
+
+ Fees for dropped delegates cannot be refunded after this date. All
+ payments should be completed by this deadline.
+
+
+
+ COVID Policy
+
+
+ In an effort to keep delegates, advisors, and staff safe, CIMUN has
+ made the decision to issue strict guidance as it relates to COVID-19.
+ This means requiring COVID-19 vaccinations for anyone that is eligible
+ (over 16 years old) across staff, delegates, and advisors attending
+ the conference.
+
+
+ We will be flexible and fluid in pivoting our safety guidance as the
+ state of COVID-19 changes leading up to the conference to ensure the
+ continued well-being for everyone in attendance.
+
+
+
- )
-}
-
-export default Conference;
\ No newline at end of file
+ );
+};
+export default Conference;
diff --git a/styles/containers.ts b/styles/containers.ts
index 2996a49..76cf441 100644
--- a/styles/containers.ts
+++ b/styles/containers.ts
@@ -1,11 +1,12 @@
import { colors } from "./colors";
-import styled from 'styled-components'
+import styled from "styled-components";
/* responsive full screen height:width ratio = 9/16 = .5625 */
interface ContainerType {
color?: string; // Passing Optional Props
margins?: string;
+ pad?: string;
width?: string;
height?: string;
minHeight?: string;
@@ -14,15 +15,15 @@ interface ContainerType {
align?: string;
direction?: string;
display?: string;
- brightness?: string
-};
+ brightness?: string;
+}
export const Wrapper = styled.div`
margin: ${(props: ContainerType) =>
props.margins ? props.margins : undefined};
- background-color: ${(props: ContainerType) => props.color ? props.color : "white"};
- width: ${(props: ContainerType) =>
- props.width ? props.width : undefined};
+ background-color: ${(props: ContainerType) =>
+ props.color ? props.color : "white"};
+ width: ${(props: ContainerType) => (props.width ? props.width : undefined)};
display: flex;
flex-direction: column;
justify-content: center;
@@ -32,15 +33,13 @@ export const Wrapper = styled.div`
export const ComponentWrapper = styled.div`
margin: ${(props: ContainerType) =>
props.margins ? props.margins : "3.9375vw auto"};
- background-color: ${(props: ContainerType) => props.color ? props.color : "transparent"};
- width: ${(props: ContainerType) =>
- props.width ? props.width : "94vw"};
- max-width: ${(props: ContainerType) =>
- props.width ? props.width : "94vw"};
- min-width: ${(props: ContainerType) =>
- props.width ? props.width : "94vw"};
- height: ${(props: ContainerType) =>
- props.height ? props.height : "auto"};
+ padding: ${(props: ContainerType) => (props.pad ? props.pad : undefined)};
+ background-color: ${(props: ContainerType) =>
+ props.color ? props.color : "transparent"};
+ width: ${(props: ContainerType) => (props.width ? props.width : "94vw")};
+ max-width: ${(props: ContainerType) => (props.width ? props.width : "94vw")};
+ min-width: ${(props: ContainerType) => (props.width ? props.width : "94vw")};
+ height: ${(props: ContainerType) => (props.height ? props.height : "auto")};
min-height: ${(props: ContainerType) =>
props.minHeight ? props.minHeight : undefined};
max-height: ${(props: ContainerType) =>