From 5eca5ff45dd41a615f4ba08675bd45666de6f940 Mon Sep 17 00:00:00 2001
From: Bl20052005 <88120481+Bl20052005@users.noreply.github.com>
Date: Sun, 3 Dec 2023 10:14:12 -0800
Subject: [PATCH 01/23] small initial setup for apply page
---
apps/site/src/app/apply/page.tsx | 11 +++++++++++
apps/site/src/app/apply/sections/Title/Title.scss | 3 +++
apps/site/src/app/apply/sections/Title/Title.tsx | 10 ++++++++++
3 files changed, 24 insertions(+)
create mode 100644 apps/site/src/app/apply/page.tsx
create mode 100644 apps/site/src/app/apply/sections/Title/Title.scss
create mode 100644 apps/site/src/app/apply/sections/Title/Title.tsx
diff --git a/apps/site/src/app/apply/page.tsx b/apps/site/src/app/apply/page.tsx
new file mode 100644
index 00000000..74673cfc
--- /dev/null
+++ b/apps/site/src/app/apply/page.tsx
@@ -0,0 +1,11 @@
+export const revalidate = 60;
+
+export default function Apply() {
+ // Show landing section only if still in maintenance,
+ // otherwise show the rest of the sections
+ return (
+ <>
+
+ >
+ )
+}
diff --git a/apps/site/src/app/apply/sections/Title/Title.scss b/apps/site/src/app/apply/sections/Title/Title.scss
new file mode 100644
index 00000000..0ba42c66
--- /dev/null
+++ b/apps/site/src/app/apply/sections/Title/Title.scss
@@ -0,0 +1,3 @@
+.title {
+ text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.75);
+}
\ No newline at end of file
diff --git a/apps/site/src/app/apply/sections/Title/Title.tsx b/apps/site/src/app/apply/sections/Title/Title.tsx
new file mode 100644
index 00000000..e770c799
--- /dev/null
+++ b/apps/site/src/app/apply/sections/Title/Title.tsx
@@ -0,0 +1,10 @@
+import styles from "./Title.module.scss";
+
+export default function Title() {
+ return(
+ <>
+
Apply
+ Applications close on January 30th, 11:59PM PST
+ >
+ )
+}
\ No newline at end of file
From 5403fe52073ecb30ab10d2e66e767555f54dc216 Mon Sep 17 00:00:00 2001
From: Bl20052005 <88120481+Bl20052005@users.noreply.github.com>
Date: Mon, 4 Dec 2023 13:44:07 -0800
Subject: [PATCH 02/23] basic information and title added on form
---
apps/site/src/app/apply/page.tsx | 10 ++-
.../apply/sections/Form/BasicInformation.tsx | 66 +++++++++++++++++++
.../app/apply/sections/Form/Form.module.scss | 17 +++++
.../site/src/app/apply/sections/Form/Form.tsx | 10 +++
.../Title/{Title.scss => Title.module.scss} | 0
.../src/app/apply/sections/Title/Title.tsx | 5 +-
apps/site/src/app/layout.tsx | 2 +
7 files changed, 105 insertions(+), 5 deletions(-)
create mode 100644 apps/site/src/app/apply/sections/Form/BasicInformation.tsx
create mode 100644 apps/site/src/app/apply/sections/Form/Form.module.scss
create mode 100644 apps/site/src/app/apply/sections/Form/Form.tsx
rename apps/site/src/app/apply/sections/Title/{Title.scss => Title.module.scss} (100%)
diff --git a/apps/site/src/app/apply/page.tsx b/apps/site/src/app/apply/page.tsx
index 74673cfc..d6810fd7 100644
--- a/apps/site/src/app/apply/page.tsx
+++ b/apps/site/src/app/apply/page.tsx
@@ -1,11 +1,15 @@
+import Form from "./sections/Form/Form";
+import Title from "./sections/Title/Title";
+
export const revalidate = 60;
export default function Apply() {
// Show landing section only if still in maintenance,
// otherwise show the rest of the sections
return (
- <>
-
- >
+
+
+
+
)
}
diff --git a/apps/site/src/app/apply/sections/Form/BasicInformation.tsx b/apps/site/src/app/apply/sections/Form/BasicInformation.tsx
new file mode 100644
index 00000000..3bfd949d
--- /dev/null
+++ b/apps/site/src/app/apply/sections/Form/BasicInformation.tsx
@@ -0,0 +1,66 @@
+import styles from "./Form.module.scss";
+
+export default function BasicInformation() {
+ return(
+
+
Basic Information
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/apps/site/src/app/apply/sections/Form/Form.module.scss b/apps/site/src/app/apply/sections/Form/Form.module.scss
new file mode 100644
index 00000000..876a44c5
--- /dev/null
+++ b/apps/site/src/app/apply/sections/Form/Form.module.scss
@@ -0,0 +1,17 @@
+.form {
+ background-color: #FFFFFF;
+ border-radius: 10px;
+}
+
+.input {
+ background-color: #E1E1E1;
+ height: 38px;
+ padding: 5px;
+ border-radius: 4px;
+ font-size: 18px;
+}
+
+.label {
+ font-size: 18px;
+ margin-bottom: 8px;
+}
\ No newline at end of file
diff --git a/apps/site/src/app/apply/sections/Form/Form.tsx b/apps/site/src/app/apply/sections/Form/Form.tsx
new file mode 100644
index 00000000..0a3c209a
--- /dev/null
+++ b/apps/site/src/app/apply/sections/Form/Form.tsx
@@ -0,0 +1,10 @@
+import styles from "./Form.module.scss";
+import BasicInformation from "./BasicInformation";
+
+export default function Form() {
+ return(
+
+ )
+}
\ No newline at end of file
diff --git a/apps/site/src/app/apply/sections/Title/Title.scss b/apps/site/src/app/apply/sections/Title/Title.module.scss
similarity index 100%
rename from apps/site/src/app/apply/sections/Title/Title.scss
rename to apps/site/src/app/apply/sections/Title/Title.module.scss
diff --git a/apps/site/src/app/apply/sections/Title/Title.tsx b/apps/site/src/app/apply/sections/Title/Title.tsx
index e770c799..fce585ad 100644
--- a/apps/site/src/app/apply/sections/Title/Title.tsx
+++ b/apps/site/src/app/apply/sections/Title/Title.tsx
@@ -1,10 +1,11 @@
import styles from "./Title.module.scss";
export default function Title() {
+ // console.log(styles.title)
return(
<>
- Apply
- Applications close on January 30th, 11:59PM PST
+ Apply
+ Applications close on January 30th, 11:59PM PST
>
)
}
\ No newline at end of file
diff --git a/apps/site/src/app/layout.tsx b/apps/site/src/app/layout.tsx
index 3463ec6a..c3bffd90 100644
--- a/apps/site/src/app/layout.tsx
+++ b/apps/site/src/app/layout.tsx
@@ -2,6 +2,7 @@ import type { Metadata } from "next";
import water from "@/assets/backgrounds/water.jpg";
import Footer from "@/lib/components/Footer/Footer";
import "./globals.css";
+import Apply from "./apply/page";
import { Layout } from "@/components/dom/Layout";
@@ -26,6 +27,7 @@ export default function RootLayout({
>
{/* reference: https://github.com/pmndrs/react-three-next */}
{children}
+