diff --git a/README.md b/README.md index a8d762e..846d60c 100644 --- a/README.md +++ b/README.md @@ -22,7 +22,6 @@ Oferecer ferramentas dedicadas para a organização eficiente das atividades da - Gerência de Estoque: Controle detalhado de peças e materiais, incluindo quantidades disponíveis e status atualizado. - Gerência de Reuniões: Registro de atas e controle de presença nas reuniões, promovendo transparência e acompanhamento das decisões. - Gerência de Documentos: Administração centralizada de arquivos relacionados à equipe, como documentos de voo e outros correlatos. -- Gerência Financeira: Controle de entradas e saídas financeiras, com registro de descrições e saldo atualizado, garantindo maior controle e planejamento. # Documentação @@ -52,7 +51,7 @@ Conheça a contribuição dos membros em cada uma das nossas áreas abaixo: | **📸** | []() | |:---------:|:------------------------------------------------------------------------------: | -| **Nome** | [Klei Nacarat](https://github.com/caioduart3) | +| **Nome** | [Kleyson Nacarat](https://github.com/caioduart3) | | **Cargo** | Product Owner |

@@ -66,10 +65,10 @@ Conheça a contribuição dos membros em cada uma das nossas áreas abaixo:

-| **📸** | []() | []() | []() | []() | +| **📸** | []() | []() | []() | | |:---------:|:------------------------------------------------------------------------------:|:-------------------------------------------------------------------------------:|:------------------------------------------------------------------------------:|:-----------------------------------------------------------------------------------:| -| **Nome** | [Ludmila Aysha](https://github.com/ludmilaaysha) | [Rafael Welz](https://github.com/) | [Felipe Freire](https://github.com/FelipeFreire-gf) | [nome](https://github.com/) | [nome](https://github.com/) | [nome](https://github.com/5) | -| **Cargo** | Leader Squad - Front End | Leader Squad - Back End | Leader Squad - Banco de Dados | Leader Squad - Testes e Deploy | +| **Nome** | [Ludmila Aysha](https://github.com/ludmilaaysha) | [Rafael Welz](https://github.com/) | [Felipe Freire](https://github.com/FelipeFreire-gf) | +| **Cargo** | Leader Squad - Front End | Leader Squad - Back End | Leader Squad - Banco de Dados e Testes |

diff --git a/docs/assets/.DS_Store b/docs/assets/.DS_Store new file mode 100644 index 0000000..785b653 Binary files /dev/null and b/docs/assets/.DS_Store differ diff --git a/docs/assets/download-section-gitlab.jpeg b/docs/assets/download-section-gitlab.jpeg new file mode 100644 index 0000000..8d18bae Binary files /dev/null and b/docs/assets/download-section-gitlab.jpeg differ diff --git a/docs/assets/icons/structure.png b/docs/assets/icons/structure.png new file mode 100644 index 0000000..362a76a Binary files /dev/null and b/docs/assets/icons/structure.png differ diff --git a/docs/assets/img/dowload.gif b/docs/assets/img/dowload.gif new file mode 100644 index 0000000..28896a0 Binary files /dev/null and b/docs/assets/img/dowload.gif differ diff --git a/docs/assets/img/home.png b/docs/assets/img/home.png new file mode 100644 index 0000000..feeb5cb Binary files /dev/null and b/docs/assets/img/home.png differ diff --git a/docs/documento-visao/documento-visao.md b/docs/documento-visao/documento-visao.md index 6465c9a..406077b 100644 --- a/docs/documento-visao/documento-visao.md +++ b/docs/documento-visao/documento-visao.md @@ -1,65 +1,94 @@ # Visão do Produto e Projeto +
+ Este documento será usado como guia para registrar as informações gerais do produto e projeto. Ele será refinado e atualizado ao longo do ciclo de vida do desenvolvimento, conforme o padrão ABNT para documentos técnicos. +
+ --- ## Problema ### Contexto do Problema +
-A equipe de competição **Mamutes do Cerrado**, da Universidade de Brasília (UnB) - FCTE, enfrenta desafios significativos em dois pilares centrais: **divulgação externa** e **gestão interna**. Como uma equipe acadêmica e técnica que busca representar a instituição em competições de alto nível, é crucial manter uma forte presença pública para atrair novos membros, patrocinadores e reconhecimento institucional. Simultaneamente, a organização interna é essencial para otimizar processos, garantir transparência e alcançar um desempenho competitivo. +A equipe de competição Mamutes do Cerrado, da Universidade de Brasília (UnB) - FCTE, enfrenta desafios significativos em dois pilares centrais: divulgação externa e gestão interna. Como uma equipe acadêmica e técnica que busca representar a instituição em competições de alto nível, é crucial manter uma forte presença pública para atrair novos membros, patrocinadores e reconhecimento institucional. Simultaneamente, a organização interna é essencial para otimizar processos, garantir transparência e alcançar um desempenho competitivo. Atualmente, a equipe carece de ferramentas integradas que unifiquem a gestão de seus recursos (como estoque e finanças), tarefas (calendários e reuniões) e documentos essenciais. +
+ +--- ### Problema Encontrado -O principal problema enfrentado pelos **Mamutes do Cerrado** é a falta de uma **plataforma centralizada** que conecte as necessidades de **divulgação externa** e **gestão interna**. Isso resulta em: +
-- **Baixa visibilidade externa**: Falta de uma identidade visual unificada e dificuldade em atrair novos membros e patrocinadores. +O principal problema enfrentado pelos Mamutes do Cerrado é a falta de uma plataforma centralizada que conecte as necessidades de divulgação externa e gestão interna. Isso resulta em:

-- **Desorganização interna**: A ausência de ferramentas adequadas para gerenciar tarefas, compromissos, recursos materiais e financeiros gera atrasos, retrabalho e perda de eficiência. +- Baixa visibilidade externa: Falta de uma identidade visual unificada e dificuldade em atrair novos membros e patrocinadores.

-- **Risco de perda de informações**: O armazenamento descentralizado de documentos e atas compromete a transparência e dificulta o acesso às informações essenciais. +- Desorganização interna: A ausência de ferramentas adequadas para gerenciar tarefas, compromissos, recursos materiais e financeiros gera atrasos, retrabalho e perda de eficiência.

-A necessidade de um software surge como uma oportunidade de resolver esses gargalos, otimizando processos internos e fortalecendo a presença externa da equipe. +- Risco de perda de informações: O armazenamento descentralizado de documentos e atas compromete a transparência e dificulta o acesso às informações essenciais.

+ +A necessidade de um software surge como uma oportunidade de resolver esses gargalos, otimizando processos internos e fortalecendo a presença externa da equipe.
+ +
+ +--- ### Diagrama de Ishikawa (Espinha de Peixe) -O diagrama abaixo identifica as causas do problema central: **Ineficiência na gestão e divulgação da equipe**. -**Problema Central:** Ineficiência na gestão e divulgação -1. **Pessoas**: Falta de integração entre os membros; dificuldade em acompanhar tarefas e reuniões. -2. **Processos**: Gestão manual ou uso de ferramentas dispersas; ausência de um padrão de operação. -3. **Tecnologia**: Inexistência de uma plataforma única e dedicada às necessidades específicas da equipe. -4. **Finanças**: Controle inadequado de entradas e saídas financeiras, dificultando o planejamento. -5. **Comunicação**: Divulgação fragmentada, impactando o alcance do público-alvo e a captação de recursos. +
-(Diagrama visual pode ser incluído aqui com as categorias listadas acima conectadas ao problema central.) +O diagrama abaixo identifica as causas do problema central: Ineficiência na gestão e divulgação da equipe .

+ +Problema Central: Ineficiência na gestão e divulgação

+1. Pessoas: Falta de integração entre os membros; dificuldade em acompanhar tarefas e reuniões.
+2. Processos: Gestão manual ou uso de ferramentas dispersas; ausência de um padrão de operação.
+3. Tecnologia: Inexistência de uma plataforma única e dedicada às necessidades específicas da equipe.
+4. Comunicação: Divulgação fragmentada, impactando o alcance do público-alvo e a captação de recursos.
+ +
+ +(colocar diagrama aqui.) + +--- ### Solução Proposta -A solução sugerida é o desenvolvimento de um **aplicativo web unificado**, que aborde as duas dimensões centrais do problema: +
+ +A solução sugerida é o desenvolvimento de um aplicativo web unificado, que aborde as duas dimensões centrais do problema:

+ +1. Divulgação Externa: Uma página inicial atraente e funcional, destacando a identidade visual dos Mamutes do Cerrado, informações sobre os integrantes, competições e o processo seletivo.

-1. **Divulgação Externa**: Uma página inicial atraente e funcional, destacando a identidade visual dos Mamutes do Cerrado, informações sobre os integrantes, competições e o processo seletivo. +2. Gestão Interna: Módulos dedicados para:

+ - Calendário e Tarefas: Organização visual das atividades com quadro Kanban e calendário consolidado.
+ - Estoque: Controle preciso de materiais e peças.
+ - Reuniões: Registro de atas e controle de presença.
+ - Documentos: Centralização e fácil acesso a arquivos importantes.
-2. **Gestão Interna**: Módulos dedicados para: - - **Calendário e Tarefas**: Organização visual das atividades com quadro Kanban e calendário consolidado. - - **Estoque**: Controle preciso de materiais e peças. - - **Reuniões**: Registro de atas e controle de presença. - - **Documentos**: Centralização e fácil acesso a arquivos importantes. - - **Finanças**: Rastreamento de entradas e saídas financeiras, garantindo maior planejamento. +
+ +--- ### Justificativa da Solução -O aplicativo proposto oferece uma abordagem centralizada, promovendo: -- **Eficiência operacional**: Reduzindo o tempo gasto em tarefas administrativas e possibilitando maior foco nas atividades das competições. -- **Transparência e organização**: Com dados centralizados e acessíveis aos membros. -- **Engajamento externo**: Aumentando a visibilidade da equipe e atraindo talentos e recursos estratégicos. -Espera-se que a solução não só resolva os problemas atuais, mas também proporcione um ambiente mais estruturado e motivador para os integrantes, contribuindo diretamente para o sucesso da equipe. +
+ +O aplicativo proposto oferece uma abordagem centralizada, promovendo:

+- Eficiência operacional: Reduzindo o tempo gasto em tarefas administrativas e possibilitando maior foco nas atividades das competições.

+- Transparência e organização: Com dados centralizados e acessíveis aos membros.

+- Engajamento externo: Aumentando a visibilidade da equipe e atraindo talentos e recursos estratégicos.

+ +Espera-se que a solução não só resolva os problemas atuais, mas também proporcione um ambiente mais estruturado e motivador para os integrantes, contribuindo diretamente para o sucesso da equipe.
+
--- ### Declaração de Posição do Produto @@ -72,9 +101,11 @@ Espera-se que a solução não só resolva os problemas atuais, mas também prop | **Ao Contrário** | De soluções dispersas ou inexistentes. | | **Nosso Produto** | Integra gestão e divulgação em um único ambiente acessível. | + --- ### Objetivos do Produto + - **Principal**: Otimizar a gestão interna e fortalecer a presença externa da equipe. - **Secundários**: - Automatizar tarefas administrativas. @@ -85,6 +116,7 @@ Espera-se que a solução não só resolva os problemas atuais, mas também prop ### Tecnologias a Serem Utilizadas + - **Linguagem**: Python - **Framework**: Django - **Banco de Dados**: MySQL @@ -103,6 +135,7 @@ desenvolver --- ### Organização do Projeto + | Papel | Atribuições | Responsáveis | |----------------------|------------------------------------------------------------|-----------------------------| | **Cliente** | Fornecer feedback e acompanhar o progresso | Equipe Mamutes | @@ -111,7 +144,6 @@ desenvolver | **Desenvolvedores** | Codificar e realizar implementações | | | **Analistas de Qualidade** | Garantir qualidade e execuctar testes de software | | - --- ### Planejamento das Fases @@ -180,6 +212,19 @@ Tabela : Cenários funcionais ### Tabela de Backlog do Produto + +

+A representação gráfica da EAP é realizada através de um diagrama hierárquico, que ilustra todas as atividades do projeto de forma estruturada. Este diagrama é uma ferramenta vital para a comunicação clara das expectativas e responsabilidades entre a equipe de projeto. +

+ + + +

+ Figura 1 - EAP de Estruturas
+ Fonte: Autores. +

+ + Tabela : Backlog do produto | Numeração (Cenário / Requisito) | Sprint | Nome do Requisito | Tipo de Requisito (Funcional / Não Funcional) | Priorização do Requisito (Must, Should, Could) | Descrição Sucinta do Requisito | User Stories (U.S.) Associadas | diff --git a/docs/landing.html b/docs/landing.html new file mode 100644 index 0000000..046256c --- /dev/null +++ b/docs/landing.html @@ -0,0 +1,369 @@ + + + + + + + + Aries - Sistema Web + + + + + + + + + + + + + + +
+
+ +
+

Métodos de Desenvolvimento de Software

+

+ Sistema Web para a Equipe de Competição de Aerodesign Mamutes do Cerrado +

+

+ Desenvolvimento de um aplicativo web, concebido para atender às necessidades da equipe de competição Mamutes do Cerrado da UnB - FCTE. + A proposta é oferecer uma plataforma unificada que atenda dois pilares principais: + divulgação da equipe e gerenciamento interno, otimizando a organização e a visibilidade da equipe. +

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

+ Features +

+
+
+
+
+
+

+ Sistema de Autenticação e Níveis de Acesso +

+

+ infos
+
+

+
+
+
+ + + + Elijador + +
+
+
+ +
+
+
+ +
+ + + + + Dashboard + +
+
+
+
+
+

+ Controle de Estoque +

+

+ infos +
+
+

+
+
+
+ +
+
+

+ Registro da Documentação de Voo e Acidentes +

+

+ infos
+
+

+
+
+
+ + + + Imagem do sistema FPV + +
+
+
+ +
+
+
+ +
+ + + + + Dashboard + +
+
+
+
+
+

+ Calendário e Organização de Tarefas +

+

+ infos +
+
+

+
+
+
+ +
+
+

+ Registro de Reuniões e Presenças +

+

+ infos
+
+

+
+
+
+ + Imagem do sistema FPV + +
+
+
+ +
+ + + + + + + + + + + + + + + + + + +
+

+ Aries - Sistema Web +

+
+
+
+

+ Conheça nosso projeto +

+ + + +
+ + + + + + diff --git a/docs/links/links.md b/docs/links/links.md new file mode 100644 index 0000000..7fd87f0 --- /dev/null +++ b/docs/links/links.md @@ -0,0 +1,45 @@ +# Links + +Este documento será usado como guia para os integrantes do projeto tenha acesso mais fácil a outras plataformas utilizadas para o desenvolvimento dos artefatos. + +--- + + +# Links para o Projeto - Geral + +| Categoria | Descrição | Link | +|-------------------------------------|-----------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------| +| **Site Atual** | Site atual da Mamutes do Cerrado | [Acessar](https://mamutesdocerrado.webnode.page/) | +| **Elicitação de Requisitos** | Documento de elicitação de requisitos | [Acessar](https://docs.google.com/document/d/1eGJ4LhoUw1M0hPvZ-4pN6PB24M3ZMEUiX7HHRNB67Go/edit?usp=sharing) | +| **SAE Brasil** | Associação da SAE Brasil | [Acessar](https://www.aeroct.com.br/main/) | +| **Visão Geral do Produto** | Documento de visão geral do produto | [Acessar](https://docs.google.com/document/d/1aETghaZvt51cSd-M-z4xaXjYJR4o9lzZ/edit?usp=drive_link&ouid=103156588424909059898) | +| **Registro de Voos** | Documento de registro de voos | [Acessar](https://unbbr-my.sharepoint.com/:x:/g/personal/211039475_aluno_unb_br/EXe5iL5ZpN9PrWY_d1RwcPkBjdai71m9HT1Hf9pl4Ykdtg?e=RSxgpv&CID=52367319-d573-2829-5918-ff826c14f1e4) | +| **Confiabilidade** | Documento de confiabilidade | [Acessar](https://unbbr-my.sharepoint.com/:x:/g/personal/211039475_aluno_unb_br/EbmijmhQ8oxDqLiCq4aBGXgBklqS-087RaNaLTouaGDmkQ?rtime=ukoS-zYP3Ug) | +| **FMEA** | Tabela FMEA | [Acessar](https://drive.google.com/drive/folders/13MhOG4tuQMfC5uhNSO4BLevcbZqCPCq0) | + +# Links Funcionais para o Front-End do Projeto + +| Categoria | Descrição | Link | +|--------------------------|-----------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------| +| **Requisitos de Front-End** | Requisitos do front-end do projeto | [Acessar](https://www.canva.com/design/DAFQo7YpQgk/8aGu1jU3FS_afrScamCT4A/edit) | +| **Jornada do Usuário** | Jornada do usuário | [Acessar](https://www.canva.com/design/DAFQo7YpQgk/8aGu1jU3FS_afrScamCT4A/edit) | +| **Requisitos de Páginas**| Requisitos de páginas | [Acessar](https://docs.google.com/document/d/1kDp9HKBoK-4CKxUfCm3X-8PvnqyY_zZ2xrZw05No-v8/edit?usp=sharing) | + +# Vetores da Equipe + +| Categoria | Descrição | Link | +|-------------------------------------|-----------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------| +| **Logos e Equipe** | Logos, equipe e aviões | [Acessar](https://drive.google.com/drive/folders/1PDakYyq3HlnOjbSQdcVYyuiaWwMWpDyG) | +| **Carta de Apresentação** | Carta de apresentação da Mamutes | [Baixar](Carta_de_apresentacao_2024.1_att.pdf) | +| **Carta para Trainees** | Carta de apresentação para trainees | [Acessar](https://www.canva.com/design/DAFQo7YpQgk/8aGu1jU3FS_afrScamCT4A/edit) | +| **Identidade Visual** | Identidade visual da Mamutes | [Acessar](https://www.canva.com/design/DAF8VR2Xxk8/_4jApDRMv2dSSKxfq5o1mw/edit) | +| **Hall da Fama** | Forms “Hall da Fama da Mamutes” | [Acessar](https://docs.google.com/forms/d/e/1FAIpQLSeWypugBla9NkrbHpuS2zU-Xz-fnrAjlXEt8TosyV63FRndrw/viewform) | +| **Case de Sucesso** | Case de sucesso | [Baixar](case de sucesso.pdf) | + + +--- +# Tabela de Versionamento + +| Versão | Data | Descrição da Alteração | Nome(s) Integrante(s) | +| :----: | :--: | :--------------------: | :-------------------: | +| 1.0 | 28/11/2024 | Criação da Estrutura do Arquivo e Inserção dos Links Encontrados | Felipe Freire | \ No newline at end of file diff --git a/docs/stylesheets/styles.css b/docs/stylesheets/styles.css new file mode 100644 index 0000000..c009a24 --- /dev/null +++ b/docs/stylesheets/styles.css @@ -0,0 +1,368 @@ +/*----------------------------- ESTILO DAS TABELAS -----------------------------*/ +.center-table { + margin-left: auto; + margin-right: auto; + border-collapse: collapse; + width: 80%; +} +.center-table th, .center-table td { + padding: 8px 12px; + border: 1px solid #ddd; + text-align: left; + font-size: 14px; +} +.center-table th { + background-color: #3c8ae1; + font-weight: bold; +} +.center-table tr:nth-child(even) { + background-color: #f9f9f9; +} +.center-table tr:hover { + background-color: #746f6f; + +} +/*----------------------------- MODO ESCURO -----------------------------*/ +[data-md-color-scheme="slate"] .center-table th { + background-color: #3c8ae1; + color: #000; + font-weight: bold; +} +[data-md-color-scheme="slate"] .center-table td { + background-color: transparent; + color: #FFF; + border: 1px solid #666; +} +[data-md-color-scheme="slate"] .center-table tr:nth-child(even) { + background-color: transparent; +} +/*------------------------------------------------------------------------*/ + + + + + +/*--------------------------- IMAGENS E FIGURAS ---------------------------*/ +.zoom{ + transition: transform .6s; + background-color: transparent; + } +.zoom:hover{ +transform: scale(1.5); +} +.pictures { + display: flex; + flex-wrap: wrap; + justify-content: space-around; +} +.pictures-artefacts { + display: center; + flex-wrap: wrap; + justify-content: space-around; +} +.pessoa { + padding-bottom: 1rem; +} +.photo-border { + border-radius: 25px; + width: 12em; + height: 12em; + overflow: hidden; + transition: all 0.3s; + margin-bottom: 1rem; + box-shadow: 0 0 5px #000000; + border-style: solid; + border-width: 3px; + border-color: #000000; + z-index: 3; + transition: opacity 0.5s !important; +} +.photo-border:hover { + opacity: 0.6; + box-shadow: 0 0 10px #000000; +} +.photo-border img { + overflow: hidden; + width: 100%; /* A imagem ocupa 100% da largura do container */ + height: 100%; /* A imagem ocupa 100% da altura do container */ + object-fit: cover; /* Garante que a imagem cubra o espaço sem distorção */ +} +.custom-photo-border { + position: relative; /* Permite sobreposições */ + border-radius: 25px; /* Bordas arredondadas */ + width: 100%; /* A imagem ocupa toda a largura disponível */ + max-width: 1000px; /* Limite máximo de largura */ + overflow: hidden; /* Garante que o conteúdo siga o contorno arredondado */ + margin-bottom: 1rem; /* Espaçamento entre imagens */ + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Sombra elegante */ + border: 3px solid transparent; /* Borda inicial transparente */ + background: linear-gradient(120deg, #3c8ae1, #3c8ae1, #3c8ae1); /* Gradiente ao redor */ + padding: 3px; /* Espaço para criar o efeito do gradiente */ + transition: all 0.5s ease; /* Transições suaves */ + z-index: 3; +} +.custom-photo-border:hover { + transform: scale(1.05); /* Efeito de zoom */ + box-shadow: 0 6px 25px rgba(0, 0, 0, 0.5); /* Sombra mais pronunciada */ + opacity: 0.9; /* Leve transparência */ +} +.custom-photo-border img { + width: 100%; /* Imagem ocupa 100% da largura do container */ + height: auto; /* Mantém a proporção */ + object-fit: cover; /* Garante que a imagem cubra o espaço sem distorção */ + border-radius: 22px; /* Levemente menor que o container para encaixar */ + transition: transform 0.5s ease; /* Transição para o zoom */ +} +.custom-photo-border:hover img { + transform: scale(1.1); /* Efeito de zoom suave ao passar o mouse */ +} +.photoRepo{ + padding: 5px; +} +/*----------------------------- MODO ESCURO -----------------------------*/ +[data-md-color-scheme="slate"] .zoom { + background: transparent; /* Cor escura */ +} +/*------------------------------------------------------------------------*/ + + + + + +/*--------------------------------- MD ----------------------------------*/ +.md-header { + background-color: #3c8ae1; +} +.md-tabs { + background: linear-gradient(to bottom, #3c8ae1, #3c8ae1, #3c8ae1); +} +.md-search__form { + background-color: #c8c8c8; +} +.md-footer { + background-color: #3c8ae1; +} +.md-tabs__item a { + font-size: 16px; + font-weight: bold; +} +.md-typeset table:not([class]) th { + background-color: #3c8ae1; +} +/*----------------------------- MODO ESCURO -----------------------------*/ +[data-md-color-scheme="slate"] .md-tabs { + background: #333; /* Cor escura */ +} +/*------------------------------------------------------------------------*/ + + + + + +/*------------------------------- LEGENDA -------------------------------*/ +.legenda { + /* color: #FF8113; */ + text-align: center; +} +.legenda:hover { + opacity: 0.6; +} +/*------------------------------------------------------------------------*/ + + + + + +/*------------------------------- OUTROS -------------------------------*/ +th { + color: #000000; + font-weight: bold; +} +.repo-border { + border-radius: 25px; + width: 9em; + height: 9em; + overflow: hidden; + transition: all 0.3s; + margin-bottom: 1rem; + box-shadow: 0 0 5px #000000; + border-style: solid; + border-width: 3px; + border-color: #000000; + z-index: 3; + transition: opacity 0.5s !important; +} +.repo-border img { + width: 9em; + height: 9em; + object-fit: contain; +} +.repo-border:hover { + opacity: 0.6; + box-shadow: 0 0 10px #000000; +} +.link-title { + display: flex; + justify-content: center; + align-items: center; + transition: 0.2s all; +} +.link-title:hover { + opacity: 0.6; +} +.video-container { + background-color: #000000; + padding: 2px; + border-radius: 4px; + box-shadow: 0 0 10px #000000; +} +.release-video { + display: flex; + width: 100%; + height: 20rem; + border: 0; +} +/*------------------------------------------------------------------------*/ + + + + + +/*--------------------------- TIMELINE ---------------------------*/ + .timeline { + position: relative; + } + .timeline::before { + content: ""; + background: #C5CAE9; + width: 5px; + height: 95%; + position: absolute; + left: 50%; + transform: translateX(-50%); + } + + .timeline-item { + width: 100%; + margin-bottom: 70px; + } + .timeline-item:nth-child(even) .timeline-content { + float: right; + padding: 40px 30px 10px 30px; + } + .timeline-item:nth-child(even) .timeline-content .date { + right: auto; + left: 0; + } + .timeline-item:nth-child(even) .timeline-content::after { + content: ""; + position: absolute; + border-style: solid; + width: 0; + height: 0; + top: 30px; + left: -15px; + border-width: 10px 15px 10px 0; + border-color: transparent #f5f5f5 transparent transparent; + } + .timeline-item::after { + content: ""; + display: block; + clear: both; + } + + .timeline-content { + position: relative; + width: 45%; + padding: 10px 30px; + border-radius: 4px; + background: #f5f5f5; + box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3); + } + .timeline-content::after { + content: ""; + position: absolute; + border-style: solid; + width: 0; + height: 0; + top: 30px; + right: -15px; + border-width: 10px 0 10px 15px; + border-color: transparent transparent transparent #f5f5f5; + } + + .timeline-img { + width: 30px; + height: 30px; + background: #3F51B5; + border-radius: 50%; + position: absolute; + left: 50%; + margin-top: 25px; + margin-left: -15px; + } + + .timeline-card { + padding: 0 !important; + } + .timeline-card p { + padding: 0 20px; + } + .timeline-card a { + margin-left: 20px; + } + + .timeline-item .timeline-img-header { + background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://picsum.photos/1000/800/?random") center center no-repeat; + background-size: cover; + } + + .timeline-img-header { + height: 200px; + position: relative; + margin-bottom: 20px; + } + .timeline-img-header h2 { + color: #FFFFFF; + position: absolute; + bottom: 5px; + left: 20px; + } + + .date { + background: #FF4081; + display: inline-block; + color: #FFFFFF; + padding: 10px; + position: absolute; + top: 0; + right: 0; + } + + @media screen and (max-width: 768px) { + .timeline::before { + left: 50px; + } + .timeline .timeline-img { + left: 50px; + } + .timeline .timeline-content { + max-width: 100%; + width: auto; + margin-left: 70px; + } + .timeline .timeline-item:nth-child(even) .timeline-content { + float: none; + } + .timeline .timeline-item:nth-child(odd) .timeline-content::after { + content: ""; + position: absolute; + border-style: solid; + width: 0; + height: 0; + top: 30px; + left: -15px; + border-width: 10px 15px 10px 0; + border-color: transparent #f5f5f5 transparent transparent; + } + } \ No newline at end of file diff --git a/mkdocs.yml b/mkdocs.yml index ce4b391..4df7c85 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -1,9 +1,10 @@ site_name: Documentação Mamutes do Cerrado nav: + - Landing Page: "landing.html" - Apresentação: index.md - - Atas de reuniao: + - Atas: - Cliente: - Ata 1: "atas-reuniao/cliente/ata-reuniao-1.md" - Ata 2: "atas-reuniao/cliente/ata-reuniao-2.md" @@ -15,10 +16,13 @@ nav: - Ata 2: "atas-reuniao/equipe/ata-reuniao-2-equipe.md" - Ata 3: "atas-reuniao/equipe/ata-reuniao-3-equipe.md" - - Documentação de Visão: "documento-visao/documento-visao.md" - - Documentação de Requisitos: "documento-requisitos/documento-requisitos.md" - - Documentação de Arquitetura: "documento-arquitetura/documento-arquitetura.md" - - Documentação do Plano de Testes: "documento-plano-testes/documento-plano-testes.md" + - Documentação: + - Visão Geral: "documento-visao/documento-visao.md" + - Requisitos: "documento-requisitos/documento-requisitos.md" + - Arquitetura: "documento-arquitetura/documento-arquitetura.md" + - Plano de Testes: "documento-plano-testes/documento-plano-testes.md" + + - Links: "links/links.md" theme: name: material @@ -26,12 +30,37 @@ theme: - content.code.annotate - content.tabs.link - header.autohide + - navigation.expand - navigation.instant - navigation.sections - navigation.tabs - navigation.top - navigation.tracking - language: pt + + palette: + # Paleta para modo claro + - scheme: default + primary: white + accent: light blue + toggle: + icon: material/weather-night + name: Mudar para modo escuro + + # Paleta para modo escuro + - scheme: slate + primary: black + accent: light blue + toggle: + icon: material/weather-sunny + name: Mudar para modo claro + + font: + text: Roboto + code: Roboto Mono + +extra_css: + - stylesheets/styles.css + - https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css styles_css: - - view/css/styles.css \ No newline at end of file + - view/css/styles.css