Create a contact us page

[kevinmonisit]

• Add in the links (ask someone to do this)

[kevinmonisit]

If anyone wants this, you can let me know. but i'm fine doing this myself if no one takes it

[kevinmonisit]

New reference:

[kevinmonisit]

In Default.js, I would like the following functionality:

const defaults = {
    title: "HackRU Spring 2023",
    dateText: "February 25th - 26th, 2023",
    locationText: "Rutgers College Ave Student Center",
    universityText: "Rutgers University",
    slogan: "hack all knight",
    mobileWidthThresholdSensitive: 1500,
    mobileWidthThresholdRelaxed: 1200,
    mobileHeightThresholdRelaxed: 650,
    enableFlyingLogo: false,
    poc: true,
    rest: {
        dev: "https://api.hackru.org/dev",
        prod: "https://api.hackru.org/prod",
        resumes: "https://hackru-resumes.s3.amazonaws.com",
        s3: "http://hackru-misc.s3-website-us-west-2.amazonaws.com/",
        teamru: "https://hki9olto2i.execute-api.us-east-1.amazonaws.com/dev",
        teamruprod:
            "https://s3wupzvn65.execute-api.us-east-1.amazonaws.com/prod",
    },
    .... whatever

but to add another object:

openApplications:
[
{
   applicationTitle: "Organizer Application",
   applicationURL: "the URL to the application"
},
....

]

In openApplications, the Contact page will dynamically change according the array containing the application objects and the subsequent data.

You can see in the photo, there is a section "Open Applications". If the array is empty, then the section itself is empty. This makes it so we don't have to hardcode.

[kevinmonisit]

Futhermore, we can divide the section into individual "divs". In full screen mode, they are as represented in the photo.

However, in mobile, they are to be vertical.

Full:
Box Box
Box Box

Mobile:
Box
Box
Box
Box

Where Box is the individual div that represents the container for each section. The best approach to this is to use flexbox.

The container for the flex container could be (in tailwind) the following: "flex flex-col md:flex-row ..." where md is the breakpoint.