Skip to content

Commit

Permalink
Adicionando Landing Page
Browse files Browse the repository at this point in the history
  • Loading branch information
@JeffersonSenaa
JeffersonSenaa committed Jul 22, 2024
1 parent 3be5f64 commit b50368e
Show file tree
Hide file tree
Showing 4 changed files with 197 additions and 1 deletion.
Binary file added docs/assets/DARCY_29_miniatura.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/assets/darcy_30_miniatura.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
195 changes: 195 additions & 0 deletions docs/landingPage/landingPage.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,195 @@
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Revista Darcy</title>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/tailwind.min.css"/>
<style>
.gradient {
background: linear-gradient(90deg, #6b9ed1 0%, #af58d1 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"/>
<a class="toggleColour text-white no-underline hover:no-underline font-bold text-2xl lg:text-4xl" href="../assets/ticabrisalogo.png">
Revista Darcy
</a>
</div>
<div class="block lg:hidden pr-4">
<button id="nav-toggle" class="flex items-center p-1 text-yellow-800 hover:text-gray-900 focus:outline-none focus:shadow-outline transform transition hover:scale-105 duration-300 ease-in-out">
<svg class="fill-current h-6 w-6" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<title>Menu</title>
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
</svg>
</button>
</div>
<div class="hidden lg:flex lg:items-center lg:w-auto bg-white lg:bg-transparent text-black p-4 lg:p-0 z-20" id="nav-content">
<ul class="list-reset lg:flex justify-end flex-1 items-center">
<li class="mr-3">
<a class="inline-block py-2 px-4 text-black font-bold no-underline" href="#features">Features</a>
</li>
<li class="mr-3">
<a class="inline-block text-black no-underline hover:text-gray-800 hover:text-underline py-2 px-4" href="https://github.com/ResidenciaTICBrisa/T2G7-Revista-Darcy">GitHub</a>
</li>
<li class="mr-3">
<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
</button>
</a>
</div>
</div>
<hr class="border-b border-gray-100 opacity-25 my-0 py-0" />
</nav>

<!--Hero-->
<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">
<p class="leading-normal text-2xl mb-4">
Bem Vindo ao Revista Darcy
</p>
<h1 class="my-4 text-5xl font-bold leading-tight">
Plataforma com as principais notícias da Universidade de Brasília.
</h1>
<p class="leading-normal text-2xl mb-4">
Acesse nossa documentação e saiba mais.
</p>
<a href="https://residenciaticbrisa.github.io/T2G7-Revista-Darcy/">
<button class="mx-auto lg:mx-0 hover:underline bg-blue-100 text-gray-800 font-bold rounded-full py-4 mb-20 px-8 shadow-lg focus:outline-none focus:shadow-outline transform transition hover:scale-105 duration-300 ease-in-out">
Saiba mais
</button>
</a>
</div>
<!--Right Col-->
<div class="w-full md:w-3/5 py-6 flex justify-center">
<img src="../assets/darcy_30_miniatura.png" />
</div>
</div>
</div>

<!-- Efeito de onda dividindo as seções -->
<div class="relative -mt-12 lg:-mt-24">
<svg viewBox="0 0 1428 174" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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>

<!-- Features -->
<section class="bg-white border-b py-8" id="features">
<div class="container max-w-5xl mx-auto px-8">
<h2 class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-800">
Funcionalidades
</h2>
<div class="w-full mb-4">
<div class="h-1 mx-auto gradient w-64 opacity-25 my-0 py-0 rounded-t"></div>
</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">
Edições
</h3>
<p class="text-gray-600 mb-8">
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.
</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>
</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>
<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">
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>
</div>
</div>
</div>
</div>
</section>

<!-- 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>
<div class="w-full mb-4">
<div class="h-1 mx-auto bg-white w-1/6 opacity-25 my-0 py-0 rounded-t"></div>
</div>
<h3 class="my-4 text-3xl leading-tight">
Assine a Revista Darcy e fique por dentro de todas as novidades.
</h3>
<a href="https://revistadarcy.unb.br/assine-darcy" >
<button class="mx-auto lg:mx-0 hover:underline bg-blue-100 text-gray-800 font-bold rounded-full my-6 py-4 px-8 shadow-lg focus:outline-none focus:shadow-outline transform transition hover:scale-105 duration-300 ease-in-out">
Clique aqui
</button>
</a>
</section>

<script>
var scrollpos = window.scrollY;
var header = document.getElementById("header");
var navcontent = document.getElementById("nav-content");
var navaction = document.getElementById("navAction");
var toToggle = document.querySelectorAll(".toggleColour");

document.addEventListener("scroll", function () {
scrollpos = window.scrollY;

if (scrollpos > 10) {
header.classList.add("bg-white", "shadow");
navaction.classList.replace("bg-blue-100", "gradient");
navaction.classList.replace("text-gray-800", "text-white");
toToggle.forEach(el => el.classList.replace("text-white", "text-gray-800"));
navcontent.classList.replace("bg-gray-100", "bg-white");
} else {
header.classList.remove("bg-white", "shadow");
navaction.classList.replace("gradient", "bg-white");
navaction.classList.replace("text-white", "text-gray-800");
toToggle.forEach(el => el.classList.replace("text-gray-800", "text-white"));
navcontent.classList.replace("bg-white", "bg-gray-100");
}
});
</script>
</body>
</html>
3 changes: 2 additions & 1 deletion mkdocs.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,8 @@ theme:

nav:
- Ínicio: index.md
- Requisitos:
- Landing Page: landingPage/landingPage.html
- Requisitos:
- Visão de Produto: requisitos/visao_de_produto.md
- Visão de Projeto: requisitos/visao_de_projeto.md
- Backlog: requisitos/backlog.md
Expand Down

0 comments on commit b50368e

Please sign in to comment.