rushilwiz/office
1
0
Fork 0
mirror of https://github.com/vitalityAI/office.git synced 2025-04-09 14:00:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

styling and testing instructions

Browse Source
This commit is contained in:
Claeb101 2023-03-06 15:47:21 -05:00
parent 68cdf876ec
commit 09db9c58f5
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/src/components/footer.tsx
View File

@ -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>

9
app/src/pages/demo.tsx
View File

@ -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 >
);
};

4
app/src/pages/index.tsx
View File

@ -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">