1<!DOCTYPE html> 2<html lang="pt-br"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 9 <title>Fatos Históricos do Ceará: linha do tempo - Portal da História do Ceará</title> 10<meta name="description" content="Linha do tempo com 32.526 fatos da história do Ceará, de 1499 a 2005. Pesquise por data, palavra-chave e fonte."> 11<link rel="canonical" href="https://historiadoceara.com.br/fatos.php"> 12<meta property="og:url" content="https://historiadoceara.com.br/fatos.php"> 13<meta property="og:type" content="website"> 14<meta property="og:site_name" content="Portal da História do Ceará"> 15<meta property="og:locale" content="pt_BR"> 16<meta property="og:title" content="Fatos Históricos do Ceará: linha do tempo"> 17<meta property="og:description" content="Linha do tempo com 32.526 fatos da história do Ceará, de 1499 a 2005. Pesquise por data, palavra-chave e fonte."> 18<meta property="og:image" content="https://historiadoceara.com.br/images/og/portal.jpg"> 19<meta property="og:image:width" content="1200"> 20<meta property="og:image:height" content="630"> 21<meta property="og:image:alt" content="Fatos Históricos do Ceará: linha do tempo"> 22<meta name="twitter:card" content="summary_large_image"> 23<meta name="twitter:title" content="Fatos Históricos do Ceará: linha do tempo"> 24<meta name="twitter:description" content="Linha do tempo com 32.526 fatos da história do Ceará, de 1499 a 2005. Pesquise por data, palavra-chave e fonte."> 25<meta name="twitter:image" content="https://historiadoceara.com.br/images/og/portal.jpg">
26<script type="application/ld+json">{"@context":"https://schema.org","@type":"CollectionPage","name":"Fatos históricos do Ceará","url":"https://historiadoceara.com.br/fatos.php","publisher":{"@type":"Organization","name":"Portal da História do Ceará","url":"https://historiadoceara.com.br/","logo":{"@type":"ImageObject","url":"https://historiadoceara.com.br/images/og/logo.png","width":512,"height":512}}}</script>
vendor: 1 bytes, line 26
26
27<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"InÃcio","item":"https://historiadoceara.com.br/"},{"@type":"ListItem","position":2,"name":"Fatos históricos","item":"https://historiadoceara.com.br/fatos.php"}]}</script>
27 28 <meta name="keywords" content="história do ceará, fatos históricos, cronologia ceará, linha do tempo"> 29 30 <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"> 31 <link rel="apple-touch-icon" href="images/menu-arrow.png"> 32 33 <link rel="stylesheet" href="css/bootstrap.min.css"> 34 <link rel="stylesheet" href="css/style.css"> 35 <link rel="stylesheet" href="css/responsive.css"> 36 <link rel="stylesheet" href="css/theme.css"> 37 <link rel="stylesheet" href="css/custom.css"> 38 <link rel="stylesheet" href="css/fatos.css?v=2"> 39 40 <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet"> 41 <link rel="stylesheet" href="css/font-awesome.min.css"> 42</head> 43 44<body id="fatos" data-spy="scroll" data-target="#navbar-wd" data-offset="98"> 45 46 <meta name="sentry-trace" content="6ff84c94d06f40aeb88cb645a9b5c646-254549c1bff949c6-0"><meta name="baggage" content="sentry-trace_id=6ff84c94d06f40aeb88cb645a9b5c646,sentry-sample_rate=0.05,sentry-transaction=GET%20%2Ffatos.php,sentry-public_key=dae0ee07d7d24e56a09d3907d74f8cfc,sentry-org_id=4511311333425152,sentry-release=phc%40289b627dd2a3d43c8f6c4fe4ab54723d7f003cca,sentry-environment=production,sentry-sampled=false,sentry-sample_rand=0.070259">
46<script>window.PHC_OBS={"dsn":"https://dae0ee07d7d24e56a09d3907d74f8cfc@o4511311333425152.ingest.us.sentry.io/4511831106977792","environment":"production","release":"phc@289b627dd2a3d43c8f6c4fe4ab54723d7f003cca","tracesSampleRate":0.05,"sampleRate":1,"secao":"fato","bot":"bot|crawler|spider|preview|slurp|whatsapp|telegrambot|googlebot|bingbot|yandex|duckduckbot|facebookexternalhit|headless|curl|wget|python-requests|scrapy|semrush|ahrefs|mj12|dotbot|petalbot|bytespider"};(function(w){var f=w.__phcObsFila=[];function p(x){if(!w.__phcObsPronto&&f.length<10)f.push(x)}w.addEventListener("error",function(e){if(e&&e.error)p(["e",e.error,null])});w.addEventListener("unhandledrejection",function(e){if(e&&e.reason instanceof Error)p(["e",e.reason,null])});w.phcReportarErro=function(err,ctx){try{if(w.__phcObsReportar)w.__phcObsReportar(err,ctx);else p(["r",err,ctx||null])}catch(_){}}})(window);</script>
46<script src="https://browser.sentry-cdn.com/10.75.3/bundle.tracing.min.js" integrity="sha384-ENViSvvjnFnHdP3y+sWEP8HvdBvPRNPHZiqJRjV8Sdf7Ya0dURGrhZTi9ZD3Q02p" crossorigin="anonymous" async onload="window.__phcObsSdk&&window.__phcObsSdk()"></script>
46<script src="/js/observabilidade.js?v=289b627d" async></script>
46<script> 47(function(){ 48 var t = localStorage.getItem('phc-theme'); 49 if (t) document.documentElement.setAttribute('data-theme', t); 50 else if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) 51 document.documentElement.setAttribute('data-theme', 'dark'); 52})(); 53</script>
53 54 55 56<!-- Start Header Navigation --> 57<header class="top-header fixed-top"> 58 <nav class="navbar header-nav navbar-expand-lg justify-content-end"> 59 <div class="container"> 60 <a class="navbar-brand" href="/"> 61 <img src="/triskle_svg.svg" width="50px" height="42px" class="logo-icon" alt="Portal da História do Ceará" > 62 </a> 63 <h3 class="nav-title">Portal da História do Ceará</h3> 64 65 <!-- search component centered in header (Google-style) --> 66 <form class="header-search d-none d-md-block ms-4" action="/pesquisa.php" method="get" style="max-width:400px;"> 67 <div class="input-group"> 68 <input type="text" name="termo" class="form-control" placeholder="Pesquisar..."> 69 <button class="btn btn-outline-secondary" type="submit"><i class="fa fa-search"></i></button> 70 </div> 71 </form> 72 73 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-wd" 74 aria-controls="navbar-wd" aria-expanded="false" aria-label="Toggle navigation"> 75 <span></span> 76 </button> 77 78 <div class="collapse navbar-collapse justify-content-end" id="navbar-wd"> 79 <ul class="navbar-nav nav-com-achados"> 80 <li><a class="nav-link" href="/">InÃcio</a></li> 81 <li><a class="nav-link" href="/#about">Sobre</a></li> 82 <li><a class="nav-link" href="/#jornais">Jornais</a></li> 83 <li><a class="nav-link" href="/fatos.php">Fatos</a></li> <li><a class="nav-link" href="/biografias.php">Biografias</a></li> <li><a class="nav-link" href="/blog">Blog</a></li> <li><a class="nav-link" href="/livros_revistas.php">Livros e Revistas</a></li> <li><a class="nav-link" href="/manuscritos.php">Manuscritos</a></li> <li><a class="nav-link" href="/achados" title="Achados do Acervo"><span class="d-lg-none">Achados do Acervo</span><span class="d-none d-lg-inline">Achados</span></a></li> <li><a class="nav-link" href="/#contact">Contato</a></li> 84 </ul> 85 <!-- Theme toggle button --> 86 <button class="theme-toggle" id="theme-toggle" title="Alternar tema claro/escuro" aria-label="Alternar tema"> 87 <i class="fa fa-sun-o"></i> 88 <i class="fa fa-moon-o"></i> 89 </button> 90 <!-- mobile search form inside collapsed menu --> 91 <form class="header-search d-block d-md-none mt-3 ms-3" action="/pesquisa.php" method="get"> 92 <div class="input-group"> 93 <input type="text" name="termo" class="form-control" placeholder="Pesquisar..."> 94 <button class="btn btn-outline-secondary" type="submit"><i class="fa fa-search"></i></button> 95 </div> 96 </form> 97 </div> 98 </div> 99 </nav> 100 </header> 101 102 <!-- JavaScript for active links & smooth scroll --> 103
103<script> 104 document.addEventListener('DOMContentLoaded', function() { 105 const links = document.querySelectorAll('.nav-link'); 106 const currentPage = "fatos.php"; 107 const currentURL = window.location.href; 108 109 // Mapping sections for smooth scroll on index 110 const sections = {}; 111 links.forEach(link => { 112 const href = link.getAttribute('href'); 113 if(href.startsWith('/#')) { 114 const id = href.split('#')[1]; 115 const section = document.getElementById(id); 116 if(section) sections[id] = link; 117 118 // Smooth scroll + instant active highlight 119 link.addEventListener('click', function(e) { 120 if (window.location.pathname === '/' || window.location.pathname.endsWith('/index.php')) { 121 e.preventDefault(); 122 const target = document.getElementById(id); 123 if(target) { 124 window.scrollTo({ 125 top: target.offsetTop - 80, 126 behavior: 'smooth' 127 }); 128 clearActive(); 129 link.classList.add('active'); 130 } 131 } 132 }); 133 } 134 }); 135 136 function clearActive() { 137 links.forEach(l => l.classList.remove('active')); 138 } 139 140 function updateActiveLink() { 141 clearActive(); 142 143 // Determine which nav item to highlight 144 let activeLink = null; 145 146 if (currentPage === 'index.php') { 147 // On homepage, use scroll position to detect visible section 148 const scrollPos = window.scrollY || window.pageYOffset; 149 for (const id in sections) { 150 const section = document.getElementById(id); 151 if (section && section.offsetTop <= scrollPos + 100 && 152 section.offsetTop + section.offsetHeight > scrollPos + 100) { 153 activeLink = sections[id]; 154 break; 155 } 156 } 157 158 // Default to "InÃcio" if no section found 159 if (!activeLink) activeLink = document.querySelector('.nav-link[href="/"]'); 160 161 } else { 162 // Handle all other pages 163 if ( 164 currentPage.includes('jornais') || 165 currentPage.includes('jornal') || 166 currentPage === 'edicao.php' || 167 currentURL.includes('jornais') || 168 currentURL.includes('jornal') 169 ) { 170 activeLink = document.querySelector('.nav-link[href="/#jornais"]'); 171 } 172 else if (currentPage.includes('fato')) { 173 activeLink = document.querySelector('.nav-link[href="/fatos.php"]'); 174 } 175 else if (currentPage.includes('biografia')) { 176 activeLink = document.querySelector('.nav-link[href="/biografias.php"]'); 177 } 178 else if (currentPage.includes('blog')) { 179 activeLink = document.querySelector('.nav-link[href="/blog"]'); 180 } 181 else if (currentPage.includes('livro') || currentPage === 'autor.php') { 182 activeLink = document.querySelector('.nav-link[href="/livros_revistas.php"]'); 183 } 184 else if (currentPage.includes('manuscrito')) { 185 activeLink = document.querySelector('.nav-link[href="/manuscritos.php"]'); 186 } 187 else if (currentPage.includes('achado')) { 188 activeLink = document.querySelector('.nav-link[href="/achados"]'); 189 } 190 else if (currentPage.includes('pesquisa')) { 191 // search page considered under Jornais section 192 activeLink = document.querySelector('.nav-link[href="/#jornais"]'); 193 } 194 else if (currentPage.includes('acervos')) { 195 activeLink = document.querySelector('.nav-link[href="/#jornais"]'); 196 } 197 else if (currentPage.includes('quemsomos')) { 198 activeLink = document.querySelector('.nav-link[href="/#about"]'); 199 } 200 else { 201 activeLink = document.querySelector('.nav-link[href="/"]'); 202 } 203 } 204 205 if (activeLink) activeLink.classList.add('active'); 206 } 207 208 window.addEventListener('scroll', updateActiveLink); 209 updateActiveLink(); 210 211 }); 212 </script>
212 213 214 <!-- Theme toggle logic --> 215
215<script> 216 (function(){ 217 var btn = document.getElementById('theme-toggle'); 218 if (!btn) return; 219 btn.addEventListener('click', function(){ 220 var current = document.documentElement.getAttribute('data-theme'); 221 var next = (current === 'dark') ? 'light' : 'dark'; 222 document.documentElement.setAttribute('data-theme', next); 223 localStorage.setItem('phc-theme', next); 224 }); 225 // Auto-switch if OS theme changes and user hasn't manually chosen 226 if (window.matchMedia) { 227 window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function(e){ 228 if (!localStorage.getItem('phc-theme')) { 229 document.documentElement.setAttribute('data-theme', e.matches ? 'dark' : 'light'); 230 } 231 }); 232 } 233 })(); 234 </script>
234 235<!-- Botao flutuante de busca - mobile only --> 236<a href="/pesquisa.php" class="mobile-search-fab d-md-none" title="Pesquisar no acervo" aria-label="Pesquisar"> 237 <i class="fa fa-search"></i> 238</a> 239<!-- End Header Navigation --> 240 241 <nav aria-label="breadcrumb" class="phc-breadcrumb-nav"> 242 <div class="container"> 243 <ol class="breadcrumb phc-breadcrumb"> 244 <li class="breadcrumb-item"><a href="index.php">Inicio</a></li> 245 <li class="breadcrumb-item active" aria-current="page">Fatos Historicos</li> 246 </ol> 247 </div> 248</nav> 249 250 <!-- Banner Hero --> 251 <div class="fatos-banner"> 252 <div class="fatos-banner-overlay"></div> 253 <div class="container"> 254 <h1><i class="bi bi-clock-history"></i> Fatos Históricos do Ceará</h1> 255 <p class="text-center text-white" style="position:relative; z-index:2;"> 256 Navegue por séculos de história cearense â dos primeiros navegadores à s transformações modernas 257 </p> 258 <div class="fatos-stats-bar"> 259 <span><i class="bi bi-journal-text"></i> <strong id="stat-total">32.526</strong> fatos registrados</span> 260 <span><i class="bi bi-calendar-range"></i> De <strong id="stat-ano-min">1499</strong> a <strong id="stat-ano-max">2005</strong></span> 261 </div> 262 </div> 263 </div> 264 265 <div class="container"> 266 267 <!-- Search/Filter Bar --> 268 <div class="search-fatos-container"> 269 <h2><i class="bi bi-funnel" style="color:#d39e00;"></i> Pesquisar Fatos Históricos</h2> 270 <form id="fatos-search-form" class="search-form-fatos" onsubmit="return false;"> 271 <div class="form-row-fatos"> 272 <div class="form-group-fatos fg-texto"> 273 <label for="fatos-texto"><i class="fa fa-search"></i> Texto</label> 274 <input type="text" id="fatos-texto" placeholder="Buscar em fatos históricos..."> 275 </div> 276 <div class="form-group-fatos"> 277 <label for="fatos-ano-inicio"><i class="bi bi-calendar-event"></i> Ano Inicial</label> 278 <input type="number" id="fatos-ano-inicio" placeholder="Ex: 1499" min="1400" max="2100"> 279 </div> 280 <div class="form-group-fatos"> 281 <label for="fatos-ano-fim"><i class="bi bi-calendar-event"></i> Ano Final</label> 282 <input type="number" id="fatos-ano-fim" placeholder="Ex: 2005" min="1400" max="2100"> 283 </div> 284 <div class="form-group-fatos"> 285 <label for="fatos-mes"><i class="bi bi-calendar-month"></i> Mês</label> 286 <select id="fatos-mes"> 287 <option value="0">Todos</option> 288 <option value="1">Janeiro</option> 289 <option value="2">Fevereiro</option> 290 <option value="3">Março</option> 291 <option value="4">Abril</option> 292 <option value="5">Maio</option> 293 <option value="6">Junho</option> 294 <option value="7">Julho</option> 295 <option value="8">Agosto</option> 296 <option value="9">Setembro</option> 297 <option value="10">Outubro</option> 298 <option value="11">Novembro</option> 299 <option value="12">Dezembro</option> 300 </select> 301 </div> 302 <div class="form-group-fatos"> 303 <label for="fatos-ordem"><i class="fa fa-sort"></i> Ordem</label> 304 <select id="fatos-ordem"> 305 <option value="asc">Mais Antigos</option> 306 <option value="desc">Mais Recentes</option> 307 </select> 308 </div> 309 <div class="form-group-fatos fg-buttons">
310 <button type="submit" id="btn-pesquisar-fatos" class="btn-search-fatos"> 311 <i class="fa fa-search"></i> Pesquisar 312 </button> 313 <button type="button" id="btn-limpar-fatos" class="btn-clear-fatos"> 314 <i class="fa fa-times"></i> Limpar 315 </button> 316 </div> 317 </div> 318 </form> 319 </div> 320 321 <!-- PerÃodos Históricos --> 322 <div class="periodos-historicos"> 323 <div class="periodos-label"><i class="bi bi-signpost-split"></i> Explore por perÃodo</div> 324 <div class="periodos-bar"> 325 <button class="periodo-btn active" data-start="0" data-end="0"> 326 <span class="periodo-ico"><i class="bi bi-globe2"></i></span> 327 <span class="periodo-nome">Todos</span> 328 </button> 329 <button class="periodo-btn" data-start="1499" data-end="1612"> 330 <span class="periodo-ico"><i class="bi bi-compass"></i></span> 331 <span class="periodo-nome">Descobrimento</span> 332 <span class="periodo-anos">1499 â 1612</span> 333 </button> 334 <button class="periodo-btn" data-start="1612" data-end="1654"> 335 <span class="periodo-ico"><i class="bi bi-flag"></i></span> 336 <span class="periodo-nome">Colonização</span> 337 <span class="periodo-anos">1612 â 1654</span> 338 </button> 339 <button class="periodo-btn" data-start="1654" data-end="1822"> 340 <span class="periodo-ico"><i class="bi bi-building"></i></span> 341 <span class="periodo-nome">Era Colonial</span> 342 <span class="periodo-anos">1654 â 1822</span> 343 </button> 344 <button class="periodo-btn" data-start="1822" data-end="1889"> 345 <span class="periodo-ico"><i class="bi bi-gem"></i></span> 346 <span class="periodo-nome">Império</span> 347 <span class="periodo-anos">1822 â 1889</span> 348 </button> 349 <button class="periodo-btn" data-start="1889" data-end="1930"> 350 <span class="periodo-ico"><i class="bi bi-bank"></i></span> 351 <span class="periodo-nome">República Velha</span> 352 <span class="periodo-anos">1889 â 1930</span> 353 </button> 354 <button class="periodo-btn" data-start="1930" data-end="2030"> 355 <span class="periodo-ico"><i class="bi bi-sunrise"></i></span> 356 <span class="periodo-nome">Era Moderna</span> 357 <span class="periodo-anos">1930 â atual</span> 358 </button> 359 </div> 360 </div> 361 362 <!-- Tipos de Evento --> 363 <div class="tipos-evento"> 364 <div class="tipos-evento-label"><i class="bi bi-tag"></i> Filtrar por tipo de evento</div> 365 <div class="tipos-evento-bar"> 366 <button class="tipo-btn active" data-tipo="todos"> 367 <span class="tipo-ico"><i class="bi bi-globe2"></i></span> 368 <span class="tipo-nome">Todos</span> 369 </button> 370 <button class="tipo-btn" data-tipo="1"> 371 <span class="tipo-ico"><i class="bi bi-person-badge"></i></span> 372 <span class="tipo-nome">Posse & Nomeação</span> 373 <span class="tipo-count" id="tipo-count-1">0</span> 374 </button> 375 <button class="tipo-btn" data-tipo="2"> 376 <span class="tipo-ico"><i class="bi bi-heart-pulse"></i></span> 377 <span class="tipo-nome">Nascimento & Morte</span> 378 <span class="tipo-count" id="tipo-count-2">0</span> 379 </button> 380 <button class="tipo-btn" data-tipo="3"> 381 <span class="tipo-ico"><i class="bi bi-flag"></i></span>
382 <span class="tipo-nome">Fundação & Criação</span> 383 <span class="tipo-count" id="tipo-count-3">0</span> 384 </button> 385 <button class="tipo-btn" data-tipo="4"> 386 <span class="tipo-ico"><i class="bi bi-building"></i></span> 387 <span class="tipo-nome">Construção & Inauguração</span> 388 <span class="tipo-count" id="tipo-count-4">0</span> 389 </button> 390 <button class="tipo-btn" data-tipo="5"> 391 <span class="tipo-ico"><i class="bi bi-compass"></i></span> 392 <span class="tipo-nome">Expedição & Chegada</span> 393 <span class="tipo-count" id="tipo-count-5">0</span> 394 </button> 395 <button class="tipo-btn" data-tipo="6"> 396 <span class="tipo-ico"><i class="bi bi-shield-exclamation"></i></span> 397 <span class="tipo-nome">Conflitos & Guerras</span> 398 <span class="tipo-count" id="tipo-count-6">0</span> 399 </button> 400 <button class="tipo-btn" data-tipo="7"> 401 <span class="tipo-ico"><i class="bi bi-cloud-lightning"></i></span> 402 <span class="tipo-nome">Fenômenos & Desastres</span> 403 <span class="tipo-count" id="tipo-count-7">0</span> 404 </button> 405 <button class="tipo-btn" data-tipo="8"> 406 <span class="tipo-ico"><i class="bi bi-bank"></i></span> 407 <span class="tipo-nome">Eleições & Leis</span> 408 <span class="tipo-count" id="tipo-count-8">0</span> 409 </button> 410 <button class="tipo-btn" data-tipo="9"> 411 <span class="tipo-ico"><i class="bi bi-book"></i></span> 412 <span class="tipo-nome">Cultura & Imprensa</span> 413 <span class="tipo-count" id="tipo-count-9">0</span> 414 </button> 415 <button class="tipo-btn" data-tipo="0"> 416 <span class="tipo-ico"><i class="bi bi-question-circle"></i></span> 417 <span class="tipo-nome">Sem Classificação</span> 418 <span class="tipo-count" id="tipo-count-0">0</span> 419 </button> 420 </div> 421 </div> 422 423 <!-- Controls Bar --> 424 <div class="fatos-controls"> 425 <div class="fatos-results-info" id="fatos-results-info"></div> 426 <div class="fatos-view-toggle"> 427 <label>Visualização:</label> 428 <button class="btn-view-fatos" id="btn-view-cards" title="Cards"> 429 <i class="bi bi-grid-3x3-gap"></i> 430 </button> 431 <button class="btn-view-fatos active" id="btn-view-timeline" title="Linha do Tempo"> 432 <i class="bi bi-list-ul"></i> 433 </button> 434 </div> 435 </div> 436 437 <!-- Timeline View (default) --> 438 <div id="fatos-view-timeline" class="fatos-timeline" role="status" aria-label="Carregando fatos historicos"> 439 <div class="skeleton-timeline-item" aria-hidden="true"> 440 <div class="skeleton-dot skeleton-shimmer"></div> 441 <div class="skeleton-timeline-content"> 442 <div class="skeleton-line skeleton-shimmer" style="width:80px;height:14px;margin-bottom:10px;"></div> 443 <div class="skeleton-line skeleton-shimmer" style="width:100%;height:12px;margin-bottom:6px;"></div> 444 <div class="skeleton-line skeleton-shimmer" style="width:85%;height:12px;margin-bottom:6px;"></div> 445 <div class="skeleton-line skeleton-shimmer" style="width:50%;height:12px;"></div> 446 </div> 447 </div> 448 <div class="skeleton-timeline-item" aria-hidden="true"> 449 <div class="skeleton-dot skeleton-shimmer"></div> 450 <div class="skeleton-timeline-content"> 451 <div class="skeleton-line skeleton-shimmer" style="width:80px;height:14px;margin-bottom:10px;"></div> 452 <div class="skeleton-line skeleton-shimmer" style="width:100%;height:12px;margin-bottom:6px;"></div> 453 <div class="skeleton-line skeleton-shimmer" style="width:85%;height:12px;margin-bottom:6px;"></div> 454 <div class="skeleton-line skeleton-shimmer" style="width:50%;height:12px;"></div> 455 </div> 456 </div> 457 <div class="skeleton-timeline-item" aria-hidden="true"> 458 <div class="skeleton-dot skeleton-shimmer"></div> 459 <div class="skeleton-timeline-content"> 460 <div class="skeleton-line skeleton-shimmer" style="width:80px;height:14px;margin-bottom:10px;"></div> 461 <div class="skeleton-line skeleton-shimmer" style="width:100%;height:12px;margin-bottom:6px;"></div> 462 <div class="skeleton-line skeleton-shimmer" style="width:85%;height:12px;margin-bottom:6px;"></div> 463 <div class="skeleton-line skeleton-shimmer" style="width:50%;height:12px;"></div> 464 </div> 465 </div> 466 <div class="skeleton-timeline-item" aria-hidden="true"> 467 <div class="skeleton-dot skeleton-shimmer"></div> 468 <div class="skeleton-timeline-content"> 469 <div class="skeleton-line skeleton-shimmer" style="width:80px;height:14px;margin-bottom:10px;"></div> 470 <div class="skeleton-line skeleton-shimmer" style="width:100%;height:12px;margin-bottom:6px;"></div> 471 <div class="skeleton-line skeleton-shimmer" style="width:85%;height:12px;margin-bottom:6px;"></div> 472 <div class="skeleton-line skeleton-shimmer" style="width:50%;height:12px;"></div> 473 </div> 474 </div> 475 <div class="skeleton-timeline-item" aria-hidden="true"> 476 <div class="skeleton-dot skeleton-shimmer"></div> 477 <div class="skeleton-timeline-content"> 478 <div class="skeleton-line skeleton-shimmer" style="width:80px;height:14px;margin-bottom:10px;"></div> 479 <div class="skeleton-line skeleton-shimmer" style="width:100%;height:12px;margin-bottom:6px;"></div> 480 <div class="skeleton-line skeleton-shimmer" style="width:85%;height:12px;margin-bottom:6px;"></div> 481 <div class="skeleton-line skeleton-shimmer" style="width:50%;height:12px;"></div> 482 </div> 483 </div> 484 <div class="skeleton-timeline-item" aria-hidden="true"> 485 <div class="skeleton-dot skeleton-shimmer"></div> 486 <div class="skeleton-timeline-content"> 487 <div class="skeleton-line skeleton-shimmer" style="width:80px;height:14px;margin-bottom:10px;"></div> 488 <div class="skeleton-line skeleton-shimmer" style="width:100%;height:12px;margin-bottom:6px;"></div> 489 <div class="skeleton-line skeleton-shimmer" style="width:85%;height:12px;margin-bottom:6px;"></div> 490 <div class="skeleton-line skeleton-shimmer" style="width:50%;height:12px;"></div> 491 </div> 492 </div> 493 </div> 494 495 <!-- Cards View --> 496 <div id="fatos-view-cards" class="fatos-cards-grid d-none"></div> 497 498 <!-- Pagination --> 499 <div id="fatos-paginacao" class="fatos-paginacao"></div> 500 501 <section class="fatos-decadas" aria-labelledby="fatos-decadas-titulo"> 502 <h2 id="fatos-decadas-titulo">Comece por uma década</h2> 503 <ul class="fatos-decadas-lista"> 504 <li><a href="/fato/1-quando-cristovao-colombo-descobriu-sem-consciencia-disto-um-novo">1490s <span>1</span></a></li> 505 <li><a href="/fato/2-de-acordo-com-o-pensamento-do-historiador-francisco-adolfo-de">1500s <span>
5052</span></a></li> 506 <li><a href="/fato/4-martim-afonso-de-sousa-teria-tambem-estado-por-aqui">1530s <span>3</span></a></li> 507 <li><a href="/fato/7-nossa-costa-foi-dominada-pelos-franceses-ate-1600-sendo-os-primeiros">1550s <span>1</span></a></li> 508 <li><a href="/fato/8-junho-a-primeira-vez-que-nosso-solo-teve-contato-realmente-com-a">1600s <span>4</span></a></li> 509 <li><a href="/fato/12-assassinado-pelos-selvagens-do-ceara-na-serra-da-ibiapaba-o-jesuita">1610s <span>5</span></a></li> 510 <li><a href="/fato/17-martim-soares-moreno-toma-posse-e-reconstroi-o-fortim-de-sao-tiago">1620s <span>1</span></a></li> 511 <li><a href="/fato/18-o-capitao-mor-domingos-de-veiga-cabral-e-nomeado-capitao-do-forte">1630s <span>5</span></a></li> 512 <li><a href="/fato/23-desembarca-no-mucuripe-a-segunda-ocupacao-holandesa-comandada-por">1640s <span>2</span></a></li> 513 <li><a href="/fato/25-ano-de-grande-seca-em-todo-o-estado-do-ceara-e-consequentemente-no">1650s <span>4</span></a></li> 514 <li><a href="/fato/29-a-rainha-adota-o-parecer-do-conselho-ultramarino-do-dia-29-de">1660s <span>4</span></a></li> 515 <li><a href="/fato/32-assume-o-governo-da-provincia-do-ceara-jorge-correa-da-silva">1670s <span>4</span></a></li> 516 <li><a href="/fato/36-toma-posse-no-governo-da-provincia-do-ceara-bento-de-macedo-farias">1680s <span>2</span></a></li> 517 <li><a href="/fato/38-outro-ano-de-grande-seca-no-ceara-e-consequentemente-no-local-em-que">1690s <span>7</span></a></li> 518 <li><a href="/fato/45-o-novo-seculo-encontra-a-provincia-do-ceara-com-seus-destinos">1700s <span>9</span></a></li> 519 <li><a href="/fato/54-mais-um-governador-assume-no-ceara-francisco-duarte-de-vasconcelos-em">1710s <span>7</span></a></li> 520 <li><a href="/fato/61-assume-o-governo-da-provincia-do-ceara-manuel-frances-substituindo">1720s <span>14</span></a></li> 521 <li><a href="/fato/75-o-terceiro-ouvidor-geral-da-capitania-do-ceara-foi-nomeado-por">1730s <span>9</span></a></li> 522 <li><a href="/fato/84-o-visitador-lino-gomes-correia-ao-passar-pela-vila-de-fortaleza">1740s <span>11</span></a></li> 523 <li><a href="/fato/94-agosto-18-assume-o-cargo-de-capitao-mor-e-governador-do-ceara-luis">1750s <span>129</span></a></li> 524 <li><a href="/fato/103-erigida-a-aldeia-de-sao-sebastiao-de-paupina-com-o-nome-de-vila-nova">1760s <span>115</span></a></li> 525 <li><a href="/fato/107-toma-posse-o-nono-ouvidor-geral-do-ceara-joao-da-costa-carneiro-e-sa">1770s <span>98</span></a></li> 526 <li><a href="/fato/114-como-o-ano-anterior-de-otimo-inverno-com-bastante-chuvas-para">1780s <span>146</span></a></li> 527 <li><a href="/fato/122-ano-do-inicio-de-uma-grande-seca-que-so-terminaria-quatro-anos-depois">1790s <span>169</span></a></li> 528 <li><a href="/fato/136-nomeado-um-arruador-da-vila-manuel-ferreira-da-silva-para-arrumar-as">1800s <span>25</span></a></li> 529 <li><a href="/fato/155-sai-um-alvara-criando-um-juiz-de-fora-para-a-vila-da-fortaleza-com">1810s <span>44</span></a></li> 530 <li><a href="/fato/184-manuel-inacio-de-sampaio-governador-sampaio-entrega-o-governo-a-uma">1820s <span>84</span></a></li> 531 <li><a href="/fato/239-junho-29-inaugura-se-o-antigo-campo-d-amelia-uma-homenagem-a">1830s <span>86</span></a></li> 532 <li><a href="/fato/288-joao-antonio-de-miranda-governou-apenas-um-ano-passando-a-presidencia">1840s <span>140</span></a></li> 533 <li><a href="/fato/368-lancada-a-pedra-fundamental-da-igreja-do-patrocinio-na-praca-marques">1850s <span>197</span></a></li> 534 <li><a href="/fato/482-morre-em-angra-dos-reis-rj-aos-47-anos-de-idade-casimiro-jose-de">1860s <span>244</span></a></li> 535 <li><a href="/fato/617-o-colegio-partenon-cearense-instalou-se-na-rua-formosa-rua-barao-do">1870s <span>302</span></a></li> 536 <li><a href="/fato/795-assume-o-comando-da-forca-policial-atual-policia-militar-do-ceara-o">1880s <span>433</span></a></li> 537 <li><a href="/fato/1054-todos-os-componentes-da-camara-municipal-renunciaram-por-acharem-que">1890s <span>547</span></a></li> 538 <li>
538<a href="/fato/1396-o-decreto-no-3-602-passa-para-o-encargo-do-governo-as-obras-do-porto">1900s <span>545</span></a></li> 539 <li><a href="/fato/1730-apos-uma-ausencia-de-sete-meses-reaparece-em-fortaleza-o-jornal">1910s <span>720</span></a></li> 540 <li><a href="/fato/2213-assume-o-comando-do-23o-batalhao-de-cacadores-23bc-o-coronel-felipe">1920s <span>3.695</span></a></li> 541 <li><a href="/fato/3136-empossada-a-nova-diretoria-da-associacao-cearense-de-imprensa-aci-com">1930s <span>6.079</span></a></li> 542 <li><a href="/fato/4153-acontece-a-3a-corrida-de-sao-silvestre-prova-de-pedestrianismo">1940s <span>5.207</span></a></li> 543 <li><a href="/fato/5333-o-ginasio-americano-antiga-escola-domestica-de-fortaleza-situado-na">1950s <span>3.507</span></a></li> 544 <li><a href="/fato/6508-fundado-em-fortaleza-o-servico-de-divulgacao-e-relacoes-culturais-dos">1960s <span>3.568</span></a></li> 545 <li><a href="/fato/7481-o-hospital-de-pronto-socorro-dr-jose-frota-e-transformado-em">1970s <span>3.015</span></a></li> 546 <li><a href="/fato/8976-morre-em-fortaleza-aos-70-anos-de-idade-o-engenheiro-agronomo-e">1980s <span>2.112</span></a></li> 547 <li><a href="/fato/10019-assume-a-presidencia-da-rede-ferroviaria-federal-sociedade-anonima">1990s <span>643</span></a></li> 548 <li><a href="/fato/10662-toma-posse-como-paroco-da-catedral-metropolitana-de-fortaleza-o-padre">2000s <span>581</span></a></li> 549 </ul> 550 </section> 551 552 </div> 553 554 <!-- Detail Modal --> 555 <div class="modal fade" id="fatoModal" tabindex="-1" role="dialog" aria-labelledby="fatoModalLabel" aria-hidden="true"> 556 <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> 557 <div class="modal-content"> 558 <div class="modal-header"> 559 <div> 560 <h5 class="modal-title" id="fatoModalLabel"> 561 <i class="bi bi-clock-history"></i> Fato Histórico 562 </h5> 563 </div> 564 <button type="button" class="close" data-dismiss="modal" aria-label="Fechar"> 565 <span aria-hidden="true" style="color:#fff;">×</span> 566 </button> 567 </div> 568 <div class="modal-body"> 569 <div class="fato-modal-img-wrap"> 570 <img id="fatoModalImg" src="images/fatos/tampao_01.png" alt="Ilustração histórica"> 571 <div class="fato-modal-ai-badge"><i class="fa fa-magic"></i> Imagem gerada por IA</div> 572 <div class="fato-modal-img-badge" id="fatoModalImgBadge"></div> 573 </div> 574 <div class="fato-modal-date-badge"> 575 <span class="fato-timeline-year-badge" id="fatoModalAno"></span> 576 <span class="fato-modal-date-text" id="fatoModalDate"></span> 577 </div> 578 <div class="fato-modal-text" id="fatoModalText"></div> 579 <div class="fato-modal-fonte-section" id="fatoModalFonte" style="display:none;"> 580 <i class="fa fa-book"></i> Fonte: <span id="fatoModalFonteText"></span> 581 </div> 582 </div> 583 <div class="modal-footer"> 584 <button type="button" id="fatoModalShare" class="btn btn-sm btn-share-native" style="display:none;"> 585 <i class="fa fa-share-nodes"></i> Compartilhar 586 </button> 587 <a id="fatoModalWhatsapp" href="#" target="_blank" class="btn btn-sm btn-whatsapp-share"> 588 <i class="fa fa-whatsapp"></i> WhatsApp 589 </a> 590<button type="button" class="btn btn-sm btn-fechar-modal" data-dismiss="modal">Fechar</button> 591 </div> 592 </div> 593 </div> 594 </div> 595 596 <!-- Componente: Formulário de Contato --> 597<div id="contact" class="contact-box"> 598 <div class="container"> 599 <div class="row"> 600 <div class="col-lg-12"> 601 <div class="title-box text-center"> 602 <h2>Contate-nos</h2> 603 <p> 604 Envie seus comentários â crÃticas, sugestões e elogios são bem-vindos. 605 Se quiser, você também pode colaborar enviando conteúdos. 606 </p> 607 </div> 608 </div> 609 </div> 610 611 <div class="row"> 612 <div class="col-lg-12"> 613 <div class="contact-block"> 614 <form id="contactForm" novalidate> 615 <div class="row"> 616 <div class="col-md-6"> 617 <div class="form-group"> 618 <input type="text" class="form-control" id="name" name="name" placeholder="Seu nome *" required> 619 <div class="help-block with-errors"></div> 620 </div> 621 </div> 622 <div class="col-md-6"> 623 <div class="form-group"> 624 <input type="email" placeholder="Seu Email" id="email" class="form-control" name="email"> 625 <div class="help-block with-errors"></div> 626 </div> 627 </div> 628 <div class="col-md-12"> 629 <div class="form-group"> 630 <input type="text" placeholder="Seu assunto" id="assunto" class="form-control" name="assunto"> 631 <div class="help-block with-errors"></div> 632 </div> 633 </div> 634 <div class="col-md-12"> 635 <div class="form-group"> 636 <textarea class="form-control" id="message" name="message" placeholder="Sua mensagem *" rows="8" required></textarea> 637 <div class="help-block with-errors"></div> 638 </div> 639 <div class="submit-button text-center"> 640 <button class="btn btn-common" id="submit" type="submit">Enviar</button> 641 <div id="msgSubmit" class="h3 text-center hidden"></div> 642 <div class="clearfix"></div> 643 </div> 644 </div> 645 </div> 646 </form> 647 </div> 648 </div> 649 650 <!-- Informações de Contato --> 651 <div class="col-lg-12"> 652 <div class="left-contact"> 653 <h2>Contato</h2> 654 <div class="contact-cards"> 655 <div class="contact-card"> 656 <div class="icon-b"> 657 <i class="fa fa-location-arrow" aria-hidden="true"></i> 658 </div> 659 <h4>Problemas técnicos do Portal</h4> 660 <p>Reportar erros ou falhas técnicas no site.</p> 661 <a href="mailto:[email protected]">[email protected]</a> 662 </div> 663 664 <div class="contact-card"> 665 <div class="icon-b"> 666 <i class="fa fa-envelope" aria-hidden="true"></i> 667 </div> 668 <h4>Sobre CONTEÃDOS do Portal</h4> 669 <p>Dúvidas, sugestões ou correções sobre os conteúdos publicados.</p> 670 <a href="mailto:[email protected]">[email protected]</a> 671 </div> 672 673 <div class="contact-card"> 674 <div class="icon-b"> 675 <i class="fa fa-users" aria-hidden="true"></i> 676 </div> 677 <h4>Deseja COLABORAR com o Portal?</h4> 678 <p>Envie materiais ou participe como colaborador.</p> 679 <a href="mailto:[email protected]">[email protected]</a> 680 </div> 681 </div> 682 </div> 683 </div> 684 </div> 685 </div> 686</div> 687<!-- Fim Componente: Formulário de Contato --> 688 689 690<link rel="stylesheet" href="/css/modal_versao.css"> 691 692<!-- Start Footer --> 693<footer class="footer-box"> 694 <div class="container"> 695 <div class="row"> 696 <div class="col-lg-12"> 697 <p class="footer-company-name"> 698 Material Livre - peço apenas citar a fonte. © 2026 699 <a href="/">Portal da História do Ceará</a> 700 Web master responsável : <a href="http://www.ceara.pro.br">Gildácio Sá</a> 701 702 <a href="https://www.instagram.com/ahistoriadoceara/" class="footer-instagram" target="_blank" rel="noopener" data-phc-evento="instagram_clique" data-phc-detalhe="rodape" aria-label="Instagram do Portal, @ahistoriadoceara">
702<svg class="phc-ig-icone" width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="2.5" y="2.5" width="19" height="19" rx="5.5" fill="none" stroke="currentColor" stroke-width="2"/><circle cx="12" cy="12" r="4.3" fill="none" stroke="currentColor" stroke-width="2"/><circle cx="17.6" cy="6.4" r="1.3" fill="currentColor"/></svg> Instagram</a> 703 <a href="#" class="version-badge" data-toggle="modal" data-target="#modalVersao"> 704 <i class="fa fa-code-fork"></i> v1.0.0 </a> 705 </p> 706 </div> 707 </div> 708 </div> 709</footer> 710<!-- End Footer --> 711 712<a href="#" id="scroll-to-top" class="new-btn-d br-2"><i class="fa fa-angle-up"></i></a> 713 714<!-- Bottom Tab Navigation - Mobile Only --> 715<nav class="bottom-tab-nav d-md-none" aria-label="Navegacao principal mobile"> 716 <a href="/" class="bottom-tab-item "> 717 <i class="fa fa-home"></i> 718 <span>Inicio</span> 719 </a> 720 <a href="/#jornais" class="bottom-tab-item "> 721 <i class="fa fa-newspaper"></i> 722 <span>Jornais</span> 723 </a> 724 <a href="/fatos.php" class="bottom-tab-item active"> 725 <i class="fa fa-clock-rotate-left"></i> 726 <span>Fatos</span> 727 </a> 728 <a href="/pesquisa.php" class="bottom-tab-item "> 729 <i class="fa fa-search"></i> 730 <span>Pesquisar</span> 731 </a> 732 <button type="button" class="bottom-tab-item" id="bottom-tab-iracema" aria-label="Abrir assistente IAcema"> 733 <i class="fa fa-robot"></i> 734 <span>IAcema</span> 735 </button> 736 </nav> 737 738<!-- Modal de Versão --> 739<div class="modal fade" id="modalVersao" tabindex="-1" role="dialog" aria-labelledby="modalVersaoLabel" aria-hidden="true"> 740 <div class="modal-dialog modal-dialog-centered" role="document"> 741 <div class="modal-content"> 742 <div class="modal-header"> 743 <h5 class="modal-title" id="modalVersaoLabel"> 744 <i class="fa fa-rocket" style="margin-right: 10px;"></i> Novidades 745 <small>v1.0.0</small> 746 </h5> 747 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 748 <span aria-hidden="true">×</span> 749 </button> 750 </div> 751 <div class="modal-body"> 752 <h6 style="margin-bottom: 20px; color: #6a4f00; font-weight: 700; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 1px;"> 753 Lançamento: 22/02/2026 </h6> 754 755 <ul class="feature-list"> 756 <li class="feature-item animate-fade-in-up delay-1"> 757 <div class="feature-icon"> 758 <i class="fa fa-newspaper-o"></i> 759 </div> 760 <div class="feature-text"> 761 Alça de jornais do portal </div> 762 </li> 763 <li class="feature-item animate-fade-in-up delay-2"> 764 <div class="feature-icon"> 765 <i class="fa fa-search"></i> 766 </div> 767 <div class="feature-text"> 768 Sistema de pesquisa powered by IA sobre os jornais O Nordeste e Unitário </div> 769 </li> 770 <li class="feature-item animate-fade-in-up delay-3"> 771 <div class="feature-icon"> 772 <i class="fa fa-history"></i> 773 </div> 774 <div class="feature-text"> 775 Alça de fatos históricos com imagens </div> 776 </li> 777 <li class="feature-item animate-fade-in-up delay-4"> 778 <div class="feature-icon"> 779 <i class="fa fa-commenting-o"></i> 780 </div> 781 <div class="feature-text"> 782 Sistema de feedback para usuários </div> 783 </li> 784 </ul> 785 </div> 786 <div class="modal-footer"> 787 <span class="footer-note">Portal da História do Ceará</span> 788 <button type="button" class="btn-close-custom" data-dismiss="modal">Fechar</button> 789 </div> 790 </div> 791 </div> 792</div> 793 794<!-- Bootstrap Icons: o chatbot usa, mas fatos, livros e o index tambem --> 795<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet"> 796<!-- Chatbot IA IAcema --> 797<link rel="stylesheet" href="/css/chatbot.css"> 798 799<!-- Tracking universal de pageview (session_id + dedup + bot detection). 800 Carrega ANTES do chatbot.js de proposito: os dois usam defer, que roda
801 na ordem do documento, e o init() do chat dispara o evento de impressao 802 do funil â que precisa do PHC_TRACK ja definido. Invertido em 19/08/2026. -->
803<script src="/js/tracking.js?v=5" defer></script>
803 804
805<script src="/js/chatbot.js?v=7" defer></script>
805 806 807<!-- Bottom tab IAcema integration -->
808<script> 809document.addEventListener('DOMContentLoaded', function() { 810 var iracemaTab = document.getElementById('bottom-tab-iracema'); 811 if (iracemaTab) { 812 iracemaTab.addEventListener('click', function() { 813 var fab = document.querySelector('.chatbot-fab'); 814 if (fab) fab.click(); 815 }); 816 } 817}); 818</script>
818 819 820
820<script src="js/jquery.min.js"></script>
820 821
821<script src="js/popper.min.js"></script>
821 822
822<script src="js/bootstrap.min.js"></script>
822 823
823<script src="js/jquery.magnific-popup.min.js"></script>
823 824
824<script src="js/smoothscroll.js"></script>
824 825
825<script src="js/TweenMax.min.js"></script>
825 826
826<script src="js/main.js"></script>
826 827
827<script src="js/owl.carousel.min.js"></script>
827 828
828<script src="js/form-validator.min.js"></script>
828 829
829<script src="js/contact-form-script.js"></script>
829 830
830<script src="js/isotope.min.js"></script>
830 831
831<script src="js/images-loded.min.js"></script>
831 832
832<script src="js/custom.js"></script>
832 833 834 <!-- Fatos Históricos Module --> 835
835<script> 836 // Server-provided initial data 837 var FATOS_CONFIG = { 838 anoMin: 1499, 839 anoMax: 2005, 840 totalFatos: 32526, 841 urlCdnFatos: 'https://pub-d6f6e6a5766d4ab4a4959f6699d169c4.r2.dev/fatos/' 842 }; 843 </script>
843 844
844<script src="js/fatos.js?v=2"></script>
844 845 846</body> 847</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.