1<!DOCTYPE html> 2<html lang="pt-BR"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Categoria | Tesauro Museus</title> 8 9 <!-- Fonts --> 10 <link rel="preconnect" href="https://fonts.googleapis.com"> 11 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 12 <link 13 href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Playfair+Display:wght@400;600;700&display=swap" 14 rel="stylesheet"> 15 16 <!-- Tailwind CSS --> 17
17<script src="https://cdn.tailwindcss.com"></script>
17 18
18<script> 19 tailwind.config = { 20 theme: { 21 extend: { 22 colors: { 23 museum: { 24 cream: '#F4F1EA', 25 navy: '#1A2A40', 26 wine: '#8B0000', 27 gold: '#C5A059', 28 gray: '#4A4A4A' 29 } 30 }, 31 fontFamily: { 32 serif: ['"Playfair Display"', 'serif'], 33 sans: ['"Inter"', 'sans-serif'], 34 } 35 } 36 } 37 } 38 </script>
38 39 <link rel="stylesheet" href="styles.css"> 40</head> 41 42<body class="bg-museum-cream text-museum-navy font-sans antialiased selection:bg-museum-wine selection:text-white"> 43 44 <!-- Header --> 45 <header class="border-b border-museum-navy/10 bg-white/80 backdrop-blur-md sticky top-0 z-50"> 46 <div class="container mx-auto px-6 py-4 flex justify-between items-center"> 47 <div class="flex items-center gap-3"> 48 <div 49 class="w-10 h-10 bg-museum-navy text-white flex items-center justify-center font-serif text-xl font-bold rounded-sm"> 50 T</div> 51 <h1 class="font-serif text-2xl font-bold tracking-tight text-museum-navy">Tesauro Museus</h1> 52 </div> 53 54 <nav class="hidden md:flex items-center gap-8 text-sm font-medium text-museum-gray"> 55 <a href="internal.html?p=instituicoes" class="hover:text-museum-wine transition-colors">Instituições</a> 56 <a href="glossario.html" 57 class="hover:text-museum-wine transition-colors font-bold text-museum-wine">Glossário Técnico</a> 58 <a href="internal.html?p=metodologia" class="hover:text-museum-wine transition-colors">Metodologia</a> 59 <a href="internal.html?p=acervo" class="hover:text-museum-wine transition-colors">Acervo Digital</a> 60 </nav> 61 62 <button id="access-btn" data-partner-link="true" 63 title="Conexão segura com o banco de dados de probabilidade" 64 class="bg-[#4ade80] text-museum-navy md:bg-museum-wine md:text-white px-6 py-2.5 rounded-sm font-medium text-sm hover:brightness-110 md:hover:bg-red-900 transition-all shadow-sm flex items-center gap-2"> 65 <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" 66 stroke="currentColor"> 67 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 68 d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" /> 69 </svg> 70 Acesso Restrito ao Simulador 71 </button> 72 </div> 73 </header> 74 75 <main class="container mx-auto px-6 py-12 flex flex-col lg:flex-row gap-12"> 76 77 <!-- Main Content --> 78 <div class="lg:w-3/4"> 79 <div class="mb-8 border-b border-museum-navy/10 pb-6"> 80 <span class="text-xs font-bold text-museum-wine uppercase tracking-wider">Categoria do Acervo</span> 81 <h1 id="cat-title" class="font-serif text-4xl md:text-5xl font-bold text-museum-navy mt-2 capitalize"> 82 Carregando...</h1> 83 <p class="text-gray-500 mt-2">Explorando registros catalogados nesta coleção.</p> 84 </div> 85 86 <div class="grid grid-cols-1 md:grid-cols-3 gap-6" id="items-grid"> 87 <!-- Items injected via JS --> 88 </div> 89 </div> 90 91 <!-- Sidebar --> 92 <aside class="lg:w-1/4"> 93 <div class="bg-museum-navy text-white p-6 rounded-sm shadow-lg sticky top-24"> 94 <h3 class="font-serif font-bold text-xl mb-4 text-museum-gold">Correlação EstatÃstica</h3> 95 <p class="text-sm text-museum-cream/80 mb-6 leading-relaxed"> 96 Esta categoria possui forte correlação com nossos modelos de probabilidade histórica. 97 </p> 98 <div class="border-t border-white/10 pt-4"> 99 <p class="text-xs text-gray-400 mb-2">Acesso a dados brutos:</p> 100 <button data-partner-link="true" 101 class="block w-full bg-[#4ade80] text-museum-navy md:bg-museum-wine md:text-white text-center py-3 rounded-sm font-bold hover:brightness-110 md:hover:bg-red-900 transition-all"> 102 Verificar Simulador 103 </button> 104 </div> 105 </div> 106 </aside> 107 108 </main> 109 110 <!-- Footer --> 111 <footer class="bg-museum-navy text-white py-12 border-t border-museum-gold/20"> 112 <div class="container mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-8"> 113 <div> 114 <div class="flex items-center gap-3 mb-4"> 115 <div 116 class="w-8 h-8 bg-white text-museum-navy flex items-center justify-center font-serif font-bold rounded-sm"> 117 T</div>
118 <span class="font-serif text-xl font-bold">Tesauro Museus</span> 119 </div> 120 <p class="text-museum-cream/60 text-sm leading-relaxed"> 121 Preservando a história da cultura material e a evolução dos sistemas matemáticos desde 2010. 122 </p> 123 </div> 124 <div> 125 <h4 class="font-bold mb-4 text-museum-gold">Acervo</h4> 126 <ul class="text-sm text-museum-cream/60 space-y-2"> 127 <li><a href="internal.html?content=antiguidade" class="hover:text-white">Antiguidade Clássica</a> 128 </li> 129 <li><a href="internal.html?content=medieval" class="hover:text-white">Idade Média</a></li> 130 <li><a href="internal.html?content=industrial" class="hover:text-white">Era Industrial</a></li> 131 <li><a href="internal.html?content=digital" class="hover:text-white">Era Digital</a></li> 132 </ul> 133 </div> 134 <div> 135 <h4 class="font-bold mb-4 text-museum-gold">Institucional</h4> 136 <ul class="text-sm text-museum-cream/60 space-y-2"> 137 <li><a href="internal.html?p=instituicoes" class="hover:text-white">Sobre Nós</a></li> 138 <li><a href="internal.html?content=privacidade" class="hover:text-white">PolÃtica de Privacidade</a> 139 </li> 140 <li><a href="internal.html?content=termos" class="hover:text-white">Termos de Uso</a></li> 141 <li><a href="internal.html?p=instituicoes" class="hover:text-white">Contato Acadêmico</a></li> 142 </ul> 143 </div> 144 <div> 145 <h4 class="font-bold mb-4 text-museum-gold">Newsletter</h4> 146 <p class="text-xs text-museum-cream/60 mb-4">Receba atualizações sobre novas descobertas e relatórios de 147 probabilidade.</p> 148 <div class="flex"> 149 <input type="email" id="newsletter-email" placeholder="Seu e-mail institucional" 150 class="bg-museum-navy border border-museum-cream/20 text-white px-3 py-2 text-sm w-full focus:outline-none focus:border-museum-gold"> 151 <button id="newsletter-btn" 152 class="bg-museum-gold text-museum-navy px-4 font-bold text-sm hover:bg-white transition-colors">OK</button> 153 </div> 154 </div> 155 </div> 156 </footer> 157 158
158<script src="main.js"></script>
158 159
159<script> 160 document.addEventListener("DOMContentLoaded", function () { 161 const params = new URLSearchParams(window.location.search); 162 const type = params.get('type'); 163 const titleEl = document.getElementById('cat-title'); 164 const gridEl = document.getElementById('items-grid'); 165 166 let title = "Acervo Geral"; 167 let items = []; 168 169 if (type === 'ceramica') { 170 title = "Acervo de Cerâmica Antiga"; 171 items = ["Vaso ProtocorÃntio", "Ãnfora de Transporte", "Cratera de Volutas", "Kylix Ãtico", "Lécito de Fundo Branco", "Hidra de Bronze"]; 172 } else if (type === 'numismatica') { 173 title = "Coleção Numismática"; 174 items = ["Dracma de Prata", "Sestércio Romano", "Denário de Augusto", "Tetradracma Ateniense", "Soldo Bizantino", "Real Espanhol"]; 175 } else if (type === 'mobiliario') { 176 title = "Mobiliário Histórico"; 177 items = ["Cadeira LuÃs XV", "Escrivaninha Vitoriana", "Baú Colonial", "Mesa de Jogo Século XVIII", "Armário Rústico", "Trono Eclesiástico"]; 178 } else if (type === 'pintura') { 179 title = "Galeria de Pintura"; 180 items = ["Retrato de Nobre", "Paisagem Holandesa", "Natureza Morta", "Cena de Batalha", "Afresco Renascentista", "Miniatura em Marfim"]; 181 } else if (type === 'sistemas-recompensa') { 182 title = "Sistemas de Recompensa"; 183 items = ["Roda da Fortuna 1890", "Slot Machine Liberty Bell", "Mecanismo de Relojoaria", "Algoritmo PRNG v1.0", "Tabela de Pagamentos 1920", "Chip de Processamento RNG"]; 184 } 185 186 titleEl.textContent = title; 187 document.title = `${title} | Tesauro Museus`; 188 189 // Generate placeholders 190 gridEl.innerHTML = items.map((item, index) => ` 191 <div class="bg-white p-4 rounded-sm shadow-sm border border-gray-100 hover:shadow-md transition-shadow"> 192 <div class="h-40 bg-gray-200 mb-4 rounded-sm overflow-hidden relative"> 193 <div class="absolute inset-0 flex items-center justify-center text-gray-400 text-xs">Imagem não disponÃvel</div> 194 </div> 195 <h3 class="font-serif font-bold text-lg text-museum-navy">${item}</h3> 196 <p class="text-xs text-gray-500">Catálogo #${1000 + index}</p> 197 </div> 198 `).join(''); 199 }); 200 </script>
200 201 202</body> 203 204</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.