Skip to content

Commit

Permalink
doc: adicionando o path dos novos arquivos no mkdocs.yml
Browse files Browse the repository at this point in the history
  • Loading branch information
@Gxaite
Gxaite committed Aug 1, 2024
1 parent 8fdfc80 commit 65a658b
Show file tree
Hide file tree
Showing 2 changed files with 229 additions and 0 deletions.
229 changes: 229 additions & 0 deletions docs/landing_pages/sobre.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,229 @@
<html lang="en">
<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>
Zephyr Boilerplate
</title>
<link rel="icon" href="../images/logo_branco.png" />
<meta name="description" content="Simple landind page" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/tailwind.min.css"/>

<!--Replace with your tailwind.css once created-->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet" />
<!-- Define your gradient here - use online tools to find a gradient matching your branding-->
<style>
.gradient {
background: linear-gradient(90deg, #0F417A 0%, #58A6F0 100%);
}
@font-face {
font-family: 'Cocobiker';
src: url('../fonts/cocobiker.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.align-center {
display: flex;
align-items: center;
}

</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 flex-wrap items-center align-center justify-between mt-0 py-2">
<div class="pl-4 flex items-center">
<a class="toggleColour text-white no-underline hover:no-underline text-2xl lg:text-5xl align-center" href="#" style="font-family: 'Cocobiker';">
<img id="nav-icon" class="h-12 inline" src="../images/logo_branco.png" alt="Logo" style="margin-right: 10;" >
Zephyr Boilerplate
</a>
</div>
<div class="block lg:hidden pr-4">
<button id="nav-toggle" class="flex items-center p-1 text-pink-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="w-full flex-grow lg:flex lg:items-center lg:w-auto hidden mt-2 lg:mt-0 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 href="https://residenciaticbrisa.github.io/T2G2-Chatbot-Participacao-Social/" style="z-index: 1000;">
<button class="navAction hover:underline bg-white text-gray-800 font-bold rounded-full my-2 py-2 px-8 shadow-lg focus:outline-none focus:shadow-outline transform transition hover:scale-105 duration-300 ease-in-out" style="z-index: 1000;">
Como fazer um bot
</button>
</a>
</li>
<li class="mr-3">
<a href="https://residenciaticbrisa.github.io/T2G2-Chatbot-Participacao-Social/" style="z-index: 1000;">
<button class="navAction hover:underline bg-white text-gray-800 font-bold rounded-full my-2 py-2 px-8 shadow-lg focus:outline-none focus:shadow-outline transform transition hover:scale-105 duration-300 ease-in-out" style="z-index: 1000;">
Como contribuir
</button>
</a>
</li>
<li class="mr-3">
<a href="sobre.html" style="z-index: 1000;">
<button class="navAction hover:underline bg-white text-gray-800 font-bold rounded-full my-2 py-2 px-8 shadow-lg focus:outline-none focus:shadow-outline transform transition hover:scale-105 duration-300 ease-in-out" style="z-index: 1000;">
Sobre
</button>
</a>
</li>
</ul>
<a href="https://residenciaticbrisa.github.io/T2G2-Chatbot-Participacao-Social/home">
<button class="navAction lg:mx-0 hover:underline bg-white 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">
Get started
</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-3/6 justify-center items-center text-center mx-auto">
<h1 class="my-4 text-4xl font-bold leading-tight text-center">
Conheça um pouca da nossa história
</h1>
<p class="leading-normal text-2xl mb-8" style="text-align: justify;">
O projeto Zephyr nasceu de uma residência tecnológica apoiada pela Softex, pela empresa Brisa e pelo laboratório CCSL da Universidade de Brasília. Inicialmente, nosso objetivo era desenvolver um sistema de chatbot. No entanto, ao enfrentar diversos desafios ao longo do caminho, decidimos criar este boilerplate para ajudar a solucionar alguns desses problemas.<br>

Esperamos que o Zephyr contribua significativamente para o sucesso do seu projeto e estamos ansiosos por suas contribuições e feedback.
</p>
<div class="w-full flex justify-center">
<a href="https://residenciaticbrisa.github.io/T2G2-Chatbot-Participacao-Social/" style="z-index: 1000;">
<button class="hover:underline bg-white text-gray-800 font-bold rounded-full my-2 py-4 px-8 shadow-lg focus:outline-none focus:shadow-outline transform transition hover:scale-105 duration-300 ease-in-out" style="z-index: 1000;">
Saiba mais
</button>
</a>
</div>
</div>
<!--Right Col-->
<div class="w-full md:w-3/6 py-6 text-center">
<img class="w-full md:w-5/5 z-500 pl-40" src="../images/Chat-Bot-Brasil-Participativo-funcionando-com-botões.gif" alt="Imagem do Chatbot em funcionamento"/>
</div>
</div>
</div>

<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>
<footer style="background-color: #152f47; padding: 20px; text-align: center;">
<p>&copy; 2024 Zephyr</p>
<p>Saiba mais:
<a href="https://github.com/ResidenciaTICBrisa/T2G2-Chatbot-Participacao-Social" target="_blank">Gitpage</a>
</p>
<p>Contato: <a href="mailto:[email protected]">[email protected]</a></p>
</footer>


<script>
var scrollpos = window.scrollY;
var header = document.getElementById("header");
var navcontent = document.getElementById("nav-content");
var navactions = document.querySelectorAll(".navAction"); // Selecionar todos os elementos com a classe navAction
var toToggle = document.querySelectorAll(".toggleColour");
var navIcon = document.getElementById("nav-icon");

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

if (scrollpos > 10) {
header.classList.add("bg-white");
navactions.forEach(function (navaction) {
navaction.classList.remove("bg-white");
navaction.classList.add("gradient");
navaction.classList.remove("text-gray-800");
navaction.classList.add("text-white");
});
for (var i = 0; i < toToggle.length; i++) {
toToggle[i].classList.add("text-gray-800");
toToggle[i].classList.remove("text-white");
}
header.classList.add("shadow");
navcontent.classList.remove("bg-gray-100");
navcontent.classList.add("bg-white");

navIcon.src = '../images/logo.png';
} else {
header.classList.remove("bg-white");
navactions.forEach(function (navaction) {
navaction.classList.remove("gradient");
navaction.classList.add("bg-white");
navaction.classList.remove("text-white");
navaction.classList.add("text-gray-800");
});
for (var i = 0; i < toToggle.length; i++) {
toToggle[i].classList.add("text-white");
toToggle[i].classList.remove("text-gray-800");
}

header.classList.remove("shadow");
navcontent.classList.remove("bg-white");
navcontent.classList.add("bg-gray-100");

navIcon.src = '../images/logo_branco.png';
}
});
</script>
<script>
/*Toggle dropdown list*/
/*https://gist.github.com/slavapas/593e8e50cf4cc16ac972afcbad4f70c8*/

var navMenuDiv = document.getElementById("nav-content");
var navMenu = document.getElementById("nav-toggle");

document.onclick = check;
function check(e) {
var target = (e && e.target) || (event && event.srcElement);

//Nav Menu
if (!checkParent(target, navMenuDiv)) {
// click NOT on the menu
if (checkParent(target, navMenu)) {
// click on the link
if (navMenuDiv.classList.contains("hidden")) {
navMenuDiv.classList.remove("hidden");
} else {
navMenuDiv.classList.add("hidden");
}
} else {
// click both outside link and outside menu, hide menu
navMenuDiv.classList.add("hidden");
}
}
}
function checkParent(t, elm) {
while (t.parentNode) {
if (t == elm) {
return true;
}
t = t.parentNode;
}
return false;
}
</script>
</body>
</html>
Empty file added docs/tutoriais/adicionarWidgetWeb.md
View file
Empty file.

0 comments on commit 65a658b

Please sign in to comment.