From 09db9c58f5166b300dfdc659757fee31b5ff3269 Mon Sep 17 00:00:00 2001
From: Claeb101 <calebarulandu@gmail.com>
Date: Mon, 6 Mar 2023 15:47:21 -0500
Subject: [PATCH] styling and testing instructions

---
 app/src/components/footer.tsx | 6 +++---
 app/src/pages/demo.tsx        | 9 ++++++---
 app/src/pages/index.tsx       | 4 ++--
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/app/src/components/footer.tsx b/app/src/components/footer.tsx
index 0c08472..6eb2da8 100644
--- a/app/src/components/footer.tsx
+++ b/app/src/components/footer.tsx
@@ -7,11 +7,11 @@ export const Footer = () => {
     return (
         <footer className="absolute bottom-0 text-white w-full pb-4 bg-navy-darkest bg-opacity-100">
             <p className='mt-4 text-center text-base'>Made with 💖 by <SiteLink href={"https://arulandu.com"} txt="Alvan Caleb Arulandu" /> {' and '} <SiteLink href={"https://crucialnet.org"} txt="Rushil Umaretiya" /> for HackTJ 10.0.</p>
-            <div className='flex justify-center'>
-                <p>Backend: <a className='inline-block align-middle' href="https://github.com/VitalityAI/therapist">
+            <div className='flex justify-center flex-wrap'>
+                <p className='mx-2'>Backend: <a className='inline-block align-middle' href="https://github.com/VitalityAI/therapist">
                     <img className='h-full' src="https://img.shields.io/github/last-commit/VitalityAI/therapist" />
                 </a></p>
-                <p className='ml-4'>Frontend: <a className='inline-block align-middle' href="https://github.com/VitalityAI/office">
+                <p className='ml-2'>Frontend: <a className='inline-block align-middle' href="https://github.com/VitalityAI/office">
                     <img className='h-full' src="https://img.shields.io/github/last-commit/VitalityAI/office" />
                 </a></p>
             </div>
diff --git a/app/src/pages/demo.tsx b/app/src/pages/demo.tsx
index 56041cc..834a461 100644
--- a/app/src/pages/demo.tsx
+++ b/app/src/pages/demo.tsx
@@ -11,6 +11,7 @@ import OutlineButton from "@/components/OutlineButton";
 import { useToasts } from "@/components/ToastProvider";
 import { useSession } from 'next-auth/react'
 import Background from '@/components/Background';
+import SiteLink from "@/components/SiteLink";
 
 const Session = ({ data, onClick = () => { }, ...props }) => {
   return (
@@ -183,7 +184,9 @@ const Demo: NextPage<any> = ({ officers }) => {
                     </div>
                     <div className="mt-16 text-white text-center p-4">
                       <h2 className="text-2xl font-extrabold">Active Calls</h2>
-                      <div className="flex justify-center flex-wrap">
+                      <p className="font-light mt-2">Due to usage restrictions, please contact either <SiteLink href={"https://arulandu.com"} txt="Alvan Caleb Arulandu" /> {' or '} <SiteLink href={"https://crucialnet.org"} txt="Rushil Umaretiya" /> for the hotline number!</p>
+
+                      <div className="mt-6 flex justify-center flex-wrap">
                         {sessions.map(session =>
                           <Session data={session} key={session.id} onClick={() => popOut(session)} />
                         )}
@@ -197,9 +200,9 @@ const Demo: NextPage<any> = ({ officers }) => {
           </div>
           <Footer />
         </main>
-      </div>
+      </div >
 
-    </Layout>
+    </Layout >
   );
 };
 
diff --git a/app/src/pages/index.tsx b/app/src/pages/index.tsx
index c8abcfc..d817534 100644
--- a/app/src/pages/index.tsx
+++ b/app/src/pages/index.tsx
@@ -24,8 +24,8 @@ const Home: NextPage<any> = ({ officers }) => {
       <div className='relative w-full m-0 h-screen'>
         <Background className="" />
         <main className='relative w-full h-screen bg-transparent text-white '>
-          <div className="flex flex-col justify-center items-center ">
-            <div className="mt-72 max-w-xl">
+          <div className="px-8 flex flex-col justify-center items-center ">
+            <div className="mt-[25vh] sm:mt-[33vh] max-w-xl">
               <h1 className="text-6xl font-extrabold">vi·tal·i·ty</h1>
               <h2 className="text-xl font-light">[vī'talədē]&nbsp;&nbsp;<i>noun</i></h2>
               <ul className="ml-6 list-decimal">