Skip to content

Commit

Permalink
frontend(feature): add information page for new users
Browse files Browse the repository at this point in the history
  • Loading branch information
@artrsousa1
artrsousa1 committed Dec 5, 2023
1 parent af7ae55 commit 19993ad
Show file tree
Hide file tree
Showing 3 changed files with 147 additions and 1 deletion.
32 changes: 32 additions & 0 deletions web/app/globals.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,40 @@
@tailwind components;
@tailwind utilities;

:root {
--main-green: hsl(149, 80%, 38%);
--main-white: hsl(0, 0%, 96%);
}

* {
box-sizing: border-box;
padding: 0;
margin: 0;
}

::-webkit-scrollbar {
width: 8px;
}

::-webkit-scrollbar-track {
background: var(--main-white);
}

::-webkit-scrollbar-thumb {
background: var(--main-green);
border-radius: 5px;
}

body {
scrollbar-width: thin;
scrollbar-color: var(--main-green) var(--main-white);
}

body::-moz-scrollbar-thumb {
background-color: var(--main-green);
border-radius: 5px;
}

body::-moz-scrollbar-track {
background-color: var(--main-white);
}
112 changes: 111 additions & 1 deletion web/app/schedules/info/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,10 +2,120 @@

import useUser from '@/app/hooks/useUser';

import Image from 'next/image';
import Link from 'next/link';

const Team = () => {
return (
<div className="flex flex-col gap-5">
<div className="flex gap-5">
<div className="text-center">
Arthur Ribeiro
<br/>
<Image
src="https://github.com/artrsousa1.png"
alt="Foto Arthur"
width={100}
height={100}
className="rounded-full"
/>
</div>
<div className="text-center">
Caio Habibe
<br/>
<Image
src="https://github.com/CaioHabibe.png"
alt="Foto Caio Habibe"
width={100}
height={100}
className="rounded-full"
/>
</div>
<div className="text-center">
Caio Felipe
<br/>
<Image
src="https://github.com/caio-felipee.png"
alt="Foto Caio Felipe"
width={100}
height={100}
className="rounded-full"
/>
</div>
</div>
<div className="flex gap-5">
<div className="text-center">
Gabriel Castelo
<br/>
<Image
src="https://github.com/GabrielCastelo-31.png"
alt="Foto Gabriel"
width={100}
height={100}
className="rounded-full"
/>
</div>
<div className="text-center">
Henrique Camelo
<br/>
<Image
src="https://github.com/henriquecq.png"
alt="Foto Henrique"
width={100}
height={100}
className="rounded-full"
/>
</div>
<div className="text-center">
Mateus Vieira
<br/>
<Image
src="https://github.com/mateusvrs.png"
alt="Foto Mateus"
width={100}
height={100}
className="rounded-full"
/>
</div>
</div>
</div>
);
};

export default function Info() {
const { user } = useUser();

return (
<></>
<div className="overflow-auto m-auto min-h-full max-h-full px-8 max-w-4xl">
<div className="flex flex-col items-center gap-5 py-0">
<div className="flex flex-col items-center gap-2">
<h2 className="text-3xl font-semibold pb-5">Sobre</h2>
<p className="text-justify">
O Sua Grade UnB é um projeto em desenvolvimento da matéria de <b>Desenvolvimento de Software</b>.
Seu propósito é proporcionar aos estudantes da Universidade de Brasília uma experiência simplificada e intuitiva na elaboração de suas grades horárias.
O projeto visa facilitar o processo de organização acadêmica, oferecendo uma ferramenta eficiente e amigável para a montagem de horários, otimizando assim a gestão do tempo dos alunos.
</p>
<h2 className="text-3xl font-semibold pt-5 pb-5">Como utilizar?</h2>
<p className="text-justify">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum nemo repellat voluptas culpa qui ullam dolorem laudantium aliquam dolorum,
ex est nulla labore expedita repellendus ab harum sequi doloribus fugiat.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum nemo repellat voluptas culpa qui ullam dolorem laudantium aliquam dolorum,
ex est nulla labore expedita repellendus ab harum sequi doloribus fugiat.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum nemo repellat voluptas culpa qui ullam dolorem laudantium aliquam dolorum,
ex est nulla labore expedita repellendus ab harum sequi doloribus fugiat.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum nemo repellat voluptas culpa qui ullam dolorem laudantium aliquam dolorum,
ex est nulla labore expedita repellendus ab harum sequi doloribus fugiat.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum nemo repellat voluptas culpa qui ullam dolorem laudantium aliquam dolorum,
ex est nulla labore expedita repellendus ab harum sequi doloribus fugiat.
</p>
<h2 className="text-3xl font-semibold pt-5 pb-5">Como contribuir?</h2>
<p className="text-justify">
Se você é um programador e deseja contribuir com nosso projeto, basta <Link legacyBehavior href="https://unb-mds.github.io/2023-2-Squad11/contributing/" className=""><a target="_blank" className="text-primary hover:underline">clicar aqui</a></Link> para ter acesso a nossa documentação. Lá você encontrará todos os detalhes de como contribuir com novas funcionalidades e reportar possíveis erros.
</p>
<h2 className="text-3xl font-semibold pt-5 pb-5">Colaboradores</h2>
<Team />
</div>
</div>
</div>
);
}
4 changes: 4 additions & 0 deletions web/next.config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,10 @@ const nextConfig = {
protocol: 'https',
hostname: 'lh3.googleusercontent.com',
},
{
protocol: 'https',
hostname: 'github.com',
},
],
},
}
Expand Down

0 comments on commit 19993ad

Please sign in to comment.