Landing page e documento Dossie (#166)

## Descrição Este Pull Request contém a nova estilização da LandingPage mais organizada e intuitiva. Além disso, possui o documento de Dossie solicitado pela professora coordenadora ## Mudanças Propostas Liste as principais mudanças propostas neste pull request. ## Checklist Antes de enviar este pull request, certifique-se de que todas as seguintes etapas tenham sido seguidas: - [x] As mudanças propostas foram testadas localmente. - [x] As mudanças propostas não afetam as funcionalidades existentes do projeto. - [x] A documentação foi atualizada, se necessário. - [x] As convenções de codificação foram seguidas.
ResidenciaTICBrisa · Aug 20, 2024 · 16456fe · 16456fe
2 parents 41ee1cd + e36e4c9
commit 16456fe
Show file tree

Hide file tree

Showing 4 changed files with 187 additions and 26 deletions.
diff --git a/docs/assets/DARCY_28_miniatura.png b/docs/assets/DARCY_28_miniatura.png
diff --git a/docs/landingPage/landingPage.html b/docs/landingPage/landingPage.html
@@ -8,16 +8,17 @@
     <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/tailwind.min.css"/>
     <style>
         .gradient {
-            background: linear-gradient(90deg, #6b9ed1 0%, #af58d1 100%);
+            background: linear-gradient(90deg, #01b658 0%, #143225 100%);
         }
+
     </style>
 </head>
 <body class="leading-normal tracking-normal text-white gradient" style="font-family: 'Source Sans Pro', sans-serif;">
     <!--Nav-->
     <nav id="header" class="fixed w-full z-30 top-0 text-white">
         <div class="w-full container mx-auto flex items-center justify-between py-2">
             <div class="pl-4 flex items-center">
-                <img src="../assets/ticabrisalogo.png" alt="Darcy Logo" class="h-8 mr-2"/>
+                <img src="../assets/ticabrisalogo.png" alt="Darcy Logo" class="h-12 mr-4"/>
                 <a class="toggleColour text-white no-underline hover:no-underline font-bold text-2xl lg:text-4xl" href="../assets/ticabrisalogo.png">
                     Revista Darcy
                 </a>
@@ -42,18 +43,21 @@
                         <a class="inline-block text-black no-underline hover:text-gray-800 hover:text-underline py-2 px-4" href="https://residenciaticbrisa.github.io/T2G7-Revista-Darcy">Documentação</a>
                     </li>
                 </ul>
-                <a href="https://revistadarcy.unb.br/">
-                    <button id="navAction" class="mx-auto lg:mx-0 hover:underline bg-blue-100 text-gray-800 font-bold rounded-full mt-4 lg:mt-0 py-4 px-8 shadow opacity-75 focus:outline-none focus:shadow-outline transform transition hover:scale-105 duration-300 ease-in-out">
-                        Conheça o site
+                <a href="https://revistadarcy.sites.homologa.unb.br/">
+                    <button id="navAction" 
+                            class="mx-auto lg:mx-0 bg-blue-100 text-gray-800 font-bold rounded-full mt-4 lg:mt-0 py-4 px-8 shadow opacity-75 focus:outline-none focus:shadow-outline transform transition hover:scale-105 duration-300 ease-in-out hover:bg-white hover:text-black">
+                      Conheça o site
                     </button>
-                </a>
+                  </a>
+
+
             </div>
         </div>
         <hr class="border-b border-gray-100 opacity-25 my-0 py-0" />
     </nav>
 
     <!--Hero-->
-    <div class="pt-24">
+    <div class="pt-24 ">
         <div class="container px-3 mx-auto flex flex-wrap flex-col md:flex-row items-center">
             <!--Left Col-->
             <div class="flex flex-col w-full md:w-2/5 text-center md:text-left">
@@ -74,8 +78,22 @@ <h1 class="my-4 text-5xl font-bold leading-tight">
             </div>
             <!--Right Col-->
             <div class="w-full md:w-3/5 py-6 flex justify-center">
-                <img src="../assets/darcy_30_miniatura.png" />
+                <div class="relative w-full md:w-3/5 py-6 flex justify-center">
+                    <!-- Imagem esquerda -->
+                    <img src="../assets/DARCY_29_miniatura.png" class="absolute left-0 z-10 w-1/2 h-auto object-cover" style="top: -350%; transform: translateY(0);" />
+                    <!-- Imagem do meio -->
+                    <img src="../assets/darcy_30_miniatura.png" class="absolute top-1/2 transform -translate-y-1/2 z-20 w-1/2 h-auto object-cover" style="top: -350%; transform: translateY(0);" />
+                    <!-- Imagem direita -->
+                    <img src="../assets/DARCY_28_miniatura.png" class="absolute right-0 z-10 w-1/2 h-auto object-cover" style="top: -350%; transform: translateY(0);" />
+                </div>
+
+
+
+
+
+
             </div>
+
         </div>
     </div>
 
@@ -106,50 +124,97 @@ <h2 class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-80
             </div>
             <div class="flex flex-wrap">
                 <div class="w-full sm:w-1/2 p-6">
-                    <h3 class="text-3xl text-gray-800 font-bold leading-none mb-3">
+                    <h3 class="text-3xl text-gray-800 font-bold leading-none mb-3 text-center">
                         Edições 
                     </h3>
-                    <p class="text-gray-600 mb-8">
+                    <p class="text-gray-600 mb-8 text-justify">
                         A Revista Darcy oferece edições que destacam a contribuição 
                         da Universidade de Brasília para as ciências e a educação. 
                         Explore todas as edições e reportagens para ver como a UnB 
                         promove o desenvolvimento educacional.
-                        Acompanhe todas as edições da Revista Darcy.
+                        Acompanhe todas as edições da Revista Darcy em nossa nova Plataforma
+                        agora mais intuitiva e com novo design e identidade visual. Leia as edições 
+                        diretamente no site, navegue pelos artigos e conheça nossa Universidade.
                     </p>
                 </div>
-                <div class="w-full sm:w-1/2 p-6">
-                    <svg class="w-full sm:h-64 mx-auto" viewBox="0 0 1157 598.5" xmlns="http://www.w3.org/2000/svg">
-                        <!-- Your SVG content here -->
-                    </svg>
+                <div class="w-full sm:w-1/2 p-6 ">
+                    <h3 class="text-3xl text-gray-800 font-bold leading-none mb-3 text-center">
+                        Valores 
+                    </h3>
+                    <p class="text-gray-600 mb-8 text-justify">
+                        A revista Darcy é uma publicação de jornalismo científico e 
+                        cultural da Universidade de Brasília, produzida pela Secretaria 
+                        de Comunicação desde 2009. Pensada para ser uma vitrine da produção 
+                        científica da UnB, suas reportagens divulgam, em linguagem acessível, 
+                        as atividades de pesquisa e extensão da Universidade. A Darcy contribui 
+                        para democratizar o acesso ao conhecimento produzido nas diversas áreas 
+                        do saber e fomenta a reflexão sobre temas contemporâneos de interesse 
+                        público. 
+                    </p>
                 </div>
             </div>
             <div class="flex flex-wrap flex-col-reverse sm:flex-row">
                 <div class="w-full sm:w-1/2 p-6 mt-6">
-                    <svg class="w-full sm:h-64 mx-auto" viewBox="0 0 3000 3000" xmlns="http://www.w3.org/2000/svg">
-                        <!-- Your SVG content here -->
-                    </svg>
+                    <div class="align-middle">
+                        <h3 class="text-3xl text-gray-800 font-bold leading-none mb-3 text-center">
+                            Opinião dos Leitores
+                        </h3>
+                        <p class="text-gray-600 mb-8 text-justify">
+                            Interessante, contextualizada e humana são as três características 
+                            que melhor representam a revista Darcy na análise de estudantes 
+                            de Comunicação Organizacional da Universidade de Brasília. 
+                            Para 94% deles, a clareza da linguagem utilizada é boa ou 
+                            excelente e 82% afirmam que os recursos visuais da publicação 
+                            contribuem positivamente para entender o assunto abordado.
+                        </p>
+                    </div>
                 </div>
                 <div class="w-full sm:w-1/2 p-6 mt-6">
                     <div class="align-middle">
-                        <h3 class="text-3xl text-gray-800 font-bold leading-none mb-3">
+                        <h3 class="text-3xl text-gray-800 font-bold leading-none mb-3 text-center">
                             Projeto
                         </h3>
-                        <p class="text-gray-600 mb-8">
-                            Este projeto é fruto do programa de Residência em TIC, conduzido pela 
-                            BRISA – Sociedade para o Desenvolvimento 
-                            da Tecnologia da Informação –, em parceria com a Faculdade 
-                            UnB Gama, com apoio da SOFTEX – Associação para Promoção da 
-                            Excelência do Software Brasileiro – e do MCTI – Ministério da 
-                            Ciência, Tecnologia e Inovação.
+                        <p class="text-gray-600 mb-8 text-justify">
+                            A reformulação do site é um trabalho da Secretaria de 
+                            Comunicação (Secom/UnB) em parceria com acadêmicos do 
+                            Programa de Residência em TIC do projeto BRISA – Sociedade 
+                            para o Desenvolvimento da Tecnologia da Informação, do 
+                            Laboratório Avançado de Produção, Pesquisa & Inovação 
+                            em Software (LAPPIS), da Faculdade UnB Gama (FGA).
                         </p>
                     </div>
                 </div>
             </div>
         </div>
+
     </section>
 
+</section>
+
+
+<!-- Efeito de onda dividindo as seções, invertido -->
+<div class="relative">
+    <svg viewBox="0 0 1428 174" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="transform: scaleY(-1);">
+        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g transform="translate(-2.000000, 44.000000)" fill="#FFFFFF" fill-rule="nonzero">
+                <path d="M0,0 C90.7283404,0.927527913 147.912752,27.187927 291.910178,59.9119003 C387.908462,81.7278826 543.605069,89.334785 759,82.7326078 C469.336065,156.254352 216.336065,153.6679 0,74.9732496" opacity="0.100000001"></path>
+                <path d="M100,104.708498 C277.413333,72.2345949 426.147877,52.5246657 546.203633,45.5787101 C666.259389,38.6327546 810.524845,41.7979068 979,55.0741668 C931.069965,56.122511 810.303266,74.8455141 616.699903,111.243176 C423.096539,147.640838 250.863238,145.462612 100,104.708498 Z" opacity="0.100000001"></path>
+                <path d="M1046,51.6521276 C1130.83045,29.328812 1279.08318,17.607883 1439,40.1656806 L1439,120 C1271.17211,77.9435312 1140.17211,55.1609071 1046,51.6521276 Z" id="Path-4" opacity="0.200000003"></path>
+            </g>
+            <g transform="translate(-4.000000, 76.000000)" fill="#FFFFFF" fill-rule="nonzero">
+                <path d="M0.457,34.035 C57.086,53.198 98.208,65.809 123.822,71.865 C181.454,85.495 234.295,90.29 272.033,93.459 C311.355,96.759 396.635,95.801 461.025,91.663 C486.76,90.01 518.727,86.372 556.926,80.752 C595.747,74.596 622.372,70.008 636.799,66.991 C663.913,61.324 712.501,49.503 727.605,46.128 C780.47,34.317 818.839,22.532 856.324,15.904 C922.689,4.169 955.676,2.522 1011.185,0.432 C1060.705,1.477 1097.39,3.129 1121.236,5.387 C1161.703,9.219 1208.621,17.821 1235.4,22.304 C1285.855,30.748 1354.351,47.432 1440.886,72.354 L1441.191,104.352 L1.121,104.031 L0.457,34.035 Z"></path>
+            </g>
+        </g>
+    </svg>
+</div>
+
+
+
+
+
     <!-- Call to Action -->
     <section class="container mx-auto text-center py-6 mb-12">
+
         <h2 class="w-full my-2 text-5xl font-bold leading-tight text-center text-white">
             Revista Darcy
         </h2>
@@ -166,6 +231,71 @@ <h3 class="my-4 text-3xl leading-tight">
         </a>
     </section>
 
+<!-- Seção de Participantes -->
+<section class="py-12" id="participants">
+    <div class="container mx-auto px-6">
+        <h2 class="text-4xl font-bold text-center text-white mb-8">Participantes do Projeto</h2>
+        <div class="flex flex-wrap -mx-4">
+            <!-- Participante 1 -->
+            <a href="https://github.com/gabriel-moraiss" class="w-full sm:w-1/2 md:w-1/3 lg:w-1/3 px-4 mb-8 block transform hover:scale-110 transition-transform duration-300">
+                <div class="#143225 p-6 rounded-lg shadow-lg">
+                    <img src="https://avatars.githubusercontent.com/u/160560632?v=4" alt="Participante 1" class="w-32 h-32 object-cover rounded-full mx-auto mb-4"/>
+                    <h3 class="text-xl font-semibold text-center text-white mb-2">Gabriel Morais</h3>
+                    <p class="text-center text-white">Desenvolvedor</p>
+                </div>
+            </a>
+
+            <!-- Participante 2 -->
+            <a href="https://github.com/JeffersonSenaa" class="w-full sm:w-1/2 md:w-1/3 lg:w-1/3 px-4 mb-8 block transform hover:scale-110 transition-transform duration-300">
+                <div class="#143225 p-6 rounded-lg shadow-lg">
+                    <img src="https://avatars.githubusercontent.com/u/73854228?v=4" alt="Participante 2" class="w-32 h-32 object-cover rounded-full mx-auto mb-4"/>
+                    <h3 class="text-xl font-semibold text-center text-white mb-2">Jefferson Sena</h3>
+                    <p class="text-center text-white">Product Owner</p>
+                </div>
+            </a>
+
+            <!-- Participante 3 -->
+            <a href="https://github.com/joseandre25" class="w-full sm:w-1/2 md:w-1/3 lg:w-1/3 px-4 mb-8 block transform hover:scale-110 transition-transform duration-300">
+                <div class="#143225 p-6 rounded-lg shadow-lg">
+                    <img src="https://avatars.githubusercontent.com/u/98027989?v=4" alt="Participante 3" class="w-32 h-32 object-cover rounded-full mx-auto mb-4"/>
+                    <h3 class="text-xl font-semibold text-center text-white mb-2">José André</h3>
+                    <p class="text-center text-white">Scrum Master</p>
+                </div>
+            </a>
+
+            <!-- Participante 4 -->
+            <a href="https://github.com/joselitopradomarques" class="w-full sm:w-1/2 md:w-1/3 lg:w-1/3 px-4 mb-8 block transform hover:scale-110 transition-transform duration-300">
+                <div class="#143225 p-6 rounded-lg shadow-lg">
+                    <img src="https://avatars.githubusercontent.com/u/22534900?v=4" alt="Participante 4" class="w-32 h-32 object-cover rounded-full mx-auto mb-4"/>
+                    <h3 class="text-xl font-semibold text-center text-white mb-2">Joselito Marques</h3>
+                    <p class="text-center text-white">Desenvolvedor</p>
+                </div>
+            </a>
+
+            <!-- Participante 5 -->
+            <a href="https://github.com/luisfilipe3" class="w-full sm:w-1/2 md:w-1/3 lg:w-1/3 px-4 mb-8 block transform hover:scale-110 transition-transform duration-300">
+                <div class="#143225 p-6 rounded-lg shadow-lg">
+                    <img src="https://avatars.githubusercontent.com/u/135170965?v=4" alt="Participante 5" class="w-32 h-32 object-cover rounded-full mx-auto mb-4"/>
+                    <h3 class="text-xl font-semibold text-center text-white mb-2">Luís Filipe</h3>
+                    <p class="text-center text-white">Desenvolvedor</p>
+                </div>
+            </a>
+
+            <!-- Participante 6 -->
+            <a href="https://github.com/Tiago1604" class="w-full sm:w-1/2 md:w-1/3 lg:w-1/3 px-4 mb-8 block transform hover:scale-110 transition-transform duration-300">
+                <div class="#143225 p-6 rounded-lg shadow-lg">
+                    <img src="https://avatars.githubusercontent.com/u/98188815?v=4" alt="Participante 6" class="w-32 h-32 object-cover rounded-full mx-auto mb-4"/>
+                    <h3 class="text-xl font-semibold text-center text-white mb-2">Tiago Albuquerque</h3>
+                    <p class="text-center text-white">Desenvolvedor</p>
+                </div>
+            </a>
+        </div>
+    </div>
+</section>
+
+
+
+
     <script>
         var scrollpos = window.scrollY;
         var header = document.getElementById("header");

diff --git a/docs/release/dossie.md b/docs/release/dossie.md
@@ -0,0 +1,30 @@
+# Interações do Projeto
+
+## Introdução
+
+O projeto foi conduzido pela equipe de desenvolvimento Brisa e pela equipe de design e editorial da Secom (Secretaria de Comunicação da UnB). Durante as diversas etapas do projeto, foram necessárias interações com a STI (Secretaria de Tecnologia da Informação) para questões como o ambiente de hospedagem do site e dúvidas sobre o processo de implantação. No entanto, houve posicionamentos que agravaram o desempenho do projeto, resultando na necessidade de alterações nos requisitos, adaptações no cronograma e mudanças no escopo. Este documento tem o objetivo de destacar as dificuldades enfrentadas durante o desenvolvimento do projeto.
+
+## Descrição dos Processos
+
+### Escopo Inicial
+
+O escopo inicial do projeto envolvia o desenvolvimento de uma aplicação local WordPress utilizando o tema Gov.br produzido pelo IBCT. Na Release 1 do projeto, a versão inicial do site foi criada com este tema e plugins específicos para leitura dinâmica de PDFs e design das páginas.
+
+### Problemas com Migração de Dados
+
+Durante a migração do site, foi necessário utilizar um plugin chamado FGJoomla para a migração automatizada do conteúdo do site anterior para o novo site WordPress. No entanto, as tentativas de solicitação do acesso necessário ao banco de dados, essencial para a utilização do plugin, não tiveram sucesso pois a STI disponibilizou apenas o backup do site. A falta de acesso ao banco de dados levou à busca por soluções alternativas.
+
+### Alterações no Escopo e Ambiente de Homologação
+
+Quando se iniciou a tarefa de colocar o site em ambiente de homologação, surgiram novos problemas. A cliente solicitou por e-mail orientações sobre o processo de implantação em ambiente de homologação sendo posteriormente reforçadas pelo Product Owner, devido à demora na resposta da STI (devida à greve dos técnicos administrativos). A partir da resposta da STI, foi informado que o protótipo em desenvolvimento não teria suporte posterior se fosse produzido localmente, o que tornava inviável para o cliente essa abordagem, considerando que a equipe de desenvolvimento da Brisa tinha um prazo definido.
+
+Como alternativa, a STI ofereceu um tema WordPress desenvolvido por eles, que permitiria à Secom obter suporte futuro da STI. No entanto, o modelo disponibilizado e o ambiente de homologação tinham restrições que impediam o desenvolvimento de certos requisitos. O time de desenvolvimento do Brisa possuia apenas acesso de Editor no ambiente WordPress o que restringia a instalação de plugins e alterações mais sensíveis.
+
+### Restrições e Consequências
+
+Após a mudança de escopo e a transição para o ambiente de homologação, foram feitas tentativas de instalar plugins para migração de dados, leitura de PDFs e instalação de fontes. No entanto, a solicitação da instalação do plugin por parte da STI não foi atendida.Segundo eles, as versões dos plugin não eram compartíveis com o tema e as versões compatíveis eram pagas. Como resultado, a migração teve que ser feita manualmente e o design não utilizou a fonte UnB Pro. 
+
+Ao fazer solicitações para instalação de um plugin para leitura de PDF online, o plugin não possuía o mesmo comportamento que o que havia sido testado anteriormente. Questionando a STI sobre qual versão do plugin havia sido instalada não foi obtido resposta.
+
+Portanto, o projeto sofreu diversas dificuldades durante o processo de desenvolvimento o que ocasionou em diversas mudanças e vários requisitos que dependiam desses plugins não puderam ser implementados por conta das restrições impostas.
+
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -49,6 +49,7 @@ nav:
       - Commit: politicas/commit.md
       - Conduta: politicas/conduta.md
       - Plano de Comunicação: politicas/plano-de-comunicacao.md
+      - Dossie: release/dossie.md
     - Sprints:
       - Sprint 00: 
         - Planejamento: sprints/sprint00/planejamento.md