1<!DOCTYPE html> 2 3<html lang="pt-BR"> 4 5<head> 6 <meta charset="utf-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 <meta name="description" content="UFC - Universidade Federal do Ceará"> 9 <meta property="og:title" content="Página inicial"> 10 <meta property="og:description" content="UFC - Universidade Federal do Ceará"> 11 <meta property="og:url" content="https://ufc.br/pt"> 12 <meta property="og:type" content="website"> 13 <meta property="og:image" content="/storage/images/bg-pagina.jpg"> 14 <meta property="og:image:width" content="2048"> 15 <meta property="og:image:height" content="1367"> 16 <meta name="twitter:card" content="summary_large_image"> 17 <meta name="twitter:image" content="/storage/images/bg-pagina.jpg"> 18 19 <title>Universidade Federal do Ceará</title> 20 <link rel="shortcut icon" href="https://ufc.br/favicon.ico" type="image/x-icon"> 21 <link rel="preload" as="style" href="https://ufc.br/build/assets/app-Chl2rng3.css" /><link rel="preload" as="style" href="https://ufc.br/build/assets/fonts-Chhz2gTk.css" /><link rel="modulepreload" as="script" href="https://ufc.br/build/assets/app-BPSVMOkV.js" /><link rel="stylesheet" href="https://ufc.br/build/assets/app-Chl2rng3.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://ufc.br/build/assets/fonts-Chhz2gTk.css" data-navigate-track="reload" />
21<script type="module" src="https://ufc.br/build/assets/app-BPSVMOkV.js" data-navigate-track="reload"></script>
21 22 23 <style> 24:root { 25 --color-base: #00BBE7; 26 --color-lightest: color-mix(in srgb, var(--color-base), white 90%); 27 --color-lighter: color-mix(in hsl, var(--color-base), white 50%); 28 --color-light: color-mix(in hsl, var(--color-base), white 25%); 29 --color-dark: color-mix(in hsl, var(--color-base), black 25%); 30 --color-darker: color-mix(in hsl, var(--color-base), black 50%); 31 --color-darkest: color-mix(in srgb, var(--color-base), black 90%); 32} 33</style></head> 34 35<body class="text-sm font-poppins motion-safe:animate-[fadeUp_0.4s_ease-in-out_forwards]"> 36 37 <div id="a11y"> 38 <ul class="sr-only"> 39 <li><a href="#content" accesskey="1">Ir para o conteúdo</a></li> 40 <li><a href="#header" accesskey="2">Ir para o menu</a></li> 41 <li><a href="#footer" accesskey="3">Ir para o rodapé</a></li> 42 <li><a href="#s" accesskey="4">Ir para a busca</a></li> 43 </ul> 44 </div> 45 46 <div id="site" class="portal relative"> 47 48 <header id="header" class="top-0 z-51 shadow-md bg-white"> 49 <div id="admin-bar" class="w-full bg-gray-950 text-white overflow-hidden transition-all duration-500 ease-out h-0 opacity-0"> 50 <div class="max-w-5xl mx-auto px-4 h-12 flex items-center justify-between text-sm"> 51 <div class="flex items-center gap-2"> 52 <span id="status-indicator" class="w-2 h-2 bg-gray-500 rounded-full"></span> 53 <span id="status-text" class="font-semibold">Status</span> 54 </div> 55 <div class="flex gap-4"> 56 <a id="dashboard-link" href="#" class="hover:underline">Painel</a> 57 <a id="config-link" href="#" class="hover:underline">Configurações</a> 58 </div> 59 </div> 60</div> 61
62<script> 63 document.addEventListener('DOMContentLoaded', async () => { 64 try { 65 // 1. Faz a requisição para a rota de autenticação 66 const response = await fetch('/site-info'); 67 // Se a resposta não for OK (status 200-299), interrompe 68 if (!response.ok) return; 69 const data = await response.json(); 70 // 2. Verifica se o retorno indica que o usuário está logado 71 if (data.is_logged_in) { 72 // 3. Aplica o delay de meio segundo (500ms) antes de iniciar a animação 73 setTimeout(() => { 74 const bar = document.getElementById('admin-bar'); 75 const dashboardLink = document.getElementById('dashboard-link'); 76 const configLink = document.getElementById('config-link'); 77 const statusIndicator = document.getElementById('status-indicator'); 78 const statusText = document.getElementById('status-text'); 79 dashboardLink.href = data.dashboard_url; 80 configLink.href = data.config_url; 81 if (data.is_site_live) { 82 statusIndicator.className = 'w-2 h-2 bg-green-500 rounded-full animate-pulse'; 83 statusText.textContent = 'O site está publicado'; 84 } else { 85 statusIndicator.className = 'w-2 h-2 bg-red-500 rounded-full animate-pulse'; 86 statusText.textContent = 'O site está despublicado'; 87 } 88 bar.classList.remove('h-0', 'opacity-0'); 89 bar.classList.add('h-12', 'opacity-100'); 90 //console.log('Usuário autenticado. Barra de admin exibida.'); 91 }, 500); // use 1000 se quiser aumentar para 1 segundo 92 } 93 } catch (error) { 94 console.error("Erro ao verificar autenticação:", error); 95 } 96 }); 97</script>
97 98 <div class="bg-[#333] text-white font-bold text-lg hidden 2xs:flex"> 99 <div class="container mx-auto max-w-5xl p-4"> 100 <div class="flex flex-col gap-5 md:grid md:grid-cols-12"> 101 <div class="hidden lg:flex relative border-b-0 justify-start col-span-4 items-center"> 102 <a class="text-sm uppercase" href="https://ufc2012.ufc.br">Portal UFC 2012</a> 103</div> 104 105<div class="col-span-full lg:col-span-4 flex items-center justify-center"> 106 <ul class="flex gap-6 text-2xl items-center"> 107 <li> 108 <a href="https://www.instagram.com/ufcinforma"> 109 <svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M224.3 141a115 115 0 1 0 -.6 230 115 115 0 1 0 .6-230zm-.6 40.4a74.6 74.6 0 1 1 .6 149.2 74.6 74.6 0 1 1 -.6-149.2zm93.4-45.1a26.8 26.8 0 1 1 53.6 0 26.8 26.8 0 1 1 -53.6 0zm129.7 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM399 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> <span class="sr-only">UFCInforma no Instagram</span> 110 </a> 111 </li> 112 <li> 113 <a href="https://www.tiktok.com/@ufcinforma"> 114 <svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M448.5 209.9c-44 .1-87-13.6-122.8-39.2l0 178.7c0 33.1-10.1 65.4-29 92.6s-45.6 48-76.6 59.6-64.8 13.5-96.9 5.3-60.9-25.9-82.7-50.8-35.3-56-39-88.9 2.9-66.1 18.6-95.2 40-52.7 69.6-67.7 62.9-20.5 95.7-16l0 89.9c-15-4.7-31.1-4.6-46 .4s-27.9 14.6-37 27.3-14 28.1-13.9 43.9 5.2 31 14.5 43.7 22.4 22.1 37.4 26.9 31.1 4.8 46-.1 28-14.4 37.2-27.1 14.2-28.1 14.2-43.8l0-349.4 88 0c-.1 7.4 .6 14.9 1.9 22.2 3.1 16.3 9.4 31.9 18.7 45.7s21.3 25.6 35.2 34.6c19.9 13.1 43.2 20.1 67 20.1l0 87.4z"/></svg> <span class="sr-only">UFCInforma no TikTok</span> 115 </a> 116 </li> 117 <li> 118 <a href="https://www.youtube.com/channel/UCY85wHK1Z3LJyKB7XQ-pJ0g"> 119 <svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M549.7 124.1C543.5 100.4 524.9 81.8 501.4 75.5 458.9 64 288.1 64 288.1 64S117.3 64 74.7 75.5C51.2 81.8 32.7 100.4 26.4 124.1 15 167 15 256.4 15 256.4s0 89.4 11.4 132.3c6.3 23.6 24.8 41.5 48.3 47.8 42.6 11.5 213.4 11.5 213.4 11.5s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zM232.2 337.6l0-162.4 142.7 81.2-142.7 81.2z"/></svg> <span class="sr-only">Canal UFCInforma no YouTube</span> 120 </a> 121 </li> 122 <li> 123 <a href="https://www.linkedin.com/school/ufcinforma"> 124 <svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M416 32L31.9 32C14.3 32 0 46.5 0 64.3L0 447.7C0 465.5 14.3 480 31.9 480L416 480c17.6 0 32-14.5 32-32.3l0-383.4C448 46.5 433.6 32 416 32zM135.4 416l-66.4 0 0-213.8 66.5 0 0 213.8-.1 0zM102.2 96a38.5 38.5 0 1 1 0 77 38.5 38.5 0 1 1 0-77zM384.3 416l-66.4 0 0-104c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9l0 105.8-66.4 0 0-213.8 63.7 0 0 29.2 .9 0c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9l0 117.2z"/></svg> <span class="sr-only">LinkedIn da UFC</span> 125 </a> 126 </li> 127 <li> 128 <a href="https://www.flickr.com/photos/ufc-informa"> 129 <svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. -->
129<path fill="currentColor" d="M400 32L48 32C21.5 32 0 53.5 0 80L0 432c0 26.5 21.5 48 48 48l352 0c26.5 0 48-21.5 48-48l0-352c0-26.5-21.5-48-48-48zM144.5 192a63.5 63.5 0 1 1 0 127 63.5 63.5 0 1 1 0-127zm159 0a63.5 63.5 0 1 1 0 127 63.5 63.5 0 1 1 0-127z"/></svg> <span class="sr-only">Flickr da UFC</span> 130 </a> 131 </li> 132 <li> 133 <a href=""> 134 <svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M380.9 97.1c-41.9-42-97.7-65.1-157-65.1-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480 117.7 449.1c32.4 17.7 68.9 27 106.1 27l.1 0c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3 18.6-68.1-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1s56.2 81.2 56.1 130.5c0 101.8-84.9 184.6-186.6 184.6zM325.1 300.5c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8s-14.3 18-17.6 21.8c-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7s-12.5-30.1-17.1-41.2c-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2s-9.7 1.4-14.8 6.9c-5.1 5.6-19.4 19-19.4 46.3s19.9 53.7 22.6 57.4c2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4s4.6-24.1 3.2-26.4c-1.3-2.5-5-3.9-10.5-6.6z"/></svg> <span class="sr-only">Canal UFCInforma no Whatsapp</span> 135 </a> 136 </li> 137 </ul> 138</div> 139 140<div class="hidden lg:flex col-span-4 items-center justify-end"> 141 <div class="flex justify-between items-center gap-4"> 142 <ul class="menu flex gap-6"> 143 <li role="presentation" 144 class="relative group 145 "> 146 <a href="/pt/alunos" role="menuitem" 147 class="text-wrap break-all lg:break-none">Alunos</a> 148 149 150 </li> 151 <li role="presentation" 152 class="relative group 153 "> 154 <a href="/pt/servidores" role="menuitem" 155 class="text-wrap break-all lg:break-none">Servidores</a> 156 157 158 </li> 159 <li role="presentation" 160 class="relative group 161 "> 162 <a href="/pt/contatos" role="menuitem" 163 class="text-wrap break-all lg:break-none">Contatos</a> 164 165 166 </li> 167 </ul> 168 <nav class="flex gap-2"> 169 <button class="theme-toggle cursor-pointer"> 170 <svg class="w-5 h-5 transition-all duration-300 dark:rotate-180 hover:text-[#f90]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M448 256c0-106-86-192-192-192l0 384c106 0 192-86 192-192zM0 256a256 256 0 1 1 512 0 256 256 0 1 1 -512 0z"/></svg></button> 171 <button class="pin-header-button cursor-pointer"> 172 <svg class="w-5 h-5 transition-all duration-300 hover:text-[#f90] 173 group-[.sticky]/sticky:rotate-45" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M32 32C32 14.3 46.3 0 64 0L320 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-29.5 0 10.3 134.1c37.1 21.2 65.8 56.4 78.2 99.7l3.8 13.4c2.8 9.7 .8 20-5.2 28.1S362 352 352 352L32 352c-10 0-19.5-4.7-25.5-12.7s-8-18.4-5.2-28.1L5 297.8c12.4-43.3 41-78.5 78.2-99.7L93.5 64 64 64C46.3 64 32 49.7 32 32zM160 400l64 0 0 112c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-112z"/></svg></button> 174 </nav> 175 </div> 176</div> 177 </div> 178 </div> 179</div> 180 181<div class="hasBgColor bg-(--color-base) dark:bg-neutral-500! text-white font-bold text-lg"> 182 <div class="container mx-auto max-w-5xl p-4"> 183 <div class="grid grid-cols-12 gap-5"> 184 <div class="col-span-full flex flex-col lg:hidden max-h-[60px] 185 has-[#menu-control:checked]:max-h-screen 186 transition-all ease-in-out duration-400"> 187 <input class="hidden peer" id="menu-control" type="checkbox"> 188 189 <div class="flex items-center group"> 190 <label class="flex-1 flex items-center 191 transition-colors ease-in-out cursor-pointer duration-400
192 peer-checked:pb-2 group" for="menu-control" > 193 <svg class="h-6 inline mr-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"/></svg> Menu 194 <svg class="h-4 inline ml-2 group-peer-checked:rotate-180 transition-rotate duration-400" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"/></svg> </label> 195 196 <div class="flex gap-2"> 197 <button class="theme-toggle cursor-pointer"> 198 <svg class="w-5 h-5 transition-all duration-300 dark:rotate-180 hover:text-[#f90]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M448 256c0-106-86-192-192-192l0 384c106 0 192-86 192-192zM0 256a256 256 0 1 1 512 0 256 256 0 1 1 -512 0z"/></svg></button> 199 <button class="pin-header-button cursor-pointer"> 200 <svg class="w-5 h-5 transition-all duration-300 hover:text-[#f90] 201 group-[.sticky]/sticky:rotate-45" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M32 32C32 14.3 46.3 0 64 0L320 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-29.5 0 10.3 134.1c37.1 21.2 65.8 56.4 78.2 99.7l3.8 13.4c2.8 9.7 .8 20-5.2 28.1S362 352 352 352L32 352c-10 0-19.5-4.7-25.5-12.7s-8-18.4-5.2-28.1L5 297.8c12.4-43.3 41-78.5 78.2-99.7L93.5 64 64 64C46.3 64 32 49.7 32 32zM160 400l64 0 0 112c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-112z"/></svg></button> 202 </div> 203 </div> 204 205 <form class="w-full hidden rounded-3xl px-1 border-gray-500 space-x-px opacity-0 my-2.5 206 transition-all ease-in-out duration-400 peer-checked:opacity-100 peer-checked:flex" 207 action="/pt/buscar" method="GET"> 208 <fieldset class="w-full"> 209 <legend class="sr-only">Formulário de busca</legend> 210 <label class="sr-only" for="sr">Termos da busca</label> 211 <input id="sr" name="s" type="text" placeholder="O que você procura?" 212 class="w-full px-4 py-2 text-sm text-white font-normal bg-transparent 213 placeholder-white border border-white outline-none rounded-3xl"> 214 </fieldset> 215 </form> 216 217 <ul class="flex flex-col opacity-0 max-h-0 overflow-hidden transition-all ease-in-out duration-400 218 peer-checked:opacity-100 peer-checked:max-h-screen "> 219 <li role="presentation" 220 class="relative group 221 "> 222 <a href="/pt/quem-somos" role="menuitem" 223 class="text-wrap break-all lg:break-none">Quem somos</a> 224 225 226 </li> 227 <li role="presentation" 228 class="relative group 229 "> 230 <a href="/pt/reitoria" role="menuitem" 231 class="text-wrap break-all lg:break-none">Reitoria</a> 232 233 234 </li> 235 <li role="presentation" 236 class="relative group 237 "> 238 <a href="/pt/administrativo" role="menuitem" 239 class="text-wrap break-all lg:break-none">Administrativo</a> 240 241 242 </li> 243 <li role="presentation" 244 class="relative group 245 "> 246 <a href="/pt/unidades-academicas" role="menuitem" 247 class="text-wrap break-all lg:break-none">Unidades acadêmicas</a> 248 249 250 </li> 251 <li role="presentation" 252 class="relative group 253 "> 254 <a href="https://www.ufc.br/sistemas" role="menuitem" 255 class="text-wrap break-all lg:break-none">Sistemas</a> 256 257 258 </li> 259 <li role="presentation" 260 class="relative group 261 "> 262 <a href="https://acessoainformacao.ufc.br/pt/" role="menuitem" 263 class="text-wrap break-all lg:break-none">Acesso à Informação</a> 264 265 266 </li> 267 268 <li class="relative group" role="presentation"> 269 <a class="uppercase" href="https://ufc2012.ufc.br">Portal UFC 2012</a> 270 </li> 271 272 <li class="border-t border-white mt-2 pt-2 relative group " role="presentation"> 273 <a href="https://ufc.br/alunos" class="text-wrap break-all lg:break-none" role="menuitem">Alunos</a> 274 </li> 275 <li class="relative group " role="presentation"> 276 <a href="https://ufc.br/servidores" class="text-wrap break-all lg:break-none" role="menuitem">Servidores</a> 277 </li> 278 </ul> 279</div> 280 281<div class="lg:hidden flex flex-col gap-2 p-2 fixed z-20 inset-x-0 bottom-0 w-full h-fit-content 282 bg-white text-black border-t-3 border-[#00000014] ">
283 <input type="checkbox" id="responsive-bottom-menu-handler" class="sr-only peer/open"> 284 <ul class="opacity-0 max-h-0 overflow-hidden text-right bg-white flex flex-col gap-2 uppercase text-base 285 peer-checked/open:opacity-100 peer-checked/open:max-h-screen 286 transition-all duration-400"> 287 288 <li role="presentation" 289 class="relative group 290 "> 291 <a href="/pt/estude-na-ufc" role="menuitem" 292 class="text-wrap break-all lg:break-none">Estude na UFC</a> 293 294 295 </li> 296 <li role="presentation" 297 class="relative group 298 "> 299 <a href="/pt/inovacao" role="menuitem" 300 class="text-wrap break-all lg:break-none">Inovação</a> 301 302 303 </li> 304 305 <li role="presentation" 306 class="relative group 307 "> 308 <a href="/pt/cultura" role="menuitem" 309 class="text-wrap break-all lg:break-none">Cultura</a> 310 311 312 </li> 313 <li role="presentation" 314 class="relative group 315 "> 316 <a href="/pt/comunicacao" role="menuitem" 317 class="text-wrap break-all lg:break-none">Comunicação</a> 318 319 320 </li> 321 <li role="presentation" 322 class="relative group 323 "> 324 <a href="javascript:;" role="menuitem" 325 class="text-wrap break-all lg:break-none">Explore +</a> 326 327 328 </li> 329 </ul> 330 331 <ul class="flex justify-evenly items-center w-full px-3 font-medium"> 332 <li role="presentation"> 333 <a role="menuitem" href="https://ufc.br/pt" 334 class="group flex flex-col gap-1 items-center 335 text-(--color-base)"> 336 <svg class="w-6 h-6 font-semibold group-hover:text-(--color-base)" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 337 <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"/> 338</svg> <span class="text-xs group-hover:text-(--color-base)">Home</span> 339</a> 340 </li> 341 <li role="presentation"> 342 <a role="menuitem" href="https://ufc.br/ensino" 343 class="group flex flex-col gap-1 items-center 344 text-gray-700"> 345 <svg class="w-6 h-6 font-semibold group-hover:text-(--color-base) 346 347 text-black" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 348 <path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5"/> 349</svg> <span class="text-xs group-hover:text-(--color-base)">Ensino</span> 350</a> 351 </li> 352 <li role="presentation"> 353 <a role="menuitem" href="https://ufc.br/pesquisa" 354 class="group flex flex-col gap-1 items-center 355 text-gray-700"> 356 <svg class="w-6 h-6 font-semibold group-hover:text-(--color-base) 357 358 text-black" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 359 <path stroke-linecap="round" stroke-linejoin="round" d="M9.75 3.104v5.714a2.25 2.25 0 0 1-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 0 1 4.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0 1 12 15a9.065 9.065 0 0 0-6.23-.693L5 14.5m14.8.8 1.402 1.402c1.232 1.232.65 3.318-1.067 3.611A48.309 48.309 0 0 1 12 21c-2.773 0-5.491-.235-8.135-.687-1.718-.293-2.3-2.379-1.067-3.61L5 14.5"/> 360</svg>
360 <span class="text-xs group-hover:text-(--color-base)">Pesquisa</span> 361</a> 362 </li> 363 <li role="presentation" class="hidden sm:block"> 364 <a href="https://ufc.br/pt" class="group outline-offset-4"> 365 <span class="block w-[84px] h-[58px] brasao-ufc-vertical logo-pb transition-transform"> 366 <span class="sr-only">Ir para a página inicial</span> 367 </span> 368 </a> 369 </li> 370 <li role="presentation"> 371 <a role="menuitem" href="https://ufc.br/extensao" 372 class="group flex flex-col gap-1 items-center 373 text-gray-700"> 374 <svg class="w-6 h-6 font-semibold group-hover:text-(--color-base) 375 376 text-black" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 377 <path stroke-linecap="round" stroke-linejoin="round" d="m6.115 5.19.319 1.913A6 6 0 0 0 8.11 10.36L9.75 12l-.387.775c-.217.433-.132.956.21 1.298l1.348 1.348c.21.21.329.497.329.795v1.089c0 .426.24.815.622 1.006l.153.076c.433.217.956.132 1.298-.21l.723-.723a8.7 8.7 0 0 0 2.288-4.042 1.087 1.087 0 0 0-.358-1.099l-1.33-1.108c-.251-.21-.582-.299-.905-.245l-1.17.195a1.125 1.125 0 0 1-.98-.314l-.295-.295a1.125 1.125 0 0 1 0-1.591l.13-.132a1.125 1.125 0 0 1 1.3-.21l.603.302a.809.809 0 0 0 1.086-1.086L14.25 7.5l1.256-.837a4.5 4.5 0 0 0 1.528-1.732l.146-.292M6.115 5.19A9 9 0 1 0 17.18 4.64M6.115 5.19A8.965 8.965 0 0 1 12 3c1.929 0 3.716.607 5.18 1.64"/> 378</svg> <span class="text-xs group-hover:text-(--color-base)">Extensão</span> 379</a> 380 </li> 381 <li role="presentation" class="hidden sm:block"> 382 <a role="menuitem" href="https://ufc.br/comunicacao" 383 class="group flex flex-col gap-1 items-center 384 text-gray-700"> 385 <svg class="w-6 h-6 font-semibold group-hover:text-(--color-base) 386 387 text-black" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 388 <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155"/> 389</svg> <span class="text-xs group-hover:text-(--color-base)">Comunicação</span> 390</a> 391 </li> 392 <li role="presentation"> 393 <label for="responsive-bottom-menu-handler" role="menuitem" 394 class="group cursor-pointer flex flex-col gap-1 items-center text-gray-700"> 395 <svg class="w-6 h-6 font-semibold text-black group-hover:text-(--color-base) rotate-180 scale-y-90" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 396 <path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3"/> 397</svg> <span class="text-xs group-hover:text-(--color-base)">+ Mais</span> 398</label> 399 </li> 400 </ul> 401</div> 402 403<div class="hidden lg:flex col-span-9 items-center justify-start"> 404 <ul class="menu font-semibold"> 405 <li role="presentation" 406 class="relative group 407 "> 408 <a href="/pt/quem-somos" role="menuitem" 409 class="text-wrap break-all lg:break-none">Quem somos</a> 410 411 412 </li> 413 <li role="presentation" 414 class="relative group 415 "> 416 <a href="/pt/reitoria" role="menuitem" 417 class="text-wrap break-all lg:break-none">Reitoria</a> 418 419 420 </li> 421 <li role="presentation" 422 class="relative group 423 "> 424 <a href="/pt/administrativo" role="menuitem" 425 class="text-wrap break-all lg:break-none">Administrativo</a> 426 427 428 </li> 429 <li role="presentation" 430 class="relative group 431 "> 432 <a href="/pt/unidades-academicas" role="menuitem" 433 class="text-wrap break-all lg:break-none">Unidades acadêmicas</a> 434 435 436 </li> 437 <li role="presentation" 438 class="relative group 439 "> 440 <a href="https://www.ufc.br/sistemas" role="menuitem" 441 class="text-wrap break-all lg:break-none">Sistemas</a> 442 443 444 </li> 445 <li role="presentation" 446 class="relative group 447 "> 448 <a href="https://acessoainformacao.ufc.br/pt/" role="menuitem" 449 class="text-wrap break-all lg:break-none">Acesso à Informação</a> 450 451 452 </li> 453 </ul> 454</div> 455 456<div class="hidden lg:flex col-span-3 items-center justify-end"> 457 <form action="/pt/buscar" method="GET" 458 class="rounded-3xl p-1 py-0.5 border-gray-500 space-x-px"> 459 <fieldset> 460 <legend class="sr-only">Formulário de busca</legend> 461 <label class="hidden" for="s">Termos da busca</label> 462 <input name="s" id="s" type="text" class="text-white bg-transparent h-full rounded-3xl px-4 py-2 border border-white outline-none text-md w-full placeholder-white font-normal text-sm" placeholder="O que você procura?"> 463 464 </fieldset> 465</form> 466</div> 467 </div> 468 </div> 469</div> 470 471<div id="brand" class="hidden 2xs:block bg-white dark:bg-black! dark:text-white shadow-md shadow-black/25 sm:shadow-none"> 472 <div class="container mx-auto max-w-5xl px-4"> 473 <div class="grid grid-cols-12 gap-5 py-4 lg:py-2.5"> 474 <div class="hidden lg:flex col-span-5 items-center justify-start"> 475 <ul class="menu flex gap-5"> 476 <li role="presentation" 477 class="relative group 478 markActive 479 "> 480 <a href="/pt/estude-na-ufc" role="menuitem" 481 class="text-wrap break-all lg:break-none">Estude na UFC</a> 482 483 484 </li> 485 <li role="presentation" 486 class="relative group 487 markActive 488 "> 489 <a href="/pt/ensino" role="menuitem" 490 class="text-wrap break-all lg:break-none">Ensino</a> 491 492 493 </li> 494 <li role="presentation" 495 class="relative group 496 markActive 497 "> 498 <a href="/pt/pesquisa" role="menuitem" 499 class="text-wrap break-all lg:break-none">Pesquisa</a> 500 501 502 </li> 503 <li role="presentation" 504 class="relative group 505 markActive 506 "> 507 <a href="/pt/inovacao" role="menuitem" 508 class="text-wrap break-all lg:break-none">Inovação</a> 509 510 511 </li> 512 </ul> 513 </div> 514 515<div class="col-span-full lg:col-span-2 flex items-center justify-center"> 516 <h1> 517 <a href="https://ufc.br/pt" class="group inline-block outline-offset-3">
518 <span class="block lg:hidden transition-transform brasao-ufc-horizontal w-[159px] h-[43px] logo-pb"> 519 <span class="sr-only">Ir para a página inicial</span> 520 </span> 521 <span class="hidden lg:block transition-transform brasao-ufc-vertical w-[148px] h-[100px] logo-pb"> 522 <span class="sr-only">Ir para a página inicial</span> 523 </span> 524 </a> 525 </h1> 526</div> 527 528<div class="hidden lg:flex col-span-5 items-center justify-end"> 529 <ul class="menu flex gap-5"> 530 <li role="presentation" 531 class="relative group 532 markActive 533 "> 534 <a href="/pt/extensao" role="menuitem" 535 class="text-wrap break-all lg:break-none">Extensão</a> 536 537 538 </li> 539 <li role="presentation" 540 class="relative group 541 markActive 542 "> 543 <a href="/pt/cultura" role="menuitem" 544 class="text-wrap break-all lg:break-none">Cultura</a> 545 546 547 </li> 548 <li role="presentation" 549 class="relative group 550 markActive 551 "> 552 <a href="/pt/comunicacao" role="menuitem" 553 class="text-wrap break-all lg:break-none">Comunicação</a> 554 555 556 </li> 557 <li role="presentation" 558 class="relative group 559 markActive 560 "> 561 <a href="javascript:;" role="menuitem" 562 class="text-wrap break-all lg:break-none">Explore +</a> 563 564 565 <ul class="submenu submenu-right" role="menu"> 566 <li role="presentation" 567 class="relative group 568 "> 569 <a href="/pt/acessibilidade" role="menuitem" 570 class="text-wrap break-all lg:break-none">Acessibilidade</a> 571 572 573 </li> 574 <li role="presentation" 575 class="relative group 576 "> 577 <a href="/pt/acoes-afirmativas-e-direitos-humanos" role="menuitem" 578 class="text-wrap break-all lg:break-none">Ações afirmativas e direitos humanos</a> 579 580 581 </li> 582 <li role="presentation" 583 class="relative group 584 "> 585 <a href="/pt/desporto" role="menuitem" 586 class="text-wrap break-all lg:break-none">Desporto</a> 587 588 589 </li> 590 <li role="presentation" 591 class="relative group 592 "> 593 <a href="/pt/editora-ufc" role="menuitem" 594 class="text-wrap break-all lg:break-none">Editora UFC</a> 595 596 597 </li> 598 <li role="presentation" 599 class="relative group 600 "> 601 <a href="/pt/ensino-de-idiomas" role="menuitem" 602 class="text-wrap break-all lg:break-none">Ensino de Idiomas</a> 603 604 605 </li> 606 <li role="presentation" 607 class="relative group 608 "> 609 <a href="/pt/etica-e-disciplina" role="menuitem" 610 class="text-wrap break-all lg:break-none">Ãtica e Disciplina</a> 611 612 613 </li> 614 <li role="presentation" 615 class="relative group 616 "> 617 <a href="/pt/fundacoes-de-apoio" role="menuitem" 618 class="text-wrap break-all lg:break-none">Fundações de apoio</a> 619 620 621 </li> 622 <li role="presentation" 623 class="relative group 624 "> 625 <a href="/pt/gestao-ambiental" role="menuitem" 626 class="text-wrap break-all lg:break-none">Gestão Ambiental</a> 627 628 629 </li> 630 <li role="presentation" 631 class="relative group 632 "> 633 <a href="/pt/gestao-da-infraestrutura" role="menuitem" 634 class="text-wrap break-all lg:break-none">Gestão da infraestrutura</a> 635 636 637 </li> 638 <li role="presentation" 639 class="relative group 640 "> 641 <a href="/pt/governanca" role="menuitem" 642 class="text-wrap break-all lg:break-none">Governança</a> 643 644 645 </li> 646 <li role="presentation" 647 class="relative group 648 "> 649 <a href="/pt/hospitais-e-clinicas" role="menuitem" 650 class="text-wrap break-all lg:break-none">Hospitais e clÃnicas</a> 651 652 653 </li> 654 <li role="presentation" 655 class="relative group 656 "> 657 <a href="/pt/imprensa-universitaria" role="menuitem" 658 class="text-wrap break-all lg:break-none">Imprensa Universitária</a> 659 660 661 </li> 662 <li role="presentation" 663 class="relative group 664 "> 665 <a href="/pt/licitacoes" role="menuitem" 666 class="text-wrap break-all lg:break-none">Licitações</a> 667 668 669 </li> 670 <li role="presentation" 671 class="relative group 672 "> 673 <a href="/pt/ouvidoria-geral-da-ufc" role="menuitem" 674 class="text-wrap break-all lg:break-none">Ouvidoria Geral</a> 675 676 677 </li> 678 <li role="presentation" 679 class="relative group 680 "> 681 <a href="/pt/plano-de-desenvolvimento-institucional" role="menuitem" 682 class="text-wrap break-all lg:break-none">Plano de Desenvolvimento Institucional</a> 683 684 685 </li> 686 <li role="presentation" 687 class="relative group 688 "> 689 <a href="/pt/restaurante-universitario-ru" role="menuitem" 690 class="text-wrap break-all lg:break-none">Restaurante Universitário</a> 691 692 693 </li> 694 <li role="presentation" 695 class="relative group 696 "> 697 <a href="/pt/sistema-de-bibliotecas" role="menuitem" 698 class="text-wrap break-all lg:break-none">Sistemas de Bibliotecas</a> 699 700 701 </li> 702 <li role="presentation" 703 class="relative group 704 "> 705 <a href="/pt/transparencia-e-prestacao-de-contas" role="menuitem" 706 class="text-wrap break-all lg:break-none">Transparência e Prestação de Contas</a> 707 708 709 </li> 710 <li role="presentation" 711 class="relative group 712 "> 713 <a href="/pt/visite-a-ufc" role="menuitem" 714 class="text-wrap break-all lg:break-none">Visite a UFC</a> 715 716 717 </li> 718 </ul> 719 </li> 720 </ul> 721 </div> 722 </div> 723 </div> 724</div> 725 </header> 726 727 <div id="slideshow" class="w-full relative bg-[#f2f2f2] text-2xl"> 728 <div id="slide-items" class="relative overflow-hidden bg-white h-[500px]"> 729 <div class="slide absolute inset-0 opacity-0 block transition-opacity duration-700 ease-in-out"> 730 <a href="https://ufcinforma.ufc.br/pt/marcador/encontros-universitarios" class="z-30 absolute w-full h-full text-white"> 731 732 <div class="absolute inset-0 bg-linear-to-b transition 733 from-black/0 group-hover:via-black/60 via-black/20 to-black/75 rounded-b-md"></div>
734 <img src="/storage/ufc-media/imgs/slideshow-portal-eu2026-preto.png" 735 alt="Logomarca dos Encontros Universitários 2026, com o tema "Universidade pela vida de todas as mulheres"" 736 class="w-full h-full object-cover"> 737 738 <span class="absolute bottom-20 text-center w-full max-w-[980px] left-1/2 -translate-x-1/2"> 739 EU 2026 ocorrem de 4 a 6 de novembro em Fortaleza; no interior, evento tem diferentes datas 740 </span> 741 </a> 742 </div> 743 <div class="slide absolute inset-0 opacity-0 block transition-opacity duration-700 ease-in-out"> 744 <a href="https://ufcinforma.ufc.br/pt/noticias/premio-inteligencia-artificial-e-formacao-universitaria-recebe-inscricoes-de-trabalhos-projetos-e-solucoes-em-ia-ate-31-de-outubro" class="z-30 absolute w-full h-full text-white"> 745 746 <div class="absolute inset-0 bg-linear-to-b transition 747 from-black/0 group-hover:via-black/60 via-black/20 to-black/75 rounded-b-md"></div> 748 <img src="/storage/ufc-media/imgs/slideshow-260910-premiocatedra.png" 749 alt="A imagem mostra um laptop em cima de uma mesa preta; na tela, uma imagem genérica com referência à IA" 750 class="w-full h-full object-cover"> 751 752 <span class="absolute bottom-20 text-center w-full max-w-[980px] left-1/2 -translate-x-1/2"> 753 Prêmio Inteligência Artificial e Formação Universitária inscreve projetos e soluções em IA até 31 de outubro 754 </span> 755 </a> 756 </div> 757 <div class="slide absolute inset-0 opacity-0 block transition-opacity duration-700 ease-in-out"> 758 <a href="https://ufcinforma.ufc.br/storage/ufc-media/docs/doc-260918-cartilha-ufc-sem-assedio-e-sem-discriminacao.pdf" class="z-30 absolute w-full h-full text-white"> 759 760 <div class="absolute inset-0 bg-linear-to-b transition 761 from-black/0 group-hover:via-black/60 via-black/20 to-black/75 rounded-b-md"></div> 762 <img src="/storage/ufc-media/imgs/slideshow-guiacontraassedio.png" 763 alt="Card com a mão de uma pessoa segurando um celular; na tela, a capa em fundo roxo do guia UFC Sem Assédio e Discriminação" 764 class="w-full h-full object-cover"> 765 766 <span class="absolute bottom-20 text-center w-full max-w-[980px] left-1/2 -translate-x-1/2"> 767 Cartilha digital orienta sobre fluxos de acolhimento e denúncia de violências na universidade 768 </span> 769 </a> 770 </div> 771 <div class="buttons w-full absolute top-1/2 -translate-y-1/2 z-40"> 772 <div class="relative container mx-auto max-w-6xl flex items-center justify-between"> 773 <button onclick="mudarSlide(-1)" 774 class="z-50 absolute left-4 text-white flex justify-center 775 items-center w-40 h-40 cursor-pointer"> 776 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 bg-black/50 w-12 h-12 p-3 m-4 rounded-full"> 777 <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5" /> 778 </svg> 779 </button> 780 <button onclick="mudarSlide(1)" 781 class="z-50 absolute right-4 text-white flex justify-center 782 items-center w-40 h-40 cursor-pointer"> 783 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 bg-black/50 w-12 h-12 p-3 m-4 rounded-full"> 784 <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /> 785 </svg> 786 </button> 787 </div> 788 </div> 789 </div> 790 <div id="slide-dots" class="z-50 w-full absolute bottom-0 flex justify-center p-6 gap-2"> 791 <span class="dot h-4 w-4 bg-transparent border-2 rounded-full cursor-pointer" onclick="irParaSlide(1)"></span> 792 <span class="dot h-4 w-4 bg-transparent border-2 rounded-full cursor-pointer" onclick="irParaSlide(2)"></span> 793 <span class="dot h-4 w-4 bg-transparent border-2 rounded-full cursor-pointer" onclick="irParaSlide(3)"></span> 794 </div> 795
795<script> 796 let slideIndex = 1, $sliderIntervalId = null; 797 mostrarSlide(slideIndex); 798 799 function mudarSlide(n) { 800 mostrarSlide(slideIndex += n); 801 } 802 803 function irParaSlide(n) { 804 mostrarSlide(slideIndex = n); 805 } 806 807 function mostrarSlide(n) { 808 let slides = document.getElementsByClassName("slide"); 809 let dots = document.getElementsByClassName("dot"); 810 811 if (n > slides.length) slideIndex = 1; 812 if (n < 1) slideIndex = slides.length; 813 814 for (let i = 0; i < slides.length; i++) { 815 slides[i].classList.add("opacity-0"); 816 slides[i].classList.remove("opacity-100"); 817 } 818 819 for (let i = 0; i < dots.length; i++) { 820 dots[i].classList.remove("bg-white"); 821 dots[i].classList.add("bg-transparent"); 822 // dots[i].style.backgroundColor = "#00BBE7" 823 } 824 825 let currentSlide = slides[slideIndex - 1]; 826 currentSlide.classList.remove("opacity-0"); 827 currentSlide.classList.add("opacity-100"); 828 829 dots[slideIndex - 1].classList.remove("bg-transparent"); 830 dots[slideIndex - 1].classList.add("bg-white"); 831 832 if ($sliderIntervalId !== null) 833 { 834 // Interrompe a próxima execução para o slide selecionado ser 835 clearInterval($sliderIntervalId); 836 $sliderIntervalId = setInterval(() => mudarSlide(1), 5000); 837 } 838 } 839 840 // Automático: troca a cada 5s 841 $sliderIntervalId = setInterval(() => mudarSlide(1), 5000); 842 </script>
842 843 </div> 844 845 <main id="content" class="home flex-1 gap-5 bg-gray-100 text-2xl dark:bg-black! dark:text-white!"> 846 <div class="w-full mx-auto flex flex-col gap-y-5 py-5"> 847 848 849 850 851 <p></p><div class="ufcinforma flex flex-col gap-4"> 852 <div class="text-center col-span-12"> 853 <h3 class="font-semibold text-xl blockColorText 854 ">UFC Informa</h3> 855 <h3 class="text-4xl 856 ">Acompanhe notÃcias da universidade</h3> 857 </div> 858 859 <div class="grid grid-cols-3 sm:grid-cols-6 lg:grid-cols-12 gap-4"> 860 <div class="ufcinforma-card-1 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden"> 861 <img class="w-full h-[166px] object-cover" 862 src="https://ufcinforma.ufc.br/storage/ufc-media/imgs/ft-260930-antonio-gomes-denise-pires-carvalho-capes.png" 863 alt="Fotografia do professor da UFC Antonio Gomes Souza Filho cumprimentando a professor Denise Pires de Carvalho, na sede da Capes"> 864 <div class="flex"> 865 <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/antonio-gomes-de-souza-filho-assume-o-cargo-de-presidente-da-capes"> 866 <span> 867 <span class="block font-bold text-base mb-1" style="color: var(--color-base)">PROFESSOR DA UFC</span> 868 <span class="block font-light text-sm">Antonio Gomes de Souza Filho assume o cargo de presidente da Capes</span> 869 </span> 870 </a> 871 </div> 872 </div> 873 <div class="ufcinforma-card-2 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden"> 874 <img class="w-full h-[166px] object-cover" 875 src="https://ufcinforma.ufc.br/storage/ufc-media/imgs/ft-260930-orladefortaleza.png" 876 alt="Imagem da orla de Fortaleza vista a partir do mar"> 877 <div class="flex"> 878 <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/microfibras-de-tecidos-e-particulas-de-pneus-sao-os-microplasticos-mais-comuns-nas-aguas-pluviais-de-fortaleza-segundo-levantamento"> 879 <span> 880 <span class="block font-bold text-base mb-1" style="color: var(--color-base)">AGÃNCIA UFC</span> 881 <span class="block font-light text-sm">Microfibras de tecidos e partÃculas de pneus são os microplásticos mais comuns nas águas pluviais de Fortaleza</span> 882 </span> 883 </a> 884 </div> 885 </div> 886 <div class="ufcinforma-card-3 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden"> 887 <img class="w-full h-[166px] object-cover" 888 src="https://ufcinforma.ufc.br/storage/ufc-media/imgs/ft-260928-consuni.jpg" 889 alt="Pessoas na reuni&atilde;o do Consuni"> 890 <div class="flex"> 891 <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/ufc-aprova-criacao-do-regime-disciplinar-discente-que-regulamenta-a-apuracao-de-infracoes-disciplinares-de-alunos-e-define-penalidades"> 892 <span> 893 <span class="block font-bold text-base mb-1" style="color: var(--color-base)">SESSÃO DO CONSUNI</span> 894 <span class="block font-light text-sm">Aprovada criação do Regime Disciplinar Discente, que regulamenta a apuração de infrações disciplinares de alunos e define penalidades</span> 895 </span> 896 </a> 897 </div> 898 </div> 899 <div class="ufcinforma-card-4 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden"> 900 <img class="w-full h-[166px] object-cover" 901 src="https://ufcinforma.ufc.br/storage/ufc-media/img
901s/ft-260819-reitoria-gabinete-do-reitor.png" 902 alt="Fachada do Gabinete da Reitoria e do Sal&atilde;o Dourado vista pela frente da avenida da Universidade"> 903 <div class="flex"> 904 <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/ufc-aprova-cinco-novos-cursos-de-graduacao-para-oferta-a-partir-de-20271"> 905 <span> 906 <span class="block font-bold text-base mb-1" style="color: var(--color-base)">GRADUAÃÃO</span> 907 <span class="block font-light text-sm">UFC aprova cinco novos cursos para oferta a partir de 2027.1, entre eles Arqueologia, Cibersegurança e Educação Especial</span> 908 </span> 909 </a> 910 </div> 911 </div> 912 </div> 913 914 <div class="flex text-center col-span-12 justify-center"> 915 <a target="_self" 916 href="https://ufcinforma.ufc.br/" 917 class=" 918 blockButton 919 blockColorText 920 blockBorder 921 border rounded-full 922 inline-block 923 text-lg px-8 py-2.5 924 hover:bg-(--color-base) 925 md:min-w-px 926 " 927 >Acesse outras notÃcias no site ufcinforma.ufc.br</a> 928</div> </div> 929<p></p><div class="ufc-block ufc-block-title-subtitle has_bg_color"> 930 <div class="container mx-auto max-w-5xl p-4 py-5"> 931 <div class="grid grid-cols-12"> 932 <div class="text-center col-span-12"> 933 <h3 class="font-semibold text-xl blockColorText 934 ">Atalhos</h3> 935 <h3 class="text-4xl 936 ">Serviços mais acessados</h3> 937 </div> 938 </div> 939 </div> 940</div><div class="ufc-block ufc-block-quick-access 941 "> 942 <div class="container mx-auto max-w-5xl px-4"> 943 <div class="ignore-links grid grid-cols-3 lg:grid-cols-12 place-content-center gap-7"> 944 <div class="text-center col-span-12"> 945 <h3 class="font-semibold text-xl blockColorText 946 ">Estudantes</h3> 947 </div> 948 949 <div class="col-span-12 flex gap-6 justify-around"> 950 <div class="hidden md:flex flex-row justify-center w-full flex-wrap"> 951 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 952 953 <a class="inline-block" href="https://www.ufc.br/ensino/pro-reitoria-de-assistencia-estudantil" title="Assistência Estudantil"> 954 <img src="/storage/ufc-media/imgs/assistencia-estudantil.png" 955 alt="ÃCONE - AssisteÌncia Estudantil" 956 class="m-0! hover:scale-110 transition-all" 957 width="100" 958 height="100"> 959 </a> 960 961 <p class="pt-2 text-center"> 962 <a class="font-semibold inline-block bg-transparent! 963 text-black hover:text-(--color-base) dark:text-white" 964 href="https://www.ufc.br/ensino/pro-reitoria-de-assistencia-estudantil"> 965 Assistência Estudantil</a> 966 </p> 967 968 </div> 969 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 970 971 <a class="inline-block" href="https://ufc2012.ufc.br/calendario-universitario/2026" title="Calendário Universitário"> 972 <img src="/storage/ufc-media/imgs/calendario-universitario.png" 973 alt="ÃCONE - CalendaÌrio UniversitaÌrio" 974 class="m-0! hover:scale-110 transition-all" 975 width="100" 976 height="100"> 977 </a> 978 979 <p class="pt-2 text-center"> 980 <a class="font-semibold inline-block bg-transparent! 981 text-black hover:text-(--color-base) dark:text-white" 982 href="https://ufc2012.ufc.br/calendario-universitario/2026"> 983 Calendário Universitário</a> 984 </p> 985 986 </div> 987 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 988 989 <a class="inline-block" href="https://ufcinfra.ufc.br/pt/catalogo-de-servicos/transporte/itinerario-dos-onibus-da-ufc-medida-protecao/" title="Ãnibus da UFC">
990 <img src="/storage/ufc-media/imgs/onibus-da-ufc.png" 991 alt="ÃCONE - OÌnibus da UFC" 992 class="m-0! hover:scale-110 transition-all" 993 width="100" 994 height="100"> 995 </a> 996 997 <p class="pt-2 text-center"> 998 <a class="font-semibold inline-block bg-transparent! 999 text-black hover:text-(--color-base) dark:text-white" 1000 href="https://ufcinfra.ufc.br/pt/catalogo-de-servicos/transporte/itinerario-dos-onibus-da-ufc-medida-protecao/"> 1001 Ãnibus da UFC</a> 1002 </p> 1003 1004 </div> 1005 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 1006 1007 <a class="inline-block" href="https://ufc2012.ufc.br/restaurante" title="Restaurante Universitário"> 1008 <img src="/storage/ufc-media/imgs/restaurante-universitario-copia.png" 1009 alt="ÃCONE - Restaurante UniversitaÌrio" 1010 class="m-0! hover:scale-110 transition-all" 1011 width="100" 1012 height="100"> 1013 </a> 1014 1015 <p class="pt-2 text-center"> 1016 <a class="font-semibold inline-block bg-transparent! 1017 text-black hover:text-(--color-base) dark:text-white" 1018 href="https://ufc2012.ufc.br/restaurante"> 1019 Restaurante Universitário</a> 1020 </p> 1021 1022 </div> 1023 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 1024 1025 <a class="inline-block" href="https://biblioteca.ufc.br/pt/" title="Sistema de Bibliotecas"> 1026 <img src="/storage/ufc-media/imgs/sistema-de-bibliotecas.png" 1027 alt="ÃCONE - Sistema de Bibliotecas" 1028 class="m-0! hover:scale-110 transition-all" 1029 width="100" 1030 height="100"> 1031 </a> 1032 1033 <p class="pt-2 text-center"> 1034 <a class="font-semibold inline-block bg-transparent! 1035 text-black hover:text-(--color-base) dark:text-white" 1036 href="https://biblioteca.ufc.br/pt/"> 1037 Sistema de Bibliotecas</a> 1038 </p> 1039 1040 </div> 1041 </div> 1042 1043 1044 <div id="quickSlider_6abe19a544708_component" class="md:hidden relative overflow-hidden"> 1045 1046 <div id="quickSlider_6abe19a544708" 1047 class="flex transition-transform duration-300 ease-in-out"> 1048 1049 <div class="w-full shrink-0 flex justify-center"> 1050 1051 <div class="grid grid-cols-2 gap-4 w-[90%]"> 1052 1053 <div class="flex flex-col items-center text-center p-3"> 1054 1055 <a href="https://www.ufc.br/ensino/pro-reitoria-de-assistencia-estudantil"> 1056 <img src="/storage/ufc-media/imgs/assistencia-estudantil.png" 1057 alt="ÃCONE - AssisteÌncia Estudantil" 1058 class="m-0! hover:scale-110 transition-all" 1059 width="80"> 1060 </a> 1061 1062 <p class="pt-2 text-center"> 1063 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://www.ufc.br/ensino/pro-reitoria-de-assistencia-estudantil"> 1064 Assistência Estudantil 1065 </a> 1066 </p> 1067 1068 </div> 1069 <div class="flex flex-col items-center text-center p-3"> 1070 1071 <a href="https://ufc2012.ufc.br/calendario-universitario/2026"> 1072 <img src="/storage/ufc-media/imgs/calendario-universitario.png" 1073 alt="ÃCONE - CalendaÌrio UniversitaÌrio" 1074 class="m-0! hover:scale-110 transition-all" 1075 width="80"> 1076 </a> 1077 1078 <p class="pt-2 text-center"> 1079 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://ufc2012.ufc.br/calendario-universitario/2026"> 1080 Calendário Universitário 1081 </a> 1082 </p> 1083 1084 </div> 1085 <div class="flex flex-col items-center text-center p-3"> 1086 1087 <a href="https://ufcinfra.ufc.br/pt/catalogo-de-servicos/transporte/itinerario-dos-onibus-da-ufc-medida-protecao/">
1088 <img src="/storage/ufc-media/imgs/onibus-da-ufc.png" 1089 alt="ÃCONE - OÌnibus da UFC" 1090 class="m-0! hover:scale-110 transition-all" 1091 width="80"> 1092 </a> 1093 1094 <p class="pt-2 text-center"> 1095 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://ufcinfra.ufc.br/pt/catalogo-de-servicos/transporte/itinerario-dos-onibus-da-ufc-medida-protecao/"> 1096 Ãnibus da UFC 1097 </a> 1098 </p> 1099 1100 </div> 1101 <div class="flex flex-col items-center text-center p-3"> 1102 1103 <a href="https://ufc2012.ufc.br/restaurante"> 1104 <img src="/storage/ufc-media/imgs/restaurante-universitario-copia.png" 1105 alt="ÃCONE - Restaurante UniversitaÌrio" 1106 class="m-0! hover:scale-110 transition-all" 1107 width="80"> 1108 </a> 1109 1110 <p class="pt-2 text-center"> 1111 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://ufc2012.ufc.br/restaurante"> 1112 Restaurante Universitário 1113 </a> 1114 </p> 1115 1116 </div> 1117 1118 </div> 1119 1120 </div> 1121 <div class="w-full shrink-0 flex justify-center"> 1122 1123 <div class="grid grid-cols-2 gap-4 w-[90%]"> 1124 1125 <div class="flex flex-col items-center text-center p-3"> 1126 1127 <a href="https://biblioteca.ufc.br/pt/"> 1128 <img src="/storage/ufc-media/imgs/sistema-de-bibliotecas.png" 1129 alt="ÃCONE - Sistema de Bibliotecas" 1130 class="m-0! hover:scale-110 transition-all" 1131 width="80"> 1132 </a> 1133 1134 <p class="pt-2 text-center"> 1135 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://biblioteca.ufc.br/pt/"> 1136 Sistema de Bibliotecas 1137 </a> 1138 </p> 1139 1140 </div> 1141 1142 </div> 1143 1144 </div> 1145 </div> 1146 1147 1148 <div class="flex items-center justify-center mt-4 gap-4"> 1149 1150 <button onclick="moveQuickSlide_quickSlider_6abe19a544708(-1)" 1151 class="blockColorText bg-white px-3 py-1 text-4xl"> 1152 <svg xmlns="http://www.w3.org/2000/svg" 1153 class="w-5 h-5 blockColorText" 1154 fill="none"
1155 viewBox="0 0 24 24" 1156 stroke="currentColor"> 1157 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1158 d="M15 19l-7-7 7-7" /> 1159 </svg></button> 1160 1161 <div class="flex gap-2"> 1162 <button onclick="goToQuickSlide_quickSlider_6abe19a544708(0)" 1163 class="dotQuick blockColorText w-3 h-3 rounded-full bg-gray-300"></button> 1164 <button onclick="goToQuickSlide_quickSlider_6abe19a544708(1)" 1165 class="dotQuick blockColorText w-3 h-3 rounded-full bg-gray-300"></button> 1166 </div> 1167 1168 <button onclick="moveQuickSlide_quickSlider_6abe19a544708(1)" 1169 class="blockColorText bg-white px-3 py-1 text-4xl"> 1170 <svg xmlns="http://www.w3.org/2000/svg" 1171 class="w-5 h-5 blockColorText" 1172 fill="none" 1173 viewBox="0 0 24 24" 1174 stroke="currentColor"> 1175 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1176 d="M9 5l7 7-7 7" /> 1177 </svg></button> 1178 1179 </div> 1180 1181 </div> 1182 </div> 1183 1184 </div> 1185 </div> 1186</div> 1187
1188<script> 1189(function() { 1190 let quickIndex = 0; 1191 1192 const slider = document.getElementById('quickSlider_6abe19a544708'); 1193 const wrapper = document.getElementById('quickSlider_6abe19a544708_component'); 1194 const dots = wrapper.querySelectorAll('.dotQuick'); 1195 1196 let isDragging = false; 1197 let startX = 0; 1198 let currentTranslate = 0; 1199 let prevTranslate = 0; 1200 let animationID = 0; 1201 1202 let hasMoved = false; 1203 1204 function updateQuickDots() { 1205 dots.forEach((dot, i) => { 1206 dot.classList.toggle('dot-active', i === quickIndex); 1207 dot.classList.toggle('bg-gray-300', i !== quickIndex); 1208 }); 1209 } 1210 1211 function setPositionByIndex() { 1212 currentTranslate = quickIndex * -wrapper.offsetWidth; 1213 prevTranslate = currentTranslate; 1214 slider.style.transform = `translateX(${currentTranslate}px)`; 1215 updateQuickDots(); 1216 } 1217 1218 window.moveQuickSlide_quickSlider_6abe19a544708 = function(direction) { 1219 const total = slider.children.length; 1220 1221 quickIndex += direction; 1222 1223 if (quickIndex < 0) quickIndex = 0; 1224 if (quickIndex >= total) quickIndex = total - 1; 1225 1226 setPositionByIndex(); 1227 } 1228 1229 window.goToQuickSlide_quickSlider_6abe19a544708 = function(index) { 1230 quickIndex = index; 1231 setPositionByIndex(); 1232 } 1233 1234 function getPositionX(event) { 1235 return event.type.includes('mouse') 1236 ? event.pageX 1237 : event.touches[0].clientX; 1238 } 1239 1240 function touchStart(event) { 1241 isDragging = true; 1242 hasMoved = false; 1243 startX = getPositionX(event); 1244 animationID = requestAnimationFrame(animation); 1245 slider.style.transition = 'none'; 1246 } 1247 1248 function touchMove(event) { 1249 if (!isDragging) return; 1250 1251 const currentPosition = getPositionX(event); 1252 const diff = currentPosition - startX; 1253 1254 if (Math.abs(diff) > 5) { 1255 hasMoved = true; 1256 } 1257 1258 currentTranslate = prevTranslate + diff; 1259 } 1260 1261 function touchEnd() { 1262 cancelAnimationFrame(animationID); 1263 isDragging = false; 1264 1265 const movedBy = currentTranslate - prevTranslate; 1266 1267 if (movedBy < -80 && quickIndex < slider.children.length - 1) { 1268 quickIndex++; 1269 } 1270 1271 if (movedBy > 80 && quickIndex > 0) { 1272 quickIndex--; 1273 } 1274 1275 slider.style.transition = 'transform 0.3s ease-in-out'; 1276 setPositionByIndex(); 1277 1278 setTimeout(() => { 1279 hasMoved = false; 1280 }, 50); 1281 } 1282 1283 function animation() { 1284 slider.style.transform = `translateX(${currentTranslate}px)`; 1285 if (isDragging) requestAnimationFrame(animation); 1286 } 1287 1288 // TOUCH 1289 slider.addEventListener('touchstart', touchStart); 1290 slider.addEventListener('touchmove', touchMove); 1291 slider.addEventListener('touchend', touchEnd); 1292 1293 // MOUSE 1294 slider.addEventListener('mousedown', touchStart); 1295 slider.addEventListener('mousemove', touchMove); 1296 slider.addEventListener('mouseup', touchEnd); 1297 slider.addEventListener('mouseleave', () => { 1298 if (isDragging) touchEnd(); 1299 }); 1300 1301 // bloqueia clique ao arrastar 1302 slider.querySelectorAll('a').forEach(link => { 1303 link.addEventListener('click', function(e) { 1304 if (hasMoved) { 1305 e.preventDefault(); 1306 e.stopImmediatePropagation(); 1307 } 1308 }); 1309 }); 1310 1311 // evita drag de imagem 1312 slider.querySelectorAll('img').forEach(img => { 1313 img.addEventListener('dragstart', (e) => e.preventDefault()); 1314 }); 1315 1316 document.addEventListener('DOMContentLoaded', setPositionByIndex); 1317 1318})(); 1319</script>
1319 1320 1321<style> 1322.dot-active { 1323 background-color: currentColor; 1324} 1325</style> 1326 1327<div class="ufc-block ufc-block-quick-access 1328 "> 1329 <div class="container mx-auto max-w-5xl px-4"> 1330 <div class="ignore-links grid grid-cols-3 lg:grid-cols-12 place-content-center gap-7"> 1331 <div class="text-center col-span-12"> 1332 <h3 class="font-semibold text-xl blockColorText 1333 ">Servidores</h3> 1334 </div> 1335 1336 <div class="col-span-12 flex gap-6 justify-around"> 1337 <div class="hidden md:flex flex-row justify-center w-full flex-wrap"> 1338 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 1339 1340 <a class="inline-block" href="https://progep.ufc.br/pt/enderecos-e-telefones/" title="Atendimento ao Servidor"> 1341 <img src="/storage/ufc-media/imgs/contatos-da-reitoria.png" 1342 alt="Ãcone representativo de telefone e e-mail" 1343 class="m-0! hover:scale-110 transition-all" 1344 width="100" 1345 height="100"> 1346 </a> 1347 1348 <p class="pt-2 text-center"> 1349 <a class="font-semibold inline-block bg-transparent! 1350 text-black hover:text-(--color-base) dark:text-white" 1351 href="https://progep.ufc.br/pt/enderecos-e-telefones/"> 1352 Atendimento ao Servidor</a> 1353 </p> 1354 1355 </div> 1356 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 1357 1358 <a class="inline-block" href="https://progep.ufc.br/pt/confira-os-cursos-com-inscricoes-abertas-para-servidores-4/" title="Cursos e Formações"> 1359 <img src="/storage/ufc-media/imgs/cursos-e-formacoes.png" 1360 alt="ÃCONE - Cursos e formaçoÌes" 1361 class="m-0! hover:scale-110 transition-all" 1362 width="100" 1363 height="100"> 1364 </a> 1365 1366 <p class="pt-2 text-center"> 1367 <a class="font-semibold inline-block bg-transparent! 1368 text-black hover:text-(--color-base) dark:text-white" 1369 href="https://progep.ufc.br/pt/confira-os-cursos-com-inscricoes-abertas-para-servidores-4/"> 1370 Cursos e Formações</a> 1371 </p> 1372 1373 </div> 1374 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 1375 1376 <a class="inline-block" href="https://progep.ufc.br/pt/qualidade-de-vida/" title="Qualidade de Vida"> 1377 <img src="/storage/ufc-media/imgs/qualidade-de-vida.png" 1378 alt="ÃCONE - Qualidade de vida" 1379 class="m-0! hover:scale-110 transition-all" 1380 width="100" 1381 height="100"> 1382 </a> 1383 1384 <p class="pt-2 text-center"> 1385 <a class="font-semibold inline-block bg-transparent! 1386 text-black hover:text-(--color-base) dark:text-white" 1387 href="https://progep.ufc.br/pt/qualidade-de-vida/"> 1388 Qualidade de Vida</a> 1389 </p> 1390 1391 </div> 1392 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 1393 1394 <a class="inline-block" href="https://appsti.ufc.br/ticket/" title="Solicitação de Serviços de TI"> 1395 <img src="/storage/ufc-media/imgs/solicitacao-de-servicos-de-ti.png" 1396 alt="ÃCONE - SolicitaçaÌo de Serviços de TI" 1397 class="m-0! hover:scale-110 transition-all" 1398 width="100" 1399 height="100"> 1400 </a> 1401 1402 <p class="pt-2 text-center"> 1403 <a class="font-semibold inline-block bg-transparent! 1404 text-black hover:text-(--color-base) dark:text-white" 1405 href="https://appsti.ufc.br/ticket/"> 1406 Solicitação de Serviços de TI</a> 1407 </p> 1408 1409 </div> 1410 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 1411 1412 <a class="inline-block" href="https://www.gov.br/servidor/pt-br/assuntos/sou-gov" title="SouGov.BR - Portal do Servidor">
1413 <img src="/storage/ufc-media/imgs/sougov.png" 1414 alt="ÃCONE - SOUGOV" 1415 class="m-0! hover:scale-110 transition-all" 1416 width="100" 1417 height="100"> 1418 </a> 1419 1420 <p class="pt-2 text-center"> 1421 <a class="font-semibold inline-block bg-transparent! 1422 text-black hover:text-(--color-base) dark:text-white" 1423 href="https://www.gov.br/servidor/pt-br/assuntos/sou-gov"> 1424 SouGov.BR - Portal do Servidor</a> 1425 </p> 1426 1427 </div> 1428 </div> 1429 1430 1431 <div id="quickSlider_6abe19a54609a_component" class="md:hidden relative overflow-hidden"> 1432 1433 <div id="quickSlider_6abe19a54609a" 1434 class="flex transition-transform duration-300 ease-in-out"> 1435 1436 <div class="w-full shrink-0 flex justify-center"> 1437 1438 <div class="grid grid-cols-2 gap-4 w-[90%]"> 1439 1440 <div class="flex flex-col items-center text-center p-3"> 1441 1442 <a href="https://progep.ufc.br/pt/enderecos-e-telefones/"> 1443 <img src="/storage/ufc-media/imgs/contatos-da-reitoria.png" 1444 alt="Ãcone representativo de telefone e e-mail" 1445 class="m-0! hover:scale-110 transition-all" 1446 width="80"> 1447 </a> 1448 1449 <p class="pt-2 text-center"> 1450 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://progep.ufc.br/pt/enderecos-e-telefones/"> 1451 Atendimento ao Servidor 1452 </a> 1453 </p> 1454 1455 </div> 1456 <div class="flex flex-col items-center text-center p-3"> 1457 1458 <a href="https://progep.ufc.br/pt/confira-os-cursos-com-inscricoes-abertas-para-servidores-4/"> 1459 <img src="/storage/ufc-media/imgs/cursos-e-formacoes.png" 1460 alt="ÃCONE - Cursos e formaçoÌes" 1461 class="m-0! hover:scale-110 transition-all" 1462 width="80"> 1463 </a> 1464 1465 <p class="pt-2 text-center"> 1466 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://progep.ufc.br/pt/confira-os-cursos-com-inscricoes-abertas-para-servidores-4/"> 1467 Cursos e Formações 1468 </a> 1469 </p> 1470 1471 </div> 1472 <div class="flex flex-col items-center text-center p-3"> 1473 1474 <a href="https://progep.ufc.br/pt/qualidade-de-vida/"> 1475 <img src="/storage/ufc-media/imgs/qualidade-de-vida.png" 1476 alt="ÃCONE - Qualidade de vida" 1477 class="m-0! hover:scale-110 transition-all" 1478 width="80"> 1479 </a> 1480 1481 <p class="pt-2 text-center"> 1482 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://progep.ufc.br/pt/qualidade-de-vida/"> 1483 Qualidade de Vida 1484 </a> 1485 </p> 1486 1487 </div> 1488 <div class="flex flex-col items-center text-center p-3"> 1489 1490 <a href="https://appsti.ufc.br/ticket/"> 1491 <img src="/storage/ufc-media/imgs/solicitacao-de-servicos-de-ti.png" 1492 alt="ÃCONE - SolicitaçaÌo de Serviços de TI" 1493 class="m-0! hover:scale-110 transition-all" 1494 width="80"> 1495 </a> 1496 1497 <p class="pt-2 text-center"> 1498 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://appsti.ufc.br/ticket/"> 1499 Solicitação de Serviços de TI 1500 </a> 1501 </p> 1502 1503 </div> 1504 1505 </div> 1506 1507 </div> 1508 <div class="w-full shrink-0 flex justify-center"> 1509 1510 <div class="grid grid-cols-2 gap-4 w-[90%]"> 1511 1512 <div class="flex flex-col items-center text-center p-3"> 1513 1514 <a href="https://www.gov.br/servidor/pt-br/assuntos/sou-gov">
1515 <img src="/storage/ufc-media/imgs/sougov.png" 1516 alt="ÃCONE - SOUGOV" 1517 class="m-0! hover:scale-110 transition-all" 1518 width="80"> 1519 </a> 1520 1521 <p class="pt-2 text-center"> 1522 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://www.gov.br/servidor/pt-br/assuntos/sou-gov"> 1523 SouGov.BR - Portal do Servidor 1524 </a> 1525 </p> 1526 1527 </div> 1528 1529 </div> 1530 1531 </div> 1532 </div> 1533 1534 1535 <div class="flex items-center justify-center mt-4 gap-4"> 1536 1537 <button onclick="moveQuickSlide_quickSlider_6abe19a54609a(-1)" 1538 class="blockColorText bg-white px-3 py-1 text-4xl"> 1539 <svg xmlns="http://www.w3.org/2000/svg" 1540 class="w-5 h-5 blockColorText" 1541 fill="none"
1542 viewBox="0 0 24 24" 1543 stroke="currentColor"> 1544 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1545 d="M15 19l-7-7 7-7" /> 1546 </svg></button> 1547 1548 <div class="flex gap-2"> 1549 <button onclick="goToQuickSlide_quickSlider_6abe19a54609a(0)" 1550 class="dotQuick blockColorText w-3 h-3 rounded-full bg-gray-300"></button> 1551 <button onclick="goToQuickSlide_quickSlider_6abe19a54609a(1)" 1552 class="dotQuick blockColorText w-3 h-3 rounded-full bg-gray-300"></button> 1553 </div> 1554 1555 <button onclick="moveQuickSlide_quickSlider_6abe19a54609a(1)" 1556 class="blockColorText bg-white px-3 py-1 text-4xl"> 1557 <svg xmlns="http://www.w3.org/2000/svg" 1558 class="w-5 h-5 blockColorText" 1559 fill="none" 1560 viewBox="0 0 24 24" 1561 stroke="currentColor"> 1562 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1563 d="M9 5l7 7-7 7" /> 1564 </svg></button> 1565 1566 </div> 1567 1568 </div> 1569 </div> 1570 1571 </div> 1572 </div> 1573</div> 1574
1575<script> 1576(function() { 1577 let quickIndex = 0; 1578 1579 const slider = document.getElementById('quickSlider_6abe19a54609a'); 1580 const wrapper = document.getElementById('quickSlider_6abe19a54609a_component'); 1581 const dots = wrapper.querySelectorAll('.dotQuick'); 1582 1583 let isDragging = false; 1584 let startX = 0; 1585 let currentTranslate = 0; 1586 let prevTranslate = 0; 1587 let animationID = 0; 1588 1589 let hasMoved = false; 1590 1591 function updateQuickDots() { 1592 dots.forEach((dot, i) => { 1593 dot.classList.toggle('dot-active', i === quickIndex); 1594 dot.classList.toggle('bg-gray-300', i !== quickIndex); 1595 }); 1596 } 1597 1598 function setPositionByIndex() { 1599 currentTranslate = quickIndex * -wrapper.offsetWidth; 1600 prevTranslate = currentTranslate; 1601 slider.style.transform = `translateX(${currentTranslate}px)`; 1602 updateQuickDots(); 1603 } 1604 1605 window.moveQuickSlide_quickSlider_6abe19a54609a = function(direction) { 1606 const total = slider.children.length; 1607 1608 quickIndex += direction; 1609 1610 if (quickIndex < 0) quickIndex = 0; 1611 if (quickIndex >= total) quickIndex = total - 1; 1612 1613 setPositionByIndex(); 1614 } 1615 1616 window.goToQuickSlide_quickSlider_6abe19a54609a = function(index) { 1617 quickIndex = index; 1618 setPositionByIndex(); 1619 } 1620 1621 function getPositionX(event) { 1622 return event.type.includes('mouse') 1623 ? event.pageX 1624 : event.touches[0].clientX; 1625 } 1626 1627 function touchStart(event) { 1628 isDragging = true; 1629 hasMoved = false; 1630 startX = getPositionX(event); 1631 animationID = requestAnimationFrame(animation); 1632 slider.style.transition = 'none'; 1633 } 1634 1635 function touchMove(event) { 1636 if (!isDragging) return; 1637 1638 const currentPosition = getPositionX(event); 1639 const diff = currentPosition - startX; 1640 1641 if (Math.abs(diff) > 5) { 1642 hasMoved = true; 1643 } 1644 1645 currentTranslate = prevTranslate + diff; 1646 } 1647 1648 function touchEnd() { 1649 cancelAnimationFrame(animationID); 1650 isDragging = false; 1651 1652 const movedBy = currentTranslate - prevTranslate; 1653 1654 if (movedBy < -80 && quickIndex < slider.children.length - 1) { 1655 quickIndex++; 1656 } 1657 1658 if (movedBy > 80 && quickIndex > 0) { 1659 quickIndex--; 1660 } 1661 1662 slider.style.transition = 'transform 0.3s ease-in-out'; 1663 setPositionByIndex(); 1664 1665 setTimeout(() => { 1666 hasMoved = false; 1667 }, 50); 1668 } 1669 1670 function animation() { 1671 slider.style.transform = `translateX(${currentTranslate}px)`; 1672 if (isDragging) requestAnimationFrame(animation); 1673 } 1674 1675 // TOUCH 1676 slider.addEventListener('touchstart', touchStart); 1677 slider.addEventListener('touchmove', touchMove); 1678 slider.addEventListener('touchend', touchEnd); 1679 1680 // MOUSE 1681 slider.addEventListener('mousedown', touchStart); 1682 slider.addEventListener('mousemove', touchMove); 1683 slider.addEventListener('mouseup', touchEnd); 1684 slider.addEventListener('mouseleave', () => { 1685 if (isDragging) touchEnd(); 1686 }); 1687 1688 // bloqueia clique ao arrastar 1689 slider.querySelectorAll('a').forEach(link => { 1690 link.addEventListener('click', function(e) { 1691 if (hasMoved) { 1692 e.preventDefault(); 1693 e.stopImmediatePropagation(); 1694 } 1695 }); 1696 }); 1697 1698 // evita drag de imagem 1699 slider.querySelectorAll('img').forEach(img => { 1700 img.addEventListener('dragstart', (e) => e.preventDefault()); 1701 }); 1702 1703 document.addEventListener('DOMContentLoaded', setPositionByIndex); 1704 1705})(); 1706</script>
1706 1707 1708<style> 1709.dot-active { 1710 background-color: currentColor; 1711} 1712</style> 1713 1714<div class="ufc-block ufc-block-quick-access 1715 "> 1716 <div class="container mx-auto max-w-5xl px-4"> 1717 <div class="ignore-links grid grid-cols-3 lg:grid-cols-12 place-content-center gap-7"> 1718 <div class="text-center col-span-12"> 1719 <h3 class="font-semibold text-xl blockColorText 1720 ">Comunidade</h3> 1721 </div> 1722 1723 <div class="col-span-12 flex gap-6 justify-around"> 1724 <div class="hidden md:flex flex-row justify-center w-full flex-wrap"> 1725 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 1726 1727 <a class="inline-block" href="https://sisu.ufc.br/pt/boas-vindas/" title="Sisu na UFC"> 1728 <img src="/storage/ufc-media/imgs/sisu.png" 1729 alt="ÃCONE SISU" 1730 class="m-0! hover:scale-110 transition-all" 1731 width="100" 1732 height="100"> 1733 </a> 1734 1735 <p class="pt-2 text-center"> 1736 <a class="font-semibold inline-block bg-transparent! 1737 text-black hover:text-(--color-base) dark:text-white" 1738 href="https://sisu.ufc.br/pt/boas-vindas/"> 1739 Sisu na UFC</a> 1740 </p> 1741 1742 </div> 1743 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 1744 1745 <a class="inline-block" href="https://ouvidoria.ufc.br/pt/" title="Ouvidoria | Fala.BR"> 1746 <img src="/storage/ufc-media/imgs/acesso-a-informacao.png" 1747 alt="ÃCONE - Acesso aÌ InformaçaÌo" 1748 class="m-0! hover:scale-110 transition-all" 1749 width="100" 1750 height="100"> 1751 </a> 1752 1753 <p class="pt-2 text-center"> 1754 <a class="font-semibold inline-block bg-transparent! 1755 text-black hover:text-(--color-base) dark:text-white" 1756 href="https://ouvidoria.ufc.br/pt/"> 1757 Ouvidoria | Fala.BR</a> 1758 </p> 1759 1760 </div> 1761 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 1762 1763 <a class="inline-block" href="https://proplad.ufc.br/pt/licitacoes/" title="Licitações e Contratos"> 1764 <img src="/storage/ufc-media/imgs/licitacoes-e-contratos.png" 1765 alt="ÃCONES - LicitaçoÌes e Contratos" 1766 class="m-0! hover:scale-110 transition-all" 1767 width="100" 1768 height="100"> 1769 </a> 1770 1771 <p class="pt-2 text-center"> 1772 <a class="font-semibold inline-block bg-transparent! 1773 text-black hover:text-(--color-base) dark:text-white" 1774 href="https://proplad.ufc.br/pt/licitacoes/"> 1775 Licitações e Contratos</a> 1776 </p> 1777 1778 </div> 1779 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 1780 1781 <a class="inline-block" href="https://proplad.ufc.br/pt/transparencia-e-prestacao-de-contas/" title="Transparência e Prestação de Contas"> 1782 <img src="/storage/ufc-media/imgs/transparencia-e-prestacao-de-contas.png" 1783 alt="ÃCONE - TranspareÌncia e PrestaçaÌo de Contas" 1784 class="m-0! hover:scale-110 transition-all" 1785 width="100" 1786 height="100"> 1787 </a> 1788 1789 <p class="pt-2 text-center"> 1790 <a class="font-semibold inline-block bg-transparent! 1791 text-black hover:text-(--color-base) dark:text-white" 1792 href="https://proplad.ufc.br/pt/transparencia-e-prestacao-de-contas/"> 1793 Transparência e Prestação de Contas</a> 1794 </p> 1795 1796 </div> 1797 </div> 1798 1799 1800 <div id="quickSlider_6abe19a54770b_component" class="md:hidden relative overflow-hidden"> 1801 1802 <div id="quickSlider_6abe19a54770b" 1803 class="flex transition-transform duration-300 ease-in-out"> 1804 1805 <div class="w-full shrink-0 flex justify-center"> 1806 1807 <div class="grid grid-cols-2 gap-4 w-[90%]"> 1808 1809 <div class="flex flex-col items-center text-center p-3"> 1810 1811 <a href="https://sisu.ufc.br/pt/boas-vindas/">
1812 <img src="/storage/ufc-media/imgs/sisu.png" 1813 alt="ÃCONE SISU" 1814 class="m-0! hover:scale-110 transition-all" 1815 width="80"> 1816 </a> 1817 1818 <p class="pt-2 text-center"> 1819 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://sisu.ufc.br/pt/boas-vindas/"> 1820 Sisu na UFC 1821 </a> 1822 </p> 1823 1824 </div> 1825 <div class="flex flex-col items-center text-center p-3"> 1826 1827 <a href="https://ouvidoria.ufc.br/pt/"> 1828 <img src="/storage/ufc-media/imgs/acesso-a-informacao.png" 1829 alt="ÃCONE - Acesso aÌ InformaçaÌo" 1830 class="m-0! hover:scale-110 transition-all" 1831 width="80"> 1832 </a> 1833 1834 <p class="pt-2 text-center"> 1835 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://ouvidoria.ufc.br/pt/"> 1836 Ouvidoria | Fala.BR 1837 </a> 1838 </p> 1839 1840 </div> 1841 <div class="flex flex-col items-center text-center p-3"> 1842 1843 <a href="https://proplad.ufc.br/pt/licitacoes/"> 1844 <img src="/storage/ufc-media/imgs/licitacoes-e-contratos.png" 1845 alt="ÃCONES - LicitaçoÌes e Contratos" 1846 class="m-0! hover:scale-110 transition-all" 1847 width="80"> 1848 </a> 1849 1850 <p class="pt-2 text-center"> 1851 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://proplad.ufc.br/pt/licitacoes/"> 1852 Licitações e Contratos 1853 </a> 1854 </p> 1855 1856 </div> 1857 <div class="flex flex-col items-center text-center p-3"> 1858 1859 <a href="https://proplad.ufc.br/pt/transparencia-e-prestacao-de-contas/"> 1860 <img src="/storage/ufc-media/imgs/transparencia-e-prestacao-de-contas.png" 1861 alt="ÃCONE - TranspareÌncia e PrestaçaÌo de Contas" 1862 class="m-0! hover:scale-110 transition-all" 1863 width="80"> 1864 </a> 1865 1866 <p class="pt-2 text-center"> 1867 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://proplad.ufc.br/pt/transparencia-e-prestacao-de-contas/"> 1868 Transparência e Prestação de Contas 1869 </a> 1870 </p> 1871 1872 </div> 1873 1874 </div> 1875 1876 </div> 1877 </div> 1878 1879 1880 <div class="flex items-center justify-center mt-4 gap-4"> 1881 1882 <button onclick="moveQuickSlide_quickSlider_6abe19a54770b(-1)" 1883 class="blockColorText bg-white px-3 py-1 text-4xl"> 1884 <svg xmlns="http://www.w3.org/2000/svg" 1885 class="w-5 h-5 blockColorText" 1886 fill="none"
1887 viewBox="0 0 24 24" 1888 stroke="currentColor"> 1889 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1890 d="M15 19l-7-7 7-7" /> 1891 </svg></button> 1892 1893 <div class="flex gap-2"> 1894 <button onclick="goToQuickSlide_quickSlider_6abe19a54770b(0)" 1895 class="dotQuick blockColorText w-3 h-3 rounded-full bg-gray-300"></button> 1896 </div> 1897 1898 <button onclick="moveQuickSlide_quickSlider_6abe19a54770b(1)" 1899 class="blockColorText bg-white px-3 py-1 text-4xl"> 1900 <svg xmlns="http://www.w3.org/2000/svg" 1901 class="w-5 h-5 blockColorText" 1902 fill="none" 1903 viewBox="0 0 24 24" 1904 stroke="currentColor"> 1905 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1906 d="M9 5l7 7-7 7" /> 1907 </svg></button> 1908 1909 </div> 1910 1911 </div> 1912 </div> 1913 1914 </div> 1915 </div> 1916</div> 1917
1918<script> 1919(function() { 1920 let quickIndex = 0; 1921 1922 const slider = document.getElementById('quickSlider_6abe19a54770b'); 1923 const wrapper = document.getElementById('quickSlider_6abe19a54770b_component'); 1924 const dots = wrapper.querySelectorAll('.dotQuick'); 1925 1926 let isDragging = false; 1927 let startX = 0; 1928 let currentTranslate = 0; 1929 let prevTranslate = 0; 1930 let animationID = 0; 1931 1932 let hasMoved = false; 1933 1934 function updateQuickDots() { 1935 dots.forEach((dot, i) => { 1936 dot.classList.toggle('dot-active', i === quickIndex); 1937 dot.classList.toggle('bg-gray-300', i !== quickIndex); 1938 }); 1939 } 1940 1941 function setPositionByIndex() { 1942 currentTranslate = quickIndex * -wrapper.offsetWidth; 1943 prevTranslate = currentTranslate; 1944 slider.style.transform = `translateX(${currentTranslate}px)`; 1945 updateQuickDots(); 1946 } 1947 1948 window.moveQuickSlide_quickSlider_6abe19a54770b = function(direction) { 1949 const total = slider.children.length; 1950 1951 quickIndex += direction; 1952 1953 if (quickIndex < 0) quickIndex = 0; 1954 if (quickIndex >= total) quickIndex = total - 1; 1955 1956 setPositionByIndex(); 1957 } 1958 1959 window.goToQuickSlide_quickSlider_6abe19a54770b = function(index) { 1960 quickIndex = index; 1961 setPositionByIndex(); 1962 } 1963 1964 function getPositionX(event) { 1965 return event.type.includes('mouse') 1966 ? event.pageX 1967 : event.touches[0].clientX; 1968 } 1969 1970 function touchStart(event) { 1971 isDragging = true; 1972 hasMoved = false; 1973 startX = getPositionX(event); 1974 animationID = requestAnimationFrame(animation); 1975 slider.style.transition = 'none'; 1976 } 1977 1978 function touchMove(event) { 1979 if (!isDragging) return; 1980 1981 const currentPosition = getPositionX(event); 1982 const diff = currentPosition - startX; 1983 1984 if (Math.abs(diff) > 5) { 1985 hasMoved = true; 1986 } 1987 1988 currentTranslate = prevTranslate + diff; 1989 } 1990 1991 function touchEnd() { 1992 cancelAnimationFrame(animationID); 1993 isDragging = false; 1994 1995 const movedBy = currentTranslate - prevTranslate; 1996 1997 if (movedBy < -80 && quickIndex < slider.children.length - 1) { 1998 quickIndex++; 1999 } 2000 2001 if (movedBy > 80 && quickIndex > 0) { 2002 quickIndex--; 2003 } 2004 2005 slider.style.transition = 'transform 0.3s ease-in-out'; 2006 setPositionByIndex(); 2007 2008 setTimeout(() => { 2009 hasMoved = false; 2010 }, 50); 2011 } 2012 2013 function animation() { 2014 slider.style.transform = `translateX(${currentTranslate}px)`; 2015 if (isDragging) requestAnimationFrame(animation); 2016 } 2017 2018 // TOUCH 2019 slider.addEventListener('touchstart', touchStart); 2020 slider.addEventListener('touchmove', touchMove); 2021 slider.addEventListener('touchend', touchEnd); 2022 2023 // MOUSE 2024 slider.addEventListener('mousedown', touchStart); 2025 slider.addEventListener('mousemove', touchMove); 2026 slider.addEventListener('mouseup', touchEnd); 2027 slider.addEventListener('mouseleave', () => { 2028 if (isDragging) touchEnd(); 2029 }); 2030 2031 // bloqueia clique ao arrastar 2032 slider.querySelectorAll('a').forEach(link => { 2033 link.addEventListener('click', function(e) { 2034 if (hasMoved) { 2035 e.preventDefault(); 2036 e.stopImmediatePropagation(); 2037 } 2038 }); 2039 }); 2040 2041 // evita drag de imagem 2042 slider.querySelectorAll('img').forEach(img => { 2043 img.addEventListener('dragstart', (e) => e.preventDefault()); 2044 }); 2045 2046 document.addEventListener('DOMContentLoaded', setPositionByIndex); 2047 2048})(); 2049</script>
2049 2050 2051<style> 2052.dot-active { 2053 background-color: currentColor; 2054} 2055</style> 2056 2057<p></p><div class="ufcinforma flex flex-col gap-4"> 2058 <div class="text-center col-span-12"> 2059 <h3 class="font-semibold text-xl blockColorText 2060 ">Agenda</h3> 2061 <h3 class="text-4xl 2062 ">Participe de eventos e cursos na universidade</h3> 2063 </div> 2064 2065 <div class="grid grid-cols-3 sm:grid-cols-6 lg:grid-cols-12 gap-4"> 2066 <div class="ufcinforma-card-1 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden"> 2067 <img class="w-full h-[166px] object-cover" 2068 src="https://ufcinforma.ufc.br/storage/ufc-media/imgs/55046058183-6304e75af6-c.jpg" 2069 alt="Estrutura de pedras na areia da praia, com um furo no meio, e entrando para o mar, conhecida como Pedra Furada, em Jericoacoara"> 2070 <div class="flex"> 2071 <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/labomar-abre-inscricoes-para-curso-de-turismo-de-experiencia-em-jericoacoara"> 2072 <span> 2073 <span class="block font-bold text-base mb-1" style="color: var(--color-base)">1º A 30 DE OUTUBRO</span> 2074 <span class="block font-light text-sm">Labomar recebe inscrições para curso de Turismo de Experiência em Jericoacoara</span> 2075 </span> 2076 </a> 2077 </div> 2078 </div> 2079 <div class="ufcinforma-card-2 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden"> 2080 <img class="w-full h-[166px] object-cover" 2081 src="https://ufcinforma.ufc.br/storage/ufc-media/imgs/ft-260922-lixo-eletronico.png" 2082 alt="Material de lixo eletr&ocirc;nico"> 2083 <div class="flex"> 2084 <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/secretaria-de-meio-ambiente-da-ufc-instala-pontos-de-coleta-de-residuos-eletronicos"> 2085 <span> 2086 <span class="block font-bold text-base mb-1" style="color: var(--color-base)">2 DE OUTUBRO</span> 2087 <span class="block font-light text-sm">Secretaria de Meio Ambiente instalará pontos de coleta de resÃduos eletrônicos na universidade</span> 2088 </span> 2089 </a> 2090 </div> 2091 </div> 2092 <div class="ufcinforma-card-3 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden"> 2093 <img class="w-full h-[166px] object-cover" 2094 src="https://ufcinforma.ufc.br/storage/ufc-media/imgs/ft-260928-congresso-dmusi-musica-digital.png" 2095 alt="Mo&ccedil;a negra que est&aacute; utilizando fones de ouvido, um computador e um teclado para ouvir as produ&ccedil;&otilde;es de um est&uacute;dio de m&uacute;sica"> 2096 <div class="flex"> 2097 <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/congresso-dmusi-discute-ensino-e-aprendizagem-da-musica-em-ambientes-digitais-inscricoes-ate-4-de-outubro"> 2098 <span> 2099 <span class="block font-bold text-base mb-1" style="color: var(--color-base)">INSCRIÃÃES ATà 4/10</span> 2100 <span class="block font-light text-sm">Congresso Dmusi discutirá educação musical em ambientes digitais; abertura terá palestra de Leo Burd, do MIT</span> 2101 </span> 2102 </a> 2103 </div> 2104 </div> 2105 <div class="ufcinforma-card-4 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden"> 2106 <img class="w-full h-[166px] object-cover" 2107 src="https://ufcinforma.ufc.br/storage/ufc-media/img
2107s/ft-260910-museu-fotografia-fortaleza.png" 2108 alt="Fachada do Museu da Fotografia Fortaleza"> 2109 <div class="flex"> 2110 <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/grupo-de-pesquisa-do-ica-transforma-memorias-e-sonhos-em-exposicao-no-museu-da-fotografia-fortaleza"> 2111 <span> 2112 <span class="block font-bold text-base mb-1" style="color: var(--color-base)">ATà 11 DE OUTUBRO</span> 2113 <span class="block font-light text-sm">Grupo de pesquisa do ICA transforma memórias e sonhos em exposição no Museu da Fotografia Fortaleza</span> 2114 </span> 2115 </a> 2116 </div> 2117 </div> 2118 </div> 2119 2120 <div class="flex text-center col-span-12 justify-center"> 2121 <a target="_self" 2122 href="https://ufcinforma.ufc.br/noticias/eventos" 2123 class=" 2124 blockButton 2125 blockColorText 2126 blockBorder 2127 border rounded-full 2128 inline-block 2129 text-lg px-8 py-2.5 2130 hover:bg-(--color-base) 2131 md:min-w-px 2132 " 2133 >Acesse mais notÃcias sobre eventos</a> 2134</div> </div> 2135<p></p><div class="ufcinforma flex flex-col gap-4"> 2136 <div class="text-center col-span-12"> 2137 <h3 class="font-semibold text-xl blockColorText 2138 ">Seleções e Oportunidades</h3> 2139 <h3 class="text-4xl 2140 ">Confira editais lançados</h3> 2141 </div> 2142 2143 <div class="grid grid-cols-3 sm:grid-cols-6 lg:grid-cols-12 gap-4"> 2144 <div class="ufcinforma-card-1 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden"> 2145 <img class="w-full h-[166px] object-cover" 2146 src="https://ufcinforma.ufc.br/storage/ufc-media/imgs/ft-260528-reitoria-gr.jpg" 2147 alt="Imagem: Reitoria da UFC"> 2148 <div class="flex"> 2149 <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/edital-da-ufc-oferta-61-vagas-de-professor-efetivo-nos-campi-de-fortaleza-crateus-itapaje-quixada-russas-e-sobral"> 2150 <span> 2151 <span class="block font-bold text-base mb-1" style="color: var(--color-base)">EDITAL ATUALIZADO</span> 2152 <span class="block font-light text-sm">Concurso da UFC oferta 65 vagas de professor efetivo nos campi de Fortaleza, Crateús, Itapajé, Quixadá, Russas e Sobral</span> 2153 </span> 2154 </a> 2155 </div> 2156 </div> 2157 <div class="ufcinforma-card-2 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden"> 2158 <img class="w-full h-[166px] object-cover" 2159 src="https://ufcinforma.ufc.br/storage/ufc-media/imgs/ft-260914-cursoia.jpg" 2160 alt="Homem negro visto de perfil, diante de telas de computador com imagens referentes à inteligência artificial"> 2161 <div class="flex"> 2162 <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/pcomp-oferta-27-vagas-para-mestrado-em-computacao-no-campus-de-quixada-inscricoes-ate-16-de-outubro"> 2163 <span> 2164 <span class="block font-bold text-base mb-1" style="color: var(--color-base)">PÃS-GRADUAÃÃO</span> 2165 <span class="block font-light text-sm">Edital oferta 27 vagas para mestrado em Computação no Campus de Quixadá; inscrições até 16 de outubro</span> 2166 </span> 2167 </a> 2168 </div> 2169 </div> 2170 <div class="ufcinforma-card-3 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden"> 2171 <img class="w-full h-[166px] object-cover" 2172 src="https://ufcinforma.ufc.br/storage/ufc-media/img
2172s/ft-260914-aula-de-pintura.png" 2173 alt="Mulher e criança pintando uma tela"> 2174 <div class="flex"> 2175 <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/mestrado-profissional-em-artes-profartes-recebe-inscricoes-ate-4-de-outubro-sao-ofertadas-14-vagas"> 2176 <span> 2177 <span class="block font-bold text-base mb-1" style="color: var(--color-base)">PÃS-GRADUAÃÃO</span> 2178 <span class="block font-light text-sm">Mestrado Profissional em Artes (Profartes) oferta 14 vagas na UFC; inscrições até 4 de outubro</span> 2179 </span> 2180 </a> 2181 </div> 2182 </div> 2183 <div class="ufcinforma-card-4 col-span-3 row-span-1 bg-white dark:bg-black! dark:text-white! text-base rounded-md border-b-8 border-(--color-base) overflow-hidden"> 2184 <img class="w-full h-[166px] object-cover" 2185 src="https://ufcinforma.ufc.br/storage/ufc-media/imgs/ft-260903-educacao.png" 2186 alt="Um notebook na cor prata está aberto sobre uma mesa. Em cima dele, há um caderno aberto com um lápis"> 2187 <div class="flex"> 2188 <a class="line-clamp-3 p-3 font-semibold flex flex-col justify-between gap-5" href="https://ufcinforma.ufc.br/pt/noticias/lancado-edital-para-selecao-de-mestrado-e-doutorado-em-educacao"> 2189 <span> 2190 <span class="block font-bold text-base mb-1" style="color: var(--color-base)">PÃS-GRADUAÃÃO</span> 2191 <span class="block font-light text-sm">Edital para seleção de mestrado e doutorado em Educação na UFC oferece 98 vagas</span> 2192 </span> 2193 </a> 2194 </div> 2195 </div> 2196 </div> 2197 2198 <div class="flex text-center col-span-12 justify-center"> 2199 <a target="_self" 2200 href="https://ufcinforma.ufc.br/noticias/concursos-e-selecoes" 2201 class=" 2202 blockButton 2203 blockColorText 2204 blockBorder 2205 border rounded-full 2206 inline-block 2207 text-lg px-8 py-2.5 2208 hover:bg-(--color-base) 2209 md:min-w-px 2210 " 2211 >Acesse mais notÃcias sobre editais</a> 2212</div> </div> 2213<p></p><p></p><div class="ufc-block ufc-block-data-list 2214 "> 2215 <div class="container mx-auto max-w-5xl px-4"> 2216 <div class="ignore-links grid grid-cols-3 lg:grid-cols-12 place-content-center gap-7"> 2217 <div class="text-center col-span-12"> 2218 <h3 class="font-semibold text-xl blockColorText 2219 ">Números</h3> 2220 <h3 class="text-4xl 2221 ">Sobre a UFC</h3> 2222 </div> 2223 2224 <div class="col-span-12 flex gap-6 justify-around"> 2225 <div class="hidden md:flex flex-wrap flex-row gap-2 w-full justify-center"> 2226 <div class="px-5 md:px-0 md:basis-[calc(25%-.5rem)] flex flex-col items-center gap-2 text-center"> 2227 2228 <img src="/storage/ufc-media/imgs/01KMZBXCJKHS0AXEBAH87HMXP5.png" 2229 alt="teste" 2230 class="my-0! block mx-auto" 2231 width="64"> 2232 <div class="blockColorText font-semibold text-4xl my-2"> 2233 +30.000 2234 </div> 2235 2236 <h3 class="font-semibold text-lg m-0!">Estudantes</h3> 2237 <div class="text-black text-sm">A UFC forma profissionais em diversas áreas do conhecimento</div> 2238 </div> 2239 <div class="px-5 md:px-0 md:basis-[calc(25%-.5rem)] flex flex-col items-center gap-2 text-center"> 2240 2241 <img src="/storage/ufc-media/imgs/01KMZBXCJKHS0AXEBAH87HMXP5.png" 2242 alt="teste" 2243 class="my-0! block mx-auto" 2244 width="64"> 2245 <div class="blockColorText font-semibold text-4xl my-2"> 2246 +5.000 2247 </div> 2248 2249 <h3 class="font-semibold text-lg m-0!">Servidores</h3> 2250 <div class="text-black text-sm">Docentes e técnicos administrativos qualificados</div> 2251 </div> 2252 <div class="px-5 md:px-0 md:basis-[calc(25%-.5rem)] flex flex-col items-center gap-2 text-center"> 2253
2254 <img src="/storage/ufc-media/imgs/01KMZBXCJKHS0AXEBAH87HMXP5.png" 2255 alt="teste" 2256 class="my-0! block mx-auto" 2257 width="64"> 2258 <div class="blockColorText font-semibold text-4xl my-2"> 2259 +1.400 2260 </div> 2261 2262 <h3 class="font-semibold text-lg m-0!">Ações de extensão</h3> 2263 <div class="text-black text-sm">A universidade presente no cotidiano das pessoas</div> 2264 </div> 2265 <div class="px-5 md:px-0 md:basis-[calc(25%-.5rem)] flex flex-col items-center gap-2 text-center"> 2266 2267 <img src="/storage/ufc-media/imgs/01KMZBXCJKHS0AXEBAH87HMXP5.png" 2268 alt="teste" 2269 class="my-0! block mx-auto" 2270 width="64"> 2271 <div class="blockColorText font-semibold text-4xl my-2"> 2272 +100 2273 </div> 2274 2275 <h3 class="font-semibold text-lg m-0!">Patentes</h3> 2276 <div class="text-black text-sm">Inovações que geram soluções práticas para a sociedade</div> 2277 </div> 2278 </div> 2279 2280 2281 <div id="datalist1Slider_6abe19a54c8c2_component" class="md:hidden relative overflow-hidden"> 2282 2283 <div id="datalist1Slider_6abe19a54c8c2" 2284 class="flex transition-transform duration-300 ease-in-out"> 2285 2286 <div class="w-full shrink-0 flex justify-center"> 2287 2288 <div class="grid grid-cols-2 gap-4 w-[90%]"> 2289 2290 <div class="flex flex-col items-center gap-2 text-center"> 2291 2292 <img src="/storage/ufc-media/imgs/01KMZBXCJKHS0AXEBAH87HMXP5.png" 2293 alt="teste" 2294 class="my-0! block mx-auto" 2295 width="64"> 2296 2297 <div class="blockColorText font-semibold text-4xl my-2"> 2298 +30.000 2299 </div> 2300 2301 <h3 class="font-semibold text-lg my-0!">Estudantes</h3> 2302 <div class="text-black text-sm">A UFC forma profissionais em diversas áreas do conhecimento</div> 2303 2304 </div> 2305 <div class="flex flex-col items-center gap-2 text-center"> 2306 2307 <img src="/storage/ufc-media/imgs/01KMZBXCJKHS0AXEBAH87HMXP5.png" 2308 alt="teste" 2309 class="my-0! block mx-auto" 2310 width="64"> 2311 2312 <div class="blockColorText font-semibold text-4xl my-2"> 2313 +5.000 2314 </div> 2315 2316 <h3 class="font-semibold text-lg my-0!">Servidores</h3> 2317 <div class="text-black text-sm">Docentes e técnicos administrativos qualificados</div> 2318 2319 </div> 2320 <div class="flex flex-col items-center gap-2 text-center"> 2321 2322 <img src="/storage/ufc-media/imgs/01KMZBXCJKHS0AXEBAH87HMXP5.png" 2323 alt="teste" 2324 class="my-0! block mx-auto" 2325 width="64"> 2326 2327 <div class="blockColorText font-semibold text-4xl my-2"> 2328 +1.400 2329 </div> 2330 2331 <h3 class="font-semibold text-lg my-0!">Ações de extensão</h3> 2332 <div class="text-black text-sm">A universidade presente no cotidiano das pessoas</div> 2333 2334 </div> 2335 <div class="flex flex-col items-center gap-2 text-center"> 2336 2337 <img src="/storage/ufc-media/img
2337s/01KMZBXCJKHS0AXEBAH87HMXP5.png" 2338 alt="teste" 2339 class="my-0! block mx-auto" 2340 width="64"> 2341 2342 <div class="blockColorText font-semibold text-4xl my-2"> 2343 +100 2344 </div> 2345 2346 <h3 class="font-semibold text-lg my-0!">Patentes</h3> 2347 <div class="text-black text-sm">Inovações que geram soluções práticas para a sociedade</div> 2348 2349 </div> 2350 2351 </div> 2352 2353 </div> 2354 </div> 2355 2356 2357 <div class="flex items-center justify-center mt-4 gap-4"> 2358 2359 <button onclick="moveDatalist1Slider_datalist1Slider_6abe19a54c8c2(-1)" 2360 class="blockColorText bg-white px-3 py-1 text-4xl"> 2361 <svg xmlns="http://www.w3.org/2000/svg" 2362 class="w-5 h-5 blockColorText" 2363 fill="none"
2364 viewBox="0 0 24 24" 2365 stroke="currentColor"> 2366 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 2367 d="M15 19l-7-7 7-7" /> 2368 </svg> 2369 </button> 2370 2371 <div class="flex gap-2"> 2372 <button onclick="goToDatalist1Slider_datalist1Slider_6abe19a54c8c2(0)" 2373 class="dot2 blockColorText w-3 h-3 rounded-full bg-gray-300"></button> 2374 </div> 2375 2376 <button onclick="moveDatalist1Slider_datalist1Slider_6abe19a54c8c2(1)" 2377 class="blockColorText bg-white px-3 py-1 text-4xl"> 2378 <svg xmlns="http://www.w3.org/2000/svg" 2379 class="w-5 h-5 blockColorText" 2380 fill="none" 2381 viewBox="0 0 24 24" 2382 stroke="currentColor"> 2383 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 2384 d="M9 5l7 7-7 7" /> 2385 </svg> 2386 </button> 2387 2388 </div> 2389 2390 </div> 2391 </div> 2392 2393 <div class="flex text-center col-span-12 justify-center"> 2394 <a target="_self" 2395 href="https://paineis.ufc.br/" 2396 class=" 2397 blockButton 2398 blockColorText 2399 blockBorder 2400 border rounded-full 2401 inline-block 2402 text-lg px-8 py-2.5 2403 hover:bg-(--color-base) 2404 md:min-w-px 2405 " 2406 >Acesse os Painéis Estratégicos da UFC e veja mais indicadores</a> 2407</div> </div> 2408 </div> 2409</div> 2410
2411<script> 2412(function() { 2413 let currentIndex = 0; 2414 2415 const slider = document.getElementById('datalist1Slider_6abe19a54c8c2'); 2416 const wrapper = document.getElementById('datalist1Slider_6abe19a54c8c2_component'); 2417 const dots = wrapper.querySelectorAll('.dot2'); 2418 2419 let isDragging = false; 2420 let startX = 0; 2421 let currentTranslate = 0; 2422 let prevTranslate = 0; 2423 let animationID = 0; 2424 2425 let hasMoved = false; 2426 2427 function updateDots() { 2428 dots.forEach((dot, i) => { 2429 dot.classList.toggle('dot-active', i === currentIndex); 2430 dot.classList.toggle('bg-gray-300', i !== currentIndex); 2431 }); 2432 } 2433 2434 function setPositionByIndex() { 2435 currentTranslate = currentIndex * -wrapper.offsetWidth; 2436 prevTranslate = currentTranslate; 2437 slider.style.transform = `translateX(${currentTranslate}px)`; 2438 updateDots(); 2439 } 2440 2441 window.moveDatalist1Slider_datalist1Slider_6abe19a54c8c2 = function(direction) { 2442 const total = slider.children.length; 2443 2444 currentIndex += direction; 2445 2446 if (currentIndex < 0) currentIndex = 0; 2447 if (currentIndex >= total) currentIndex = total - 1; 2448 2449 setPositionByIndex(); 2450 } 2451 2452 window.goToDatalist1Slider_datalist1Slider_6abe19a54c8c2 = function(index) { 2453 currentIndex = index; 2454 setPositionByIndex(); 2455 } 2456 2457 function getPositionX(event) { 2458 return event.type.includes('mouse') 2459 ? event.pageX 2460 : event.touches[0].clientX; 2461 } 2462 2463 function touchStart(event) { 2464 isDragging = true; 2465 hasMoved = false; 2466 startX = getPositionX(event); 2467 animationID = requestAnimationFrame(animation); 2468 slider.style.transition = 'none'; 2469 } 2470 2471 function touchMove(event) { 2472 if (!isDragging) return; 2473 2474 const currentPosition = getPositionX(event); 2475 const diff = currentPosition - startX; 2476 2477 if (Math.abs(diff) > 5) { 2478 hasMoved = true; 2479 } 2480 2481 currentTranslate = prevTranslate + diff; 2482 } 2483 2484 function touchEnd() { 2485 cancelAnimationFrame(animationID); 2486 isDragging = false; 2487 2488 const movedBy = currentTranslate - prevTranslate; 2489 2490 if (movedBy < -80 && currentIndex < slider.children.length - 1) { 2491 currentIndex++; 2492 } 2493 2494 if (movedBy > 80 && currentIndex > 0) { 2495 currentIndex--; 2496 } 2497 2498 slider.style.transition = 'transform 0.3s ease-in-out'; 2499 setPositionByIndex(); 2500 2501 setTimeout(() => { 2502 hasMoved = false; 2503 }, 50); 2504 } 2505 2506 function animation() { 2507 slider.style.transform = `translateX(${currentTranslate}px)`; 2508 if (isDragging) requestAnimationFrame(animation); 2509 } 2510 2511 // TOUCH 2512 slider.addEventListener('touchstart', touchStart); 2513 slider.addEventListener('touchmove', touchMove); 2514 slider.addEventListener('touchend', touchEnd); 2515 2516 // MOUSE 2517 slider.addEventListener('mousedown', touchStart); 2518 slider.addEventListener('mousemove', touchMove); 2519 slider.addEventListener('mouseup', touchEnd); 2520 slider.addEventListener('mouseleave', () => { 2521 if (isDragging) touchEnd(); 2522 }); 2523 2524 // bloqueia clique ao arrastar 2525 slider.querySelectorAll('a').forEach(link => { 2526 link.addEventListener('click', function(e) { 2527 if (hasMoved) { 2528 e.preventDefault(); 2529 e.stopImmediatePropagation(); 2530 } 2531 }); 2532 }); 2533 2534 // evita drag de imagem 2535 slider.querySelectorAll('img').forEach(img => { 2536 img.addEventListener('dragstart', (e) => e.preventDefault()); 2537 }); 2538 2539 document.addEventListener('DOMContentLoaded', setPositionByIndex); 2540 2541})(); 2542</script>
2542 2543 2544<style> 2545.dot-active { 2546 background-color: currentColor; 2547} 2548</style> 2549<p></p><div class="ufc-block ufc-block-quick-access 2550 "> 2551 <div class="container mx-auto max-w-5xl px-4"> 2552 <div class="ignore-links grid grid-cols-3 lg:grid-cols-12 place-content-center gap-7"> 2553 <div class="text-center col-span-12"> 2554 <h3 class="font-semibold text-xl blockColorText 2555 ">Atalhos</h3> 2556 <h3 class="text-4xl 2557 ">Acesso Rápido</h3> 2558 </div> 2559 2560 <div class="col-span-12 flex gap-6 justify-around"> 2561 <div class="hidden md:flex flex-row justify-center w-full flex-wrap"> 2562 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 2563 2564 <a class="inline-block" href="https://ufc2012.ufc.br/a-universidade/documentos-oficiais/322-anuario-estatistico" title="Anuário EstatÃstico"> 2565 <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png" 2566 alt="CARNAUÌBA MOSAICO 9" 2567 class="m-0! hover:scale-110 transition-all" 2568 width="100" 2569 height="100"> 2570 </a> 2571 2572 <p class="pt-2 text-center"> 2573 <a class="font-semibold inline-block bg-transparent! 2574 text-black hover:text-(--color-base) dark:text-white" 2575 href="https://ufc2012.ufc.br/a-universidade/documentos-oficiais/322-anuario-estatistico"> 2576 Anuário EstatÃstico</a> 2577 </p> 2578 2579 </div> 2580 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 2581 2582 <a class="inline-block" href="https://cpa.ufc.br/pt/" title="Avaliação Institucional"> 2583 <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png" 2584 alt="CARNAUÌBA MOSAICO 9" 2585 class="m-0! hover:scale-110 transition-all" 2586 width="100" 2587 height="100"> 2588 </a> 2589 2590 <p class="pt-2 text-center"> 2591 <a class="font-semibold inline-block bg-transparent! 2592 text-black hover:text-(--color-base) dark:text-white" 2593 href="https://cpa.ufc.br/pt/"> 2594 Avaliação Institucional</a> 2595 </p> 2596 2597 </div> 2598 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 2599 2600 <a class="inline-block" href="https://ouvidoria.ufc.br/pt/carta-de-servicos-ao-usuario/" title="Carta de Serviços ao Usuário"> 2601 <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png" 2602 alt="CARNAUÌBA MOSAICO 9" 2603 class="m-0! hover:scale-110 transition-all" 2604 width="100" 2605 height="100"> 2606 </a> 2607 2608 <p class="pt-2 text-center"> 2609 <a class="font-semibold inline-block bg-transparent! 2610 text-black hover:text-(--color-base) dark:text-white" 2611 href="https://ouvidoria.ufc.br/pt/carta-de-servicos-ao-usuario/"> 2612 Carta de Serviços ao Usuário</a> 2613 </p> 2614 2615 </div> 2616 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 2617 2618 <a class="inline-block" href="https://sei.ufc.br/sei/modulos/pesquisa/md_pesq_processo_pesquisar.php?acao_externa=protocolo_pesquisar&acao_origem_externa=protocolo_pesquisar&id_orgao_acesso_externo=0" title="Consulta Pública"> 2619 <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png" 2620 alt="CARNAUÌBA MOSAICO 9" 2621 class="m-0! hover:scale-110 transition-all" 2622 width="100" 2623 height="100"> 2624 </a> 2625 2626 <p class="pt-2 text-center"> 2627 <a class="font-semibold inline-block bg-transparent! 2628 text-black hover:text-(--color-base) dark:text-white" 2629 href="https://sei.ufc.br/sei/modulos/pesquisa/md_pesq_processo_pesquisar.php?acao_externa=protocolo_pesquisar&acao_origem_externa=protocolo_pesquisar&id_orgao_acesso_externo=0"> 2630 Consulta Pública</a> 2631 </p> 2632 2633 </div> 2634 </div> 2635 2636 2637 <div id="quickSlider_6abe19a54e164_component" class="md:hidden relative overflow-hidden"> 2638 2639 <div id="quickSlider_6abe19a54e164" 2640 class="flex transition-transform duration-300 ease-in-out"> 2641 2642 <div class="w-full shrink-0 flex justify-center"> 2643 2644 <div class="grid grid-cols-2 gap-4 w-[90%]"> 2645 2646 <div class="flex flex-col items-center text-center p-3"> 2647 2648 <a href="https://ufc2012.ufc.br/a-universidade/documentos-oficiais/322-anuario-estatistico">
2649 <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png" 2650 alt="CARNAUÌBA MOSAICO 9" 2651 class="m-0! hover:scale-110 transition-all" 2652 width="80"> 2653 </a> 2654 2655 <p class="pt-2 text-center"> 2656 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://ufc2012.ufc.br/a-universidade/documentos-oficiais/322-anuario-estatistico"> 2657 Anuário EstatÃstico 2658 </a> 2659 </p> 2660 2661 </div> 2662 <div class="flex flex-col items-center text-center p-3"> 2663 2664 <a href="https://cpa.ufc.br/pt/"> 2665 <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png" 2666 alt="CARNAUÌBA MOSAICO 9" 2667 class="m-0! hover:scale-110 transition-all" 2668 width="80"> 2669 </a> 2670 2671 <p class="pt-2 text-center"> 2672 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://cpa.ufc.br/pt/"> 2673 Avaliação Institucional 2674 </a> 2675 </p> 2676 2677 </div> 2678 <div class="flex flex-col items-center text-center p-3"> 2679 2680 <a href="https://ouvidoria.ufc.br/pt/carta-de-servicos-ao-usuario/"> 2681 <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png" 2682 alt="CARNAUÌBA MOSAICO 9" 2683 class="m-0! hover:scale-110 transition-all" 2684 width="80"> 2685 </a> 2686 2687 <p class="pt-2 text-center"> 2688 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://ouvidoria.ufc.br/pt/carta-de-servicos-ao-usuario/"> 2689 Carta de Serviços ao Usuário 2690 </a> 2691 </p> 2692 2693 </div> 2694 <div class="flex flex-col items-center text-center p-3"> 2695 2696 <a href="https://sei.ufc.br/sei/modulos/pesquisa/md_pesq_processo_pesquisar.php?acao_externa=protocolo_pesquisar&acao_origem_externa=protocolo_pesquisar&id_orgao_acesso_externo=0"> 2697 <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png" 2698 alt="CARNAUÌBA MOSAICO 9" 2699 class="m-0! hover:scale-110 transition-all" 2700 width="80"> 2701 </a> 2702 2703 <p class="pt-2 text-center"> 2704 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://sei.ufc.br/sei/modulos/pesquisa/md_pesq_processo_pesquisar.php?acao_externa=protocolo_pesquisar&acao_origem_externa=protocolo_pesquisar&id_orgao_acesso_externo=0"> 2705 Consulta Pública 2706 </a> 2707 </p> 2708 2709 </div> 2710 2711 </div> 2712 2713 </div> 2714 </div> 2715 2716 2717 <div class="flex items-center justify-center mt-4 gap-4"> 2718 2719 <button onclick="moveQuickSlide_quickSlider_6abe19a54e164(-1)" 2720 class="blockColorText bg-white px-3 py-1 text-4xl"> 2721 <svg xmlns="http://www.w3.org/2000/svg" 2722 class="w-5 h-5 blockColorText" 2723 fill="none"
2724 viewBox="0 0 24 24" 2725 stroke="currentColor"> 2726 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 2727 d="M15 19l-7-7 7-7" /> 2728 </svg></button> 2729 2730 <div class="flex gap-2"> 2731 <button onclick="goToQuickSlide_quickSlider_6abe19a54e164(0)" 2732 class="dotQuick blockColorText w-3 h-3 rounded-full bg-gray-300"></button> 2733 </div> 2734 2735 <button onclick="moveQuickSlide_quickSlider_6abe19a54e164(1)" 2736 class="blockColorText bg-white px-3 py-1 text-4xl"> 2737 <svg xmlns="http://www.w3.org/2000/svg" 2738 class="w-5 h-5 blockColorText" 2739 fill="none" 2740 viewBox="0 0 24 24" 2741 stroke="currentColor"> 2742 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 2743 d="M9 5l7 7-7 7" /> 2744 </svg></button> 2745 2746 </div> 2747 2748 </div> 2749 </div> 2750 2751 </div> 2752 </div> 2753</div> 2754
2755<script> 2756(function() { 2757 let quickIndex = 0; 2758 2759 const slider = document.getElementById('quickSlider_6abe19a54e164'); 2760 const wrapper = document.getElementById('quickSlider_6abe19a54e164_component'); 2761 const dots = wrapper.querySelectorAll('.dotQuick'); 2762 2763 let isDragging = false; 2764 let startX = 0; 2765 let currentTranslate = 0; 2766 let prevTranslate = 0; 2767 let animationID = 0; 2768 2769 let hasMoved = false; 2770 2771 function updateQuickDots() { 2772 dots.forEach((dot, i) => { 2773 dot.classList.toggle('dot-active', i === quickIndex); 2774 dot.classList.toggle('bg-gray-300', i !== quickIndex); 2775 }); 2776 } 2777 2778 function setPositionByIndex() { 2779 currentTranslate = quickIndex * -wrapper.offsetWidth; 2780 prevTranslate = currentTranslate; 2781 slider.style.transform = `translateX(${currentTranslate}px)`; 2782 updateQuickDots(); 2783 } 2784 2785 window.moveQuickSlide_quickSlider_6abe19a54e164 = function(direction) { 2786 const total = slider.children.length; 2787 2788 quickIndex += direction; 2789 2790 if (quickIndex < 0) quickIndex = 0; 2791 if (quickIndex >= total) quickIndex = total - 1; 2792 2793 setPositionByIndex(); 2794 } 2795 2796 window.goToQuickSlide_quickSlider_6abe19a54e164 = function(index) { 2797 quickIndex = index; 2798 setPositionByIndex(); 2799 } 2800 2801 function getPositionX(event) { 2802 return event.type.includes('mouse') 2803 ? event.pageX 2804 : event.touches[0].clientX; 2805 } 2806 2807 function touchStart(event) { 2808 isDragging = true; 2809 hasMoved = false; 2810 startX = getPositionX(event); 2811 animationID = requestAnimationFrame(animation); 2812 slider.style.transition = 'none'; 2813 } 2814 2815 function touchMove(event) { 2816 if (!isDragging) return; 2817 2818 const currentPosition = getPositionX(event); 2819 const diff = currentPosition - startX; 2820 2821 if (Math.abs(diff) > 5) { 2822 hasMoved = true; 2823 } 2824 2825 currentTranslate = prevTranslate + diff; 2826 } 2827 2828 function touchEnd() { 2829 cancelAnimationFrame(animationID); 2830 isDragging = false; 2831 2832 const movedBy = currentTranslate - prevTranslate; 2833 2834 if (movedBy < -80 && quickIndex < slider.children.length - 1) { 2835 quickIndex++; 2836 } 2837 2838 if (movedBy > 80 && quickIndex > 0) { 2839 quickIndex--; 2840 } 2841 2842 slider.style.transition = 'transform 0.3s ease-in-out'; 2843 setPositionByIndex(); 2844 2845 setTimeout(() => { 2846 hasMoved = false; 2847 }, 50); 2848 } 2849 2850 function animation() { 2851 slider.style.transform = `translateX(${currentTranslate}px)`; 2852 if (isDragging) requestAnimationFrame(animation); 2853 } 2854 2855 // TOUCH 2856 slider.addEventListener('touchstart', touchStart); 2857 slider.addEventListener('touchmove', touchMove); 2858 slider.addEventListener('touchend', touchEnd); 2859 2860 // MOUSE 2861 slider.addEventListener('mousedown', touchStart); 2862 slider.addEventListener('mousemove', touchMove); 2863 slider.addEventListener('mouseup', touchEnd); 2864 slider.addEventListener('mouseleave', () => { 2865 if (isDragging) touchEnd(); 2866 }); 2867 2868 // bloqueia clique ao arrastar 2869 slider.querySelectorAll('a').forEach(link => { 2870 link.addEventListener('click', function(e) { 2871 if (hasMoved) { 2872 e.preventDefault(); 2873 e.stopImmediatePropagation(); 2874 } 2875 }); 2876 }); 2877 2878 // evita drag de imagem 2879 slider.querySelectorAll('img').forEach(img => { 2880 img.addEventListener('dragstart', (e) => e.preventDefault()); 2881 }); 2882 2883 document.addEventListener('DOMContentLoaded', setPositionByIndex); 2884 2885})(); 2886</script>
2886 2887 2888<style> 2889.dot-active { 2890 background-color: currentColor; 2891} 2892</style> 2893 2894<div class="ufc-block ufc-block-quick-access 2895 "> 2896 <div class="container mx-auto max-w-5xl px-4"> 2897 <div class="ignore-links grid grid-cols-3 lg:grid-cols-12 place-content-center gap-7"> 2898 2899 <div class="col-span-12 flex gap-6 justify-around"> 2900 <div class="hidden md:flex flex-row justify-center w-full flex-wrap"> 2901 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 2902 2903 <a class="inline-block" href="https://pdi.ufc.br/pt/inicio/" title="Plano de Desenvolvimento Institucional"> 2904 <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png" 2905 alt="CARNAUÌBA MOSAICO 9" 2906 class="m-0! hover:scale-110 transition-all" 2907 width="100" 2908 height="100"> 2909 </a> 2910 2911 <p class="pt-2 text-center"> 2912 <a class="font-semibold inline-block bg-transparent! 2913 text-black hover:text-(--color-base) dark:text-white" 2914 href="https://pdi.ufc.br/pt/inicio/"> 2915 Plano de Desenvolvimento Institucional</a> 2916 </p> 2917 2918 </div> 2919 <div class="w-full 2xs:w-1/2 md:w-1/5 flex-col items-center text-center p-5"> 2920 2921 <a class="inline-block" href="https://repositorio.ufc.br/" title="Repositório Institucional"> 2922 <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png" 2923 alt="CARNAUÌBA MOSAICO 9" 2924 class="m-0! hover:scale-110 transition-all" 2925 width="100" 2926 height="100"> 2927 </a> 2928 2929 <p class="pt-2 text-center"> 2930 <a class="font-semibold inline-block bg-transparent! 2931 text-black hover:text-(--color-base) dark:text-white" 2932 href="https://repositorio.ufc.br/"> 2933 Repositório Institucional</a> 2934 </p> 2935 2936 </div> 2937 </div> 2938 2939 2940 <div id="quickSlider_6abe19a54f165_component" class="md:hidden relative overflow-hidden"> 2941 2942 <div id="quickSlider_6abe19a54f165" 2943 class="flex transition-transform duration-300 ease-in-out"> 2944 2945 <div class="w-full shrink-0 flex justify-center"> 2946 2947 <div class="grid grid-cols-2 gap-4 w-[90%]"> 2948 2949 <div class="flex flex-col items-center text-center p-3"> 2950 2951 <a href="https://pdi.ufc.br/pt/inicio/"> 2952 <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png" 2953 alt="CARNAUÌBA MOSAICO 9" 2954 class="m-0! hover:scale-110 transition-all" 2955 width="80"> 2956 </a> 2957 2958 <p class="pt-2 text-center"> 2959 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://pdi.ufc.br/pt/inicio/"> 2960 Plano de Desenvolvimento Institucional 2961 </a> 2962 </p> 2963 2964 </div> 2965 <div class="flex flex-col items-center text-center p-3"> 2966 2967 <a href="https://repositorio.ufc.br/"> 2968 <img src="/storage/ufc-media/imgs/carnauba-mosaico-9.png" 2969 alt="CARNAUÌBA MOSAICO 9" 2970 class="m-0! hover:scale-110 transition-all" 2971 width="80"> 2972 </a> 2973 2974 <p class="pt-2 text-center"> 2975 <a class="bg-transparent dark:text-white text-black hover:text-(--color-base) font-semibold" href="https://repositorio.ufc.br/"> 2976 Repositório Institucional 2977 </a> 2978 </p> 2979 2980 </div> 2981 2982 </div> 2983 2984 </div> 2985 </div> 2986 2987 2988 <div class="flex items-center justify-center mt-4 gap-4"> 2989 2990 <button onclick="moveQuickSlide_quickSlider_6abe19a54f165(-1)" 2991 class="blockColorText bg-white px-3 py-1 text-4xl"> 2992 <svg xmlns="http://www.w3.org/2000/svg" 2993 class="w-5 h-5 blockColorText" 2994 fill="none"
2995 viewBox="0 0 24 24" 2996 stroke="currentColor"> 2997 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 2998 d="M15 19l-7-7 7-7" /> 2999 </svg></button> 3000 3001 <div class="flex gap-2"> 3002 <button onclick="goToQuickSlide_quickSlider_6abe19a54f165(0)" 3003 class="dotQuick blockColorText w-3 h-3 rounded-full bg-gray-300"></button> 3004 </div> 3005 3006 <button onclick="moveQuickSlide_quickSlider_6abe19a54f165(1)" 3007 class="blockColorText bg-white px-3 py-1 text-4xl"> 3008 <svg xmlns="http://www.w3.org/2000/svg" 3009 class="w-5 h-5 blockColorText" 3010 fill="none" 3011 viewBox="0 0 24 24" 3012 stroke="currentColor"> 3013 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 3014 d="M9 5l7 7-7 7" /> 3015 </svg></button> 3016 3017 </div> 3018 3019 </div> 3020 </div> 3021 3022 </div> 3023 </div> 3024</div> 3025
3026<script> 3027(function() { 3028 let quickIndex = 0; 3029 3030 const slider = document.getElementById('quickSlider_6abe19a54f165'); 3031 const wrapper = document.getElementById('quickSlider_6abe19a54f165_component'); 3032 const dots = wrapper.querySelectorAll('.dotQuick'); 3033 3034 let isDragging = false; 3035 let startX = 0; 3036 let currentTranslate = 0; 3037 let prevTranslate = 0; 3038 let animationID = 0; 3039 3040 let hasMoved = false; 3041 3042 function updateQuickDots() { 3043 dots.forEach((dot, i) => { 3044 dot.classList.toggle('dot-active', i === quickIndex); 3045 dot.classList.toggle('bg-gray-300', i !== quickIndex); 3046 }); 3047 } 3048 3049 function setPositionByIndex() { 3050 currentTranslate = quickIndex * -wrapper.offsetWidth; 3051 prevTranslate = currentTranslate; 3052 slider.style.transform = `translateX(${currentTranslate}px)`; 3053 updateQuickDots(); 3054 } 3055 3056 window.moveQuickSlide_quickSlider_6abe19a54f165 = function(direction) { 3057 const total = slider.children.length; 3058 3059 quickIndex += direction; 3060 3061 if (quickIndex < 0) quickIndex = 0; 3062 if (quickIndex >= total) quickIndex = total - 1; 3063 3064 setPositionByIndex(); 3065 } 3066 3067 window.goToQuickSlide_quickSlider_6abe19a54f165 = function(index) { 3068 quickIndex = index; 3069 setPositionByIndex(); 3070 } 3071 3072 function getPositionX(event) { 3073 return event.type.includes('mouse') 3074 ? event.pageX 3075 : event.touches[0].clientX; 3076 } 3077 3078 function touchStart(event) { 3079 isDragging = true; 3080 hasMoved = false; 3081 startX = getPositionX(event); 3082 animationID = requestAnimationFrame(animation); 3083 slider.style.transition = 'none'; 3084 } 3085 3086 function touchMove(event) { 3087 if (!isDragging) return; 3088 3089 const currentPosition = getPositionX(event); 3090 const diff = currentPosition - startX; 3091 3092 if (Math.abs(diff) > 5) { 3093 hasMoved = true; 3094 } 3095 3096 currentTranslate = prevTranslate + diff; 3097 } 3098 3099 function touchEnd() { 3100 cancelAnimationFrame(animationID); 3101 isDragging = false; 3102 3103 const movedBy = currentTranslate - prevTranslate; 3104 3105 if (movedBy < -80 && quickIndex < slider.children.length - 1) { 3106 quickIndex++; 3107 } 3108 3109 if (movedBy > 80 && quickIndex > 0) { 3110 quickIndex--; 3111 } 3112 3113 slider.style.transition = 'transform 0.3s ease-in-out'; 3114 setPositionByIndex(); 3115 3116 setTimeout(() => { 3117 hasMoved = false; 3118 }, 50); 3119 } 3120 3121 function animation() { 3122 slider.style.transform = `translateX(${currentTranslate}px)`; 3123 if (isDragging) requestAnimationFrame(animation); 3124 } 3125 3126 // TOUCH 3127 slider.addEventListener('touchstart', touchStart); 3128 slider.addEventListener('touchmove', touchMove); 3129 slider.addEventListener('touchend', touchEnd); 3130 3131 // MOUSE 3132 slider.addEventListener('mousedown', touchStart); 3133 slider.addEventListener('mousemove', touchMove); 3134 slider.addEventListener('mouseup', touchEnd); 3135 slider.addEventListener('mouseleave', () => { 3136 if (isDragging) touchEnd(); 3137 }); 3138 3139 // bloqueia clique ao arrastar 3140 slider.querySelectorAll('a').forEach(link => { 3141 link.addEventListener('click', function(e) { 3142 if (hasMoved) { 3143 e.preventDefault(); 3144 e.stopImmediatePropagation(); 3145 } 3146 }); 3147 }); 3148 3149 // evita drag de imagem 3150 slider.querySelectorAll('img').forEach(img => { 3151 img.addEventListener('dragstart', (e) => e.preventDefault()); 3152 }); 3153 3154 document.addEventListener('DOMContentLoaded', setPositionByIndex); 3155 3156})(); 3157</script>
3157 3158 3159<style> 3160.dot-active { 3161 background-color: currentColor; 3162} 3163</style> 3164 3165<p></p> 3166 </div> 3167 </main> 3168 3169 <footer id="footer" class="text-white"> 3170 <div class="dark:bg-neutral-900! dark:text-white! bg-(--color-base)"> 3171 <div class="grid grid-cols-1 md:grid-cols-5 gap-4 container mx-auto max-w-5xl p-4"> 3172 <div class="col-span-1 md:col-span-1 md:row-start-2"> 3173 <input class="hidden peer" id="footer-group-66" type="checkbox"> 3174 3175 <label for="footer-group-66" 3176 class="group font-semibold uppercase bold cursor-pointer pb-1 border-b-3 border-white 3177 flex justify-between items-center w-full 3178 transition-colors duration-400 ease-in-out peer-checked:mb-3 sm:hidden"> 3179 <a class="inline hover:text-black" href="/pt/cultura">CULTURA</a> 3180 <svg class="h-4 inline ml-2 group-peer-checked:rotate-180 transition-rotate duration-400" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"/></svg> </label> 3181 3182 <a class="sm:font-semibold sm:uppercase hover:text-black mb-2 hidden sm:flex" 3183 href="/pt/cultura">CULTURA 3184 </a> 3185 3186 <ul class="sm:opacity-100 sm:max-h-screen overflow-hidden flex flex-col gap-2 opacity-0 max-h-0 transition-all ease-in-out duration-400 peer-checked:flex peer-checked:opacity-100 peer-checked:max-h-screen"> 3187 <li> 3188 <a class="hover:text-black" href="https://casajosedealencar.ufc.br/pt/">Casa José de Alencar</a> 3189 </li> 3190 <li> 3191 <a class="hover:text-black" href="https://mauc.ufc.br/pt/">Museu de Arte da UFC</a> 3192 </li> 3193 <li> 3194 <a class="hover:text-black" href="https://seara.ufc.br/pt/">Seara da Ciência</a> 3195 </li> 3196 <li> 3197 <a class="hover:text-black" href="https://www.radiouniversitariafm.com.br/">Universitária FM 107.9</a> 3198 </li> 3199 </ul> 3200 </div> 3201 <div class="col-span-1 md:col-span-1 md:row-start-2"> 3202 <input class="hidden peer" id="footer-group-54" type="checkbox"> 3203 3204 <label for="footer-group-54" 3205 class="group font-semibold uppercase bold cursor-pointer pb-1 border-b-3 border-white 3206 flex justify-between items-center w-full 3207 transition-colors duration-400 ease-in-out peer-checked:mb-3 sm:hidden"> 3208 <a class="inline hover:text-black" href="https://www.ufc.br/comunicacao">COMUNICAÃÃO</a> 3209 <svg class="h-4 inline ml-2 group-peer-checked:rotate-180 transition-rotate duration-400" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"/></svg> </label> 3210 3211 <a class="sm:font-semibold sm:uppercase hover:text-black mb-2 hidden sm:flex" 3212 href="https://www.ufc.br/comunicacao">COMUNICAÃÃO 3213 </a> 3214 3215 <ul class="sm:opacity-100 sm:max-h-screen overflow-hidden flex flex-col gap-2 opacity-0 max-h-0 transition-all ease-in-out duration-400 peer-checked:flex peer-checked:opacity-100 peer-checked:max-h-screen"> 3216 <li> 3217 <a class="hover:text-black" href="https://ufcinforma.ufc.br/">NotÃcias</a> 3218 </li> 3219 <li> 3220 <a class="hover:text-black" href="https://agencia.ufc.br/">Agência UFC</a> 3221 </li> 3222 <li> 3223 <a class="hover:text-black" href="https://guiadefontes.ufc.br/">Guia de Fontes</a> 3224 </li> 3225 <li> 3226 <a class="hover:text-black" href="https://secom.ufc.br/pt/identidade-visual-da-ufc/">Identidade visual da UFC</a> 3227 </li> 3228 </ul> 3229 </div> 3230 <div class="col-span-1 md:col-span-1 md:row-start-2"> 3231 <input class="hidden peer" id="footer-group-68" type="checkbox"> 3232 3233 <label for="footer-group-68" 3234 class="group font-semibold uppercase bold cursor-pointer pb-1 border-b-3 border-white 3235 flex justify-between items-center w-full 3236 transition-colors duration-400 ease-in-out peer-checked:mb-3 sm:hidden"> 3237 <a class="inline hover:text-black" href="https://www.ufc.br/extensao">EXTENSÃO</a>
3238 <svg class="h-4 inline ml-2 group-peer-checked:rotate-180 transition-rotate duration-400" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"/></svg> </label> 3239 3240 <a class="sm:font-semibold sm:uppercase hover:text-black mb-2 hidden sm:flex" 3241 href="https://www.ufc.br/extensao">EXTENSÃO 3242 </a> 3243 3244 <ul class="sm:opacity-100 sm:max-h-screen overflow-hidden flex flex-col gap-2 opacity-0 max-h-0 transition-all ease-in-out duration-400 peer-checked:flex peer-checked:opacity-100 peer-checked:max-h-screen"> 3245 <li> 3246 <a class="hover:text-black" href="https://www.ufc.br/acessibilidade">Acessibilidade</a> 3247 </li> 3248 <li> 3249 <a class="hover:text-black" href="https://www.ufc.br/desporto">Desporto</a> 3250 </li> 3251 <li> 3252 <a class="hover:text-black" href="https://www.ufc.br/ensino-de-idiomas">Ensino de idiomas</a> 3253 </li> 3254 <li> 3255 <a class="hover:text-black" href="https://www.ufc.br/gestao-ambiental">Gestão ambiental</a> 3256 </li> 3257 <li> 3258 <a class="hover:text-black" href="https://www.ufc.br/hospitais-e-clinicas">Hospitais e clÃnicas</a> 3259 </li> 3260 <li> 3261 <a class="hover:text-black" href="https://www.ufc.br/ouvidoria-geral-da-ufc">Ouvidoria</a> 3262 </li> 3263 <li> 3264 <a class="hover:text-black" href="https://www.ufc.br/transparencia-e-prestacao-de-contas">Transparência</a> 3265 </li> 3266 <li> 3267 <a class="hover:text-black" href="https://www.ufc.br/visite-a-ufc">Visite a UFC</a> 3268 </li> 3269 </ul> 3270 </div> 3271 <div class="col-span-1 md:col-span-1 md:row-start-1"> 3272 <input class="hidden peer" id="footer-group-65" type="checkbox"> 3273 3274 <label for="footer-group-65" 3275 class="group font-semibold uppercase bold cursor-pointer pb-1 border-b-3 border-white 3276 flex justify-between items-center w-full 3277 transition-colors duration-400 ease-in-out peer-checked:mb-3 sm:hidden"> 3278 <a class="inline hover:text-black" href="https://www.ufc.br/quem-somos">QUEM SOMOS</a> 3279 <svg class="h-4 inline ml-2 group-peer-checked:rotate-180 transition-rotate duration-400" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"/></svg> </label> 3280 3281 <a class="sm:font-semibold sm:uppercase hover:text-black mb-2 hidden sm:flex" 3282 href="https://www.ufc.br/quem-somos">QUEM SOMOS 3283 </a> 3284 3285 <ul class="sm:opacity-100 sm:max-h-screen overflow-hidden flex flex-col gap-2 opacity-0 max-h-0 transition-all ease-in-out duration-400 peer-checked:flex peer-checked:opacity-100 peer-checked:max-h-screen"> 3286 <li> 3287 <a class="hover:text-black" href="https://www.ufc.br/quem-somos/onde-estamos">Onde estamos</a> 3288 </li> 3289 <li> 3290 <a class="hover:text-black" href="https://www.ufc.br/quem-somos/estrutura-organizacional-da-ufc">Estrutura organizacional</a> 3291 </li> 3292 <li> 3293 <a class="hover:text-black" href="https://www.ufc.br/quem-somos/documentos-oficiais">Documentos oficiais</a> 3294 </li> 3295 <li> 3296 <a class="hover:text-black" href="https://www.ufc.br/quem-somos/identificacao-legal">Identificação legal</a> 3297 </li> 3298 </ul> 3299 </div> 3300 <div class="col-span-1 md:col-span-1 md:row-start-1"> 3301 <input class="hidden peer" id="footer-group-64" type="checkbox"> 3302 3303 <label for="footer-group-64" 3304 class="group font-semibold uppercase bold cursor-pointer pb-1 border-b-3 border-white 3305 flex justify-between items-center w-full 3306 transition-colors duration-400 ease-in-out peer-checked:mb-3 sm:hidden"> 3307 <a class="inline hover:text-black" href="https://www.ufc.br/reitoria">
3307REITORIA</a> 3308 <svg class="h-4 inline ml-2 group-peer-checked:rotate-180 transition-rotate duration-400" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"/></svg> </label> 3309 3310 <a class="sm:font-semibold sm:uppercase hover:text-black mb-2 hidden sm:flex" 3311 href="https://www.ufc.br/reitoria">REITORIA 3312 </a> 3313 3314 <ul class="sm:opacity-100 sm:max-h-screen overflow-hidden flex flex-col gap-2 opacity-0 max-h-0 transition-all ease-in-out duration-400 peer-checked:flex peer-checked:opacity-100 peer-checked:max-h-screen"> 3315 <li> 3316 <a class="hover:text-black" href="https://www.ufc.br/reitoria/gestao-da-reitoria">Gestão da Reitoria</a> 3317 </li> 3318 <li> 3319 <a class="hover:text-black" href="https://www.ufc.br/reitoria/assessoria-da-reitoria">Ãrgãos de assessoria</a> 3320 </li> 3321 <li> 3322 <a class="hover:text-black" href="https://www.ufc.br/reitoria/conselhos-superiores">Conselhos superiores</a> 3323 </li> 3324 <li> 3325 <a class="hover:text-black" href="https://www.ufc.br/reitoria/titulos-e-honrarias">TÃtulos e honrarias</a> 3326 </li> 3327 </ul> 3328 </div> 3329 <div class="col-span-1 md:col-span-1 md:row-start-1"> 3330 <input class="hidden peer" id="footer-group-63" type="checkbox"> 3331 3332 <label for="footer-group-63" 3333 class="group font-semibold uppercase bold cursor-pointer pb-1 border-b-3 border-white 3334 flex justify-between items-center w-full 3335 transition-colors duration-400 ease-in-out peer-checked:mb-3 sm:hidden"> 3336 <a class="inline hover:text-black" href="https://www.ufc.br/estude-na-ufc">ESTUDE NA UFC</a> 3337 <svg class="h-4 inline ml-2 group-peer-checked:rotate-180 transition-rotate duration-400" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"/></svg> </label> 3338 3339 <a class="sm:font-semibold sm:uppercase hover:text-black mb-2 hidden sm:flex" 3340 href="https://www.ufc.br/estude-na-ufc">ESTUDE NA UFC 3341 </a> 3342 3343 <ul class="sm:opacity-100 sm:max-h-screen overflow-hidden flex flex-col gap-2 opacity-0 max-h-0 transition-all ease-in-out duration-400 peer-checked:flex peer-checked:opacity-100 peer-checked:max-h-screen"> 3344 <li> 3345 <a class="hover:text-black" href="https://www.ufc.br/estude-na-ufc/enemsisu">Enem/Sisu</a> 3346 </li> 3347 <li> 3348 <a class="hover:text-black" href="https://prograd.ufc.br/pt/ingresso-na-ufc/">Outras formas de ingresso</a> 3349 </li> 3350 <li> 3351 <a class="hover:text-black" href="https://profissoes.ufc.br/cursos/">Cursos ofertados</a> 3352 </li> 3353 <li> 3354 <a class="hover:text-black" href="https://www.ufc.br/ensino/pos-graduacao">Faça uma pós-graduação</a> 3355 </li> 3356 </ul> 3357 </div> 3358 <div class="col-span-1 md:col-span-1 md:row-start-1"> 3359 <input class="hidden peer" id="footer-group-56" type="checkbox"> 3360 3361 <label for="footer-group-56" 3362 class="group font-semibold uppercase bold cursor-pointer pb-1 border-b-3 border-white 3363 flex justify-between items-center w-full 3364 transition-colors duration-400 ease-in-out peer-checked:mb-3 sm:hidden"> 3365 <a class="inline hover:text-black" href="https://www.ufc.br/ensino">
3365ENSINO</a> 3366 <svg class="h-4 inline ml-2 group-peer-checked:rotate-180 transition-rotate duration-400" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"/></svg> </label> 3367 3368 <a class="sm:font-semibold sm:uppercase hover:text-black mb-2 hidden sm:flex" 3369 href="https://www.ufc.br/ensino">ENSINO 3370 </a> 3371 3372 <ul class="sm:opacity-100 sm:max-h-screen overflow-hidden flex flex-col gap-2 opacity-0 max-h-0 transition-all ease-in-out duration-400 peer-checked:flex peer-checked:opacity-100 peer-checked:max-h-screen"> 3373 <li> 3374 <a class="hover:text-black" href="https://ufc2012.ufc.br/calendario-universitario/2026">Calendário Universitário</a> 3375 </li> 3376 <li> 3377 <a class="hover:text-black" href="https://www.ufc.br/ensino/graduacao">Graduação</a> 3378 </li> 3379 <li> 3380 <a class="hover:text-black" href="https://www.ufc.br/ensino/pos-graduacao">Pós-graduação</a> 3381 </li> 3382 <li> 3383 <a class="hover:text-black" href="https://www.ufc.br/ensino/assistencia-estudantil">Assistência estudantil</a> 3384 </li> 3385 </ul> 3386 </div> 3387 <div class="col-span-1 md:col-span-1 md:row-start-1"> 3388 <input class="hidden peer" id="footer-group-67" type="checkbox"> 3389 3390 <label for="footer-group-67" 3391 class="group font-semibold uppercase bold cursor-pointer pb-1 border-b-3 border-white 3392 flex justify-between items-center w-full 3393 transition-colors duration-400 ease-in-out peer-checked:mb-3 sm:hidden"> 3394 <a class="inline hover:text-black" href="https://www.ufc.br/pesquisa">PESQUISA</a> 3395 <svg class="h-4 inline ml-2 group-peer-checked:rotate-180 transition-rotate duration-400" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"/></svg> </label> 3396 3397 <a class="sm:font-semibold sm:uppercase hover:text-black mb-2 hidden sm:flex" 3398 href="https://www.ufc.br/pesquisa">PESQUISA 3399 </a> 3400 3401 <ul class="sm:opacity-100 sm:max-h-screen overflow-hidden flex flex-col gap-2 opacity-0 max-h-0 transition-all ease-in-out duration-400 peer-checked:flex peer-checked:opacity-100 peer-checked:max-h-screen"> 3402 <li> 3403 <a class="hover:text-black" href="https://www.ufc.br/inovacao">Inovação</a> 3404 </li> 3405 <li> 3406 <a class="hover:text-black" href="https://www.ufc.br/empreendedorismo">Empreendedorismo</a> 3407 </li> 3408 <li> 3409 <a class="hover:text-black" href="https://ufcinova.ufc.br/pt/pagina-de-introducao/">UFC Inova</a> 3410 </li> 3411 </ul> 3412 </div> 3413 3414 <div class="col-span-1 md:col-span-2 md:row-start-2 md:col-start-4 text-base"> 3415 <a class="block" href="https://emec.mec.gov.br/emec/consulta-cadastro/detalhamento/d96957f455f6405d14c6542552b0f6eb/NTgz"> 3416 <img src="https://ufc.br/images/e-mec.png" alt="Consulta do cadastro da UFC no Sistema e-MEC" class="w-full mb-5 duration-300 transition-shadow hover:ring-2 ring-orange-500 rounded-4xl"> 3417 </a> 3418 <div class="mb-4"> 3419 <div class="w-[195px] max-w-7/10 border-b-4 border-white p-0 mb-4 flex"></div> 3420<p class="font-semibold text-base">Universidade Federal do Ceará (UFC)</p> 3421<p class="text-sm mb-0">Avenida da Universidade, 2853, Benfica | Fortaleza, Ceará, Brasil | CEP 60020-181</p> </div> 3422 </div> 3423 </div> 3424</div> 3425 3426<div class="bg-black"> 3427 <div class="grid grid-cols-1 md:grid-cols-12 gap-4 container mx-auto max-w-5xl p-4"> 3428 <div class="col-span-12 hidden lg:flex flex-col md:flex-row items-center justify-between pl-2 pt-4 mb-4 gap-4 text-lg uppercase font-extrabold"> 3429 <a href="https://www.ufc.br/" class="font-semibold">ufc.br</a> 3430 <div class="flex flex-col md:flex-row items-center gap-2 md:gap-6"> 3431 <ul class="md:mt-0 flex gap-6 text-white text-2xl items-center justify-center"> 3432 <li> 3433 <a href="https://www.instagram.com/ufcinforma"> 3434 <svg class="w-5" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. -->
3434<path fill="currentColor" d="M224.3 141a115 115 0 1 0 -.6 230 115 115 0 1 0 .6-230zm-.6 40.4a74.6 74.6 0 1 1 .6 149.2 74.6 74.6 0 1 1 -.6-149.2zm93.4-45.1a26.8 26.8 0 1 1 53.6 0 26.8 26.8 0 1 1 -53.6 0zm129.7 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM399 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> <span class="sr-only">UFCInforma no Instagram</span> 3435 </a> 3436 </li> 3437 <li> 3438 <a href="https://www.tiktok.com/@ufcinforma"> 3439 <svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M448.5 209.9c-44 .1-87-13.6-122.8-39.2l0 178.7c0 33.1-10.1 65.4-29 92.6s-45.6 48-76.6 59.6-64.8 13.5-96.9 5.3-60.9-25.9-82.7-50.8-35.3-56-39-88.9 2.9-66.1 18.6-95.2 40-52.7 69.6-67.7 62.9-20.5 95.7-16l0 89.9c-15-4.7-31.1-4.6-46 .4s-27.9 14.6-37 27.3-14 28.1-13.9 43.9 5.2 31 14.5 43.7 22.4 22.1 37.4 26.9 31.1 4.8 46-.1 28-14.4 37.2-27.1 14.2-28.1 14.2-43.8l0-349.4 88 0c-.1 7.4 .6 14.9 1.9 22.2 3.1 16.3 9.4 31.9 18.7 45.7s21.3 25.6 35.2 34.6c19.9 13.1 43.2 20.1 67 20.1l0 87.4z"/></svg> <span class="sr-only">UFCInforma no TikTok</span> 3440 </a> 3441 </li> 3442 <li> 3443 <a href="https://www.youtube.com/channel/UCY85wHK1Z3LJyKB7XQ-pJ0g"> 3444 <svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M549.7 124.1C543.5 100.4 524.9 81.8 501.4 75.5 458.9 64 288.1 64 288.1 64S117.3 64 74.7 75.5C51.2 81.8 32.7 100.4 26.4 124.1 15 167 15 256.4 15 256.4s0 89.4 11.4 132.3c6.3 23.6 24.8 41.5 48.3 47.8 42.6 11.5 213.4 11.5 213.4 11.5s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zM232.2 337.6l0-162.4 142.7 81.2-142.7 81.2z"/></svg> <span class="sr-only">UFCInforma no YouTube</span> 3445 </a> 3446 </li> 3447 <li> 3448 <a href="https://www.linkedin.com/school/ufcinforma"> 3449 <svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M416 32L31.9 32C14.3 32 0 46.5 0 64.3L0 447.7C0 465.5 14.3 480 31.9 480L416 480c17.6 0 32-14.5 32-32.3l0-383.4C448 46.5 433.6 32 416 32zM135.4 416l-66.4 0 0-213.8 66.5 0 0 213.8-.1 0zM102.2 96a38.5 38.5 0 1 1 0 77 38.5 38.5 0 1 1 0-77zM384.3 416l-66.4 0 0-104c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9l0 105.8-66.4 0 0-213.8 63.7 0 0 29.2 .9 0c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9l0 117.2z"/></svg> <span class="sr-only">UFCInforma no LinkedIn</span> 3450 </a> 3451 </li> 3452 <li> 3453 <a href="https://www.flickr.com/photos/ufc-informa"> 3454 <svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. -->
3454<path fill="currentColor" d="M400 32L48 32C21.5 32 0 53.5 0 80L0 432c0 26.5 21.5 48 48 48l352 0c26.5 0 48-21.5 48-48l0-352c0-26.5-21.5-48-48-48zM144.5 192a63.5 63.5 0 1 1 0 127 63.5 63.5 0 1 1 0-127zm159 0a63.5 63.5 0 1 1 0 127 63.5 63.5 0 1 1 0-127z"/></svg> <span class="sr-only">UFCInforma no Flickr</span> 3455 </a> 3456 </li> 3457 <li> 3458 <a href=""> 3459 <svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M380.9 97.1c-41.9-42-97.7-65.1-157-65.1-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480 117.7 449.1c32.4 17.7 68.9 27 106.1 27l.1 0c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3 18.6-68.1-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1s56.2 81.2 56.1 130.5c0 101.8-84.9 184.6-186.6 184.6zM325.1 300.5c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8s-14.3 18-17.6 21.8c-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7s-12.5-30.1-17.1-41.2c-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2s-9.7 1.4-14.8 6.9c-5.1 5.6-19.4 19-19.4 46.3s19.9 53.7 22.6 57.4c2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4s4.6-24.1 3.2-26.4c-1.3-2.5-5-3.9-10.5-6.6z"/></svg> <span class="sr-only">UFCInforma no Whatsapp</span> 3460 </a> 3461 </li> 3462 </ul> 3463 </div> 3464</div> 3465 3466<div id="campi" class="col-span-12 flex lg:flex-row flex-col gap-5 items-center justify-between pb-4 text-md uppercase font-normal tracking-[3px]"> 3467 <a class="hidden lg:flex" href="https://ufc.br"> 3468 <img src="https://ufc.br/brasao-vertical.svg" alt="Brasão da Universidade Federal do Ceará" width="253" height="87"> 3469 </a> 3470 <ul class="pt-3 pb-4 flex gap-2 justify-center flex-wrap text-[#EEE] text-sm font-cinzel 3471 sm:pt-6 sm:pb-10 sm:text-base md:flex-row md:gap-8 lg:py-0"> 3472 <li><a href="https://www.ufc.br">Fortaleza</a></li> 3473 <li><a href="https://sobral.ufc.br">Sobral</a></li> 3474 <li><a href="https://quixada.ufc.br">Quixadá</a></li> 3475 <li><a href="https://crateus.ufc.br">Crateús</a></li> 3476 <li><a href="https://russas.ufc.br">Russas</a></li> 3477 <li><a href="https://itapaje.ufc.br">Itapajé</a></li> 3478 </ul> 3479</div> 3480 3481 3482 </div> 3483</div> 3484 </footer> 3485 </div> 3486 3487 <div id="lgpd" class="hidden transition-all ease-in-out"> 3488 <div class="motion-safe:animate-[slideUp_0.6s_ease-out_forwards] fixed bottom-0 inset-x-0 bg-mist-900 text-white px-8 py-8 shadow-lg z-50"> 3489 <div class="container mx-auto max-w-5xl"> 3490 <div class="flex flex-col sm:flex-row items-start sm:items-center justify-around gap-6"> 3491 <input type="hidden" name="redirect_to" value="https://ufc.br/pt"> 3492 3493 <div class="text-sm leading-relaxed max-w-md"> 3494 <strong class="text-base">PolÃtica de Cookies</strong><br> 3495 Este sÃtio faz uso de cookies e ferramentas similares para fornecer serviços digitais. 3496 Ao continuar sua navegação, você concorda com nossa polÃtica. 3497 </div> 3498 3499 <div class="flex flex-col gap-2 text-sm"> 3500 <strong class="text-base">Cookies de:</strong> 3501 3502 <label class="flex items-center gap-2"> 3503 <input type="checkbox" checked disabled class="accent-gray-600 cursor-not-allowed"> 3504 <span>Operação e funcionalidade (obrigatório)</span> 3505 </label> 3506 3507 <label class="flex items-center gap-2"> 3508 <input id="lgpd-analytics" type="checkbox" name="analytics" value="1" class="accent-gray-600">
3509 <span>Análise de navegação (opcional)</span> 3510 </label> 3511 </div> 3512 3513 <div class="flex flex-col gap-2 text-sm"> 3514 <button 3515 id="lgpd-all" 3516 name="analytics" value="1" 3517 class="cursor-pointer w-full bg-blue-600 text-white font-medium px-4 py-2 rounded hover:bg-blue-700 transition" 3518 > 3519 Aceitar todos 3520 </button> 3521 3522 <button type="button" 3523 id="lgpd-selected-only" 3524 class="cursor-pointer bg-white text-gray-900 font-medium px-4 py-2 rounded hover:bg-gray-200 transition"> 3525 Aceitar selecionados 3526 </button> 3527 </div> 3528 </div> 3529 </div> 3530 </div> 3531</div> 3532 3533 <div id="scripts"> 3534 <div vw class="enabled"> 3535 <div vw-access-button class="active"></div> 3536 <div vw-plugin-wrapper><div class="vw-plugin-top-wrapper"></div></div> 3537</div> 3538
3539<script src="https://vlibras.gov.br/app/vlibras-plugin.js" integrity="sha384-G/Q9QoEKXZ+o3tH6DfI994c7PfT0jP6+VhCSX6upoO+6hEaKtPJBekepGjPWyF0U" crossorigin="anonymous"></script>
3539 3540<noscript>O recurso de acessibilidade VLibras requer JavaScript ativado para funcionar corretamente.</noscript>
3541<script>new window.VLibras.Widget('https://vlibras.gov.br/app');</script>
3541 3542<noscript>O recurso de acessibilidade VLibras requer JavaScript ativado para funcionar corretamente.</noscript> 3543 </div> 3544 3545</body> 3546 3547</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.