diff --git a/app/routes.ts b/app/routes.ts index 47ab806..87a1b92 100644 --- a/app/routes.ts +++ b/app/routes.ts @@ -1,3 +1,10 @@ -import { type RouteConfig, index } from "@react-router/dev/routes"; +import { type RouteConfig, index, route } from "@react-router/dev/routes"; -export default [index("routes/starter.tsx")] satisfies RouteConfig; +export default [ + index("routes/login.tsx"), + route("forgot-pass", "routes/forgot_pass.tsx"), + route("verify-email", "routes/verify_email.tsx"), + route("change-password", "routes/change_password.tsx"), + route("create-account", "routes/create_account.tsx"), + route("verify-signup", "routes/verify_signup.tsx"), +] satisfies RouteConfig; diff --git a/app/routes/change_password.tsx b/app/routes/change_password.tsx new file mode 100644 index 0000000..0979632 --- /dev/null +++ b/app/routes/change_password.tsx @@ -0,0 +1,66 @@ +import React from "react"; + +export default function CancerLINCForgotPassowrd() { + return ( +
+
+ +

+ {"<"} Back to login +

+ +

+

+

+

+
+

Change Password

+

+ Create a new password. It must include 12 characters and + at least one number. +

+
+ +
+
+ +
+ +
+
+
+ +
+ +
+
+ +

+

+

+
+
+
+ ); +} diff --git a/app/routes/create_account.tsx b/app/routes/create_account.tsx new file mode 100644 index 0000000..09b4ec4 --- /dev/null +++ b/app/routes/create_account.tsx @@ -0,0 +1,95 @@ +import React from "react"; + +export default function CancerLINCForgotPassowrd() { + return ( +
+
+ +

+ {"<"} Back to login +

+ +

+

+

+

+
+

Create Account

+
+ +
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+ + +

+

+

+
+
+
+ ); +} diff --git a/app/routes/forgot_pass.tsx b/app/routes/forgot_pass.tsx new file mode 100644 index 0000000..e58ab68 --- /dev/null +++ b/app/routes/forgot_pass.tsx @@ -0,0 +1,50 @@ +import React from "react"; +export default function CancerLINCForgotPassowrd() { + return ( +
+
+ +

+ {"<"} Back to login +

+ +

+

+

+

+
+

Forgot Password?

+
+ +
+
+ +
+ +
+
+ +

+

+

+
+
+
+ ); +} diff --git a/app/routes/login.tsx b/app/routes/login.tsx new file mode 100644 index 0000000..6e4bd9a --- /dev/null +++ b/app/routes/login.tsx @@ -0,0 +1,96 @@ +import React from "react"; + +export default function CancerLINCLogin() { + return ( +
+
+
+ CancerLINC Logo +

Login

+

+ Enter your email address and password to access your + account. +

+
+ +
{ + e.preventDefault(); + window.location.href = "/"; + }} + > +
+ +
+ + ✉ + + +
+
+ +
+ +
+ + 🔒 + + +
+
+ +
+ + + Forgot Password? + +
+ + + +
+ - OR - +
+ + +
+
+
+ ); +} diff --git a/app/routes/verify_email.tsx b/app/routes/verify_email.tsx new file mode 100644 index 0000000..ec46409 --- /dev/null +++ b/app/routes/verify_email.tsx @@ -0,0 +1,68 @@ +import React from "react"; + +export default function CancerLINCForgotPassowrd() { + return ( +
+
+ +

+ {"<"} Back to login +

+ +

+

+

+

+
+

Verify Email

+

+ A verification code was sent to xxxxx@email.com. Please + enter it below.

+ The code will expire in 10 minutes. +

+
+ +
+
+ +
+ +
+
+ + +

+ Send New Code +

+ +

+

+

+
+
+
+ ); +} diff --git a/app/routes/verify_signup.tsx b/app/routes/verify_signup.tsx new file mode 100644 index 0000000..33517c3 --- /dev/null +++ b/app/routes/verify_signup.tsx @@ -0,0 +1,66 @@ +import React from "react"; + +export default function CancerLINCForgotPassowrd() { + return ( +
+
+ +

+ {"<"} Back to login +

+ +

+

+

+

+
+

Verify Email

+

+ A verification code was sent to xxxxx@email.com. Please + enter it below.

+ The code will expire in 10 minutes. +

+
+ +
+
+ +
+ +
+
+ + +

+ Send New Code +

+ +

+

+

+
+
+
+ ); +} diff --git a/public/CancerLINC-Logo-1.png b/public/CancerLINC-Logo-1.png new file mode 100644 index 0000000..f84f594 Binary files /dev/null and b/public/CancerLINC-Logo-1.png differ