1 2 3<!DOCTYPE html> 4<html lang="pt-BR"> 5<head> 6 <meta charset="utf-8"/> 7 <meta content="width=device-width, initial-scale=1.0" name="viewport"/> 8 <title>Bandeira - Prefeitura de Missal</title> 9
9<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
9 10 <link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"/> 11 <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,[email protected],0..1&display=swap" rel="stylesheet"/> 12 <link rel="icon" type="image/x-icon" href="/static/img/favicon.ico"> 13 14 <!-- Alpine.js Plugins --> 15
15<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js"></script>
15 16 <!-- Alpine.js Core --> 17
17<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
17 18 19
19<script id="tailwind-config"> 20 tailwind.config = { 21 darkMode: "class", 22 theme: { 23 extend: { 24 colors: { 25 "primary": "#3f68e4", 26 "background-light": "#f6f6f8", 27 "background-dark": "#111521", 28 "accent-green": "#22c55e", 29 "cat-social": "#f59e0b", 30 "cat-financas": "#10b981", 31 "cat-obras": "#f97316", 32 }, 33 fontFamily: { 34 "display": ["Public Sans", "sans-serif"] 35 }, 36 borderRadius: {"DEFAULT": "0.25rem", "lg": "0.5rem", "xl": "0.75rem", "full": "9999px"}, 37 }, 38 }, 39 } 40 </script>
40 41 <style type="text/tailwindcss"> 42 body { font-family: 'Public Sans', sans-serif; } 43 .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; } 44 @layer components { 45 .btn-primary { 46 @apply bg-primary text-white px-4 py-2 rounded-lg text-sm font-bold 47 flex items-center gap-2 hover:opacity-90 transition-all active:scale-95; 48 } 49 } 50 51 /* Correção para o Ãcone do VLibras não sumir no Mobile devido ao CSS reset do Tailwind */ 52 [vw] [vw-access-button] img { 53 max-width: none !important; 54 } 55 </style> 56 57 <!-- Verifica preferências antes de renderizar (evita piscar) --> 58
58<script> 59 // Tema (Contraste) - Força tema claro por padrão, ignora preferências do sistema. 60 if (localStorage.getItem('theme') === 'dark') { 61 document.documentElement.classList.add('dark'); 62 } else { 63 document.documentElement.classList.remove('dark'); 64 } 65 66 // Tamanho da Fonte 67 const savedSize = localStorage.getItem('textSize'); 68 if (savedSize === 'large') { 69 document.documentElement.style.fontSize = '112.5%'; 70 } else if (savedSize === 'xlarge') { 71 document.documentElement.style.fontSize = '125%'; 72 } else { 73 document.documentElement.style.fontSize = '100%'; 74 } 75 </script>
vendor: 69 bytes, lines 75-77
75 76 77<script async src="https://www.googletagmanager.com/gtag/js?id=
77G-RK6PLTSL65
vendor: 12 bytes, line 77
77"></script>
78<script> 79
vendor: 137 bytes, lines 79-84
79window.dataLayer = window.dataLayer || []; 80 function gtag(){dataLayer.push(arguments);} 81 gtag('js', new Date()); 82 83 84 gtag('config', '
84G-RK6PLTSL65
vendor: 4 bytes, line 84
84');
85</script>
85 86 87</head> 88<body class="bg-background-light dark:bg-background-dark text-slate-900 dark:text-slate-100"> 89 <!-- Top Utility Bar --> 90 <div class="bg-primary text-white py-2 px-4 md:px-10 lg:px-40 flex justify-between items-center text-xs font-medium relative z-[60]"> 91 <div class="flex gap-4"> 92 <button id="toggle-contrast-btn" class="flex items-center gap-1 hover:underline transition-colors" aria-label="Alternar Alto Contraste" title="Alternar Alto Contraste"> 93 <span class="material-symbols-outlined text-sm">contrast</span> Contraste 94 </button> 95 <div class="relative"> 96 <button id="toggle-accessibility-btn" class="flex items-center gap-1 hover:underline transition-colors focus:outline-none" aria-label="Opções de Acessibilidade" aria-haspopup="true" aria-expanded="false" title="Menu de Acessibilidade"> 97 <span class="material-symbols-outlined text-sm">text_fields</span> Acessibilidade 98 </button> 99 100 <!-- Accessibility Dropdown Content --> 101 <div id="accessibility-menu" class="absolute top-full left-0 mt-2 w-48 bg-white dark:bg-slate-800 text-slate-800 dark:text-slate-200 rounded-lg shadow-xl border border-slate-200 dark:border-slate-700 py-2 hidden z-50 text-left"> 102 <button class="w-full px-4 py-2 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary text-sm flex items-center justify-between transition-colors" onclick="setTextSize('normal')"> 103 Tamanho Normal 104 <span class="text-xs">A</span> 105 </button> 106 <button class="w-full px-4 py-2 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary text-sm flex items-center justify-between transition-colors" onclick="setTextSize('large')"> 107 Aumentar Fonte 108 <span class="text-base">A+</span> 109 </button> 110 <button class="w-full px-4 py-2 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary text-sm flex items-center justify-between transition-colors" onclick="setTextSize('xlarge')"> 111 Fonte Extra Grande 112 <span class="text-lg font-bold">A++</span> 113 </button> 114 </div> 115 </div> 116 <a href="/mapa-do-site/" class="flex items-center gap-1 hover:underline"> 117 <span class="material-symbols-outlined text-sm">map</span> Mapa do Site 118 </a> 119 <a href="https://webmail.missal.pr.gov.br/" class="flex items-center gap-1 hover:underline"> 120 <span class="material-symbols-outlined text-sm">email</span> Webmail 121 </a> 122 </div> 123 <div class="hidden md:flex gap-4 items-center"> 124 <span>Segunda a Sexta: 07h30 às 11h30 | 13h às 17h</span> 125 <div class="flex gap-2"> 126 <a class="hover:opacity-80" href="https://www.facebook.com/prefeiturademissal" target="_blank"><span class="material-symbols-outlined text-lg">thumb_up</span></a> 127 <a class="hover:opacity-80" href="https://www.instagram.com/prefeiturademissal/" target="_blank"><span class="material-symbols-outlined text-lg">photo_camera</span></a> 128 <a class="hover:opacity-80" href="https://www.youtube.com/@municipiodemissal" target="_blank"><span class="material-symbols-outlined text-lg">play_circle</span></a> 129 </div> 130 </div> 131 </div> 132 133 <!-- Header & Search --> 134 <header class="bg-white dark:bg-slate-900 border-b border-slate-200 dark:border-slate-800 sticky top-0 z-50"> 135 <div class="max-w-[1280px] mx-auto px-4 lg:px-10 py-4 flex flex-wrap items-center justify-between gap-4"> 136 <div class="flex items-center gap-4"> 137 <div class="size-12 bg-white rounded-lg flex items-center justify-center text-primary"> 138 <img src="/static/img/brasao_missal.svg" alt="Brasão de Missal" class="h-12 w-auto"> 139 </div> 140 <div> 141 <a href="/"> 142 <h1 class="text-lg sm:text-xl font-extrabold tracking-tight text-primary uppercase">Prefeitura de Missal</h1> 143 <p class="text-[9px] sm:text-[10px] text-slate-500 font-bold uppercase tracking-widest">Estado do Paraná</p> 144 </a> 145 </div> 146 </div> 147 <div class="flex-1 max-w-md hidden lg:block"> 148 <form action="/busca/" method="get" class="relative">
149 <span class="material-symbols-outlined absolute left-3 top-1/2 -translate-y-1/2 text-slate-400">search</span> 150 <input name="q" class="w-full pl-10 pr-4 py-2 bg-slate-100 dark:bg-slate-800 border-none rounded-lg text-sm focus:ring-2 focus:ring-primary/50" placeholder="O que você está procurando?" type="text" required/> 151 </form> 152 </div> 153 <div class="flex gap-2"> 154 155 <a href="https://app.missal.pr.gov.br/esportal/esportalprincipal.index.logic" class="btn-primary" target="_blank"> 156 <span class="material-symbols-outlined text-sm">login</span> Portal do Servidor 157 </a> 158 </div> 159 </div> 160 <!-- Navigation --> 161 <nav class="border-t border-slate-100 dark:border-slate-800 bg-white dark:bg-slate-900"> 162 <div class="max-w-[1280px] mx-auto px-4 lg:px-10"> 163 164 <!-- Botão hamburguer (apenas mobile) --> 165 <div class="flex items-center justify-between lg:hidden py-3"> 166 <span class="text-sm font-bold text-slate-600 dark:text-slate-400">MENU</span> 167 <button id="menu-toggle" class="text-slate-600 dark:text-slate-400 focus:outline-none"> 168 <span id="menu-icon-open" class="material-symbols-outlined">menu</span> 169 <span id="menu-icon-close" class="material-symbols-outlined hidden">close</span> 170 </button> 171 </div> 172 173 <!-- Menu desktop --> 174 <ul class="hidden lg:flex whitespace-nowrap gap-8 text-sm font-bold text-slate-600 dark:text-slate-400"> 175 176 <li class="relative group"> 177 <a class="block py-4 border-b-2 border-transparent hover:text-primary transition-colors flex items-center gap-1" 178 href="/" > 179 INÃCIO 180 181 </a> 182 183 </li> 184 185 <li class="relative group"> 186 <a class="block py-4 border-b-2 border-transparent hover:text-primary transition-colors flex items-center gap-1" 187 href="#" > 188 MUNICÃPIO 189 190 <span class="material-symbols-outlined text-xs group-hover:rotate-180 transition-transform">expand_more</span> 191 192 </a> 193 194 <div class="absolute left-0 top-full bg-white dark:bg-slate-800 shadow-xl rounded-b-lg border border-slate-100 dark:border-slate-700 py-2 min-w-[200px] opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-50"> 195 196 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 197 href="/pagina/hino/">Hino</a> 198 199 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 200 href="/pagina/bandeira/">Bandeira</a> 201 202 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 203 href="/pagina/localizacao/">Localização</a> 204 205 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 206 href="/pagina/historia/">História</a> 207 208 </div> 209 210 </li> 211 212 <li class="relative group"> 213 <a class="block py-4 border-b-2 border-transparent hover:text-primary transition-colors flex items-center gap-1" 214 href="#" > 215 GOVERNO 216 217 <span class="material-symbols-outlined text-xs group-hover:rotate-180 transition-transform">expand_more</span> 218 219 </a> 220 221 <div class="absolute left-0 top-full bg-white dark:bg-slate-800 shadow-xl rounded-b-lg border border-slate-100 dar
221k:border-slate-700 py-2 min-w-[200px] opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-50"> 222 223 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 224 href="/governo/secretarias/prefeito/">Prefeito</a> 225 226 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 227 href="/governo/secretarias/vice-prefeito/">Vice Prefeito</a> 228 229 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 230 href="/governo/secretarias/secretaria-municipal-de-administracao/">Secretaria de Administração</a> 231 232 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 233 href="/governo/secretarias/secretaria-municipal-de-agricultura">Secretaria de Agricultura</a> 234 235 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 236 href="/governo/secretarias/secretaria-municipal-de-assistencia-social">Secretaria de Assistência Social</a> 237 238 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 239 href="/governo/secretarias/secretaria-municipal-de-desenvolvimento-economico">Secretaria de Desenvolvimento Econômico</a> 240 241 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 242 href="/governo/secretarias/secretaria-municipal-de-educacao-e-cultura">Secretaria de Educação e Cultura</a> 243 244 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 245 href="/governo/secretarias/secretaria-municipal-de-esporte-lazer-e-turismo">Secretaria de Esporte, Lazer e Turismo</a> 246 247 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 248 href="/governo/secretarias/secretaria-municipal-de-financas">Secretaria de Finanças</a> 249 250 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 251 href="/governo/secretarias/secretaria-municipal-de-meio-ambiente">Secretaria de Meio Ambiente</a> 252 253 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 254 href="/governo/secretarias/secretaria-municipal-de-obras-urbanismo-e-transportes">Secretaria de Obras, Urbanismo e Transportes</a> 255 256 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 257 href="/governo/secretarias/secretaria-municipal-de-planejamento">Secretaria de Planejamento</a> 258 259 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 260 href="/governo/secretarias/secretaria-municipal-de-saude">Secretaria de Saúde</a> 261 262 <a class="block px-6 py-2 text-slate-600 dar
262k:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 263 href="/governo/secretarias/procuradoria-geral-do-municipio">Procuradoria Geral do MunicÃpio</a> 264 265 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 266 href="/governo/secretarias/assessoria-de-comunicacao">Assessoria de Comunicação</a> 267 268 <a class="block px-6 py-2 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 hover:text-primary transition-colors text-xs uppercase" 269 href="/governo/secretarias/chefe-de-gabinete">Chefe de Gabinete</a> 270 271 </div> 272 273 </li> 274 275 <li class="relative group"> 276 <a class="block py-4 border-b-2 border-transparent hover:text-primary transition-colors flex items-center gap-1" 277 href="/servicos/" > 278 SERVIÃOS 279 280 </a> 281 282 </li> 283 284 <li class="relative group"> 285 <a class="block py-4 border-b-2 border-transparent hover:text-primary transition-colors flex items-center gap-1" 286 href="/noticias/" > 287 NOTÃCIAS 288 289 </a> 290 291 </li> 292 293 <li class="relative group"> 294 <a class="block py-4 border-b-2 border-transparent hover:text-primary transition-colors flex items-center gap-1" 295 href="https://transparencia.missal.pr.gov.br" target="_blank" > 296 TRANSPARÃNCIA 297 298 </a> 299 300 </li> 301 302 <li class="relative group"> 303 <a class="block py-4 border-b-2 border-transparent hover:text-primary transition-colors flex items-center gap-1" 304 href="/galeria/" > 305 FOTOS E VÃDEOS 306 307 </a> 308 309 </li> 310 311 <li class="relative group"> 312 <a class="block py-4 border-b-2 border-transparent hover:text-primary transition-colors flex items-center gap-1" 313 href="/contato/" > 314 CONTATO 315 316 </a> 317 318 </li> 319 320 </ul> 321 322 <!-- Menu mobile --> 323 <ul id="mobile-menu" class="hidden lg:hidden flex-col text-sm font-bold text-slate-600 dark:text-slate-400 pb-4"> 324 325 <li> 326 <a class="flex items-center justify-between py-3 border-b border-slate-100 dark:border-slate-800 hover:text-primary transition-colors" 327 href="/" 328 > 329 INÃCIO 330 331 </a> 332 333 334 </li> 335 336 <li> 337 <a class="flex items-center justify-between py-3 border-b border-slate-100 dark:border-slate-800 hover:text-primary transition-colors" 338 href="#" 339 onclick="toggleSubmenu(event, 'submenu-2')"> 340 MUNICÃPIO 341 342 <span class="material-symbols-outlined text-xs transition-transform" id="arrow-2">expand_more</span> 343 344 </a> 345 346 347 <ul id="submenu-2" class="hidden flex-col pl-4 bg-slate-50 dark:bg-slate-800 rounded-lg mb-1"> 348 349 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 350 href="/pagina/hino/">Hino</a> 351 352 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dar
352k:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 353 href="/pagina/bandeira/">Bandeira</a> 354 355 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 356 href="/pagina/localizacao/">Localização</a> 357 358 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 359 href="/pagina/historia/">História</a> 360 361 </ul> 362 363 </li> 364 365 <li> 366 <a class="flex items-center justify-between py-3 border-b border-slate-100 dark:border-slate-800 hover:text-primary transition-colors" 367 href="#" 368 onclick="toggleSubmenu(event, 'submenu-3')"> 369 GOVERNO 370 371 <span class="material-symbols-outlined text-xs transition-transform" id="arrow-3">expand_more</span> 372 373 </a> 374 375 376 <ul id="submenu-3" class="hidden flex-col pl-4 bg-slate-50 dark:bg-slate-800 rounded-lg mb-1"> 377 378 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 379 href="/governo/secretarias/prefeito/">Prefeito</a> 380 381 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 382 href="/governo/secretarias/vice-prefeito/">Vice Prefeito</a> 383 384 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 385 href="/governo/secretarias/secretaria-municipal-de-administracao/">Secretaria de Administração</a> 386 387 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 388 href="/governo/secretarias/secretaria-municipal-de-agricultura">Secretaria de Agricultura</a> 389 390 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 391 href="/governo/secretarias/secretaria-municipal-de-assistencia-social">Secretaria de Assistência Social</a> 392 393 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 394 href="/governo/secretarias/secretaria-municipal-de-desenvolvimento-economico">Secretaria de Desenvolvimento Econômico</a> 395 396 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 397 href="/governo/secretarias/secretaria-municipal-de-educacao-e-cultura">Secretaria de Educação e Cultura</a> 398 399 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 400 href="/governo/secretarias/secretaria-municipal-de-esporte-lazer-e-turismo">Secretaria de Esporte, Lazer e Turismo</a> 401 402 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dar
402k:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 403 href="/governo/secretarias/secretaria-municipal-de-financas">Secretaria de Finanças</a> 404 405 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 406 href="/governo/secretarias/secretaria-municipal-de-meio-ambiente">Secretaria de Meio Ambiente</a> 407 408 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 409 href="/governo/secretarias/secretaria-municipal-de-obras-urbanismo-e-transportes">Secretaria de Obras, Urbanismo e Transportes</a> 410 411 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 412 href="/governo/secretarias/secretaria-municipal-de-planejamento">Secretaria de Planejamento</a> 413 414 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 415 href="/governo/secretarias/secretaria-municipal-de-saude">Secretaria de Saúde</a> 416 417 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 418 href="/governo/secretarias/procuradoria-geral-do-municipio">Procuradoria Geral do MunicÃpio</a> 419 420 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 421 href="/governo/secretarias/assessoria-de-comunicacao">Assessoria de Comunicação</a> 422 423 <a class="block py-2 px-4 text-xs uppercase text-slate-600 dark:text-slate-300 hover:text-primary transition-colors border-b border-slate-100 dark:border-slate-700 last:border-0" 424 href="/governo/secretarias/chefe-de-gabinete">Chefe de Gabinete</a> 425 426 </ul> 427 428 </li> 429 430 <li> 431 <a class="flex items-center justify-between py-3 border-b border-slate-100 dark:border-slate-800 hover:text-primary transition-colors" 432 href="/servicos/" 433 > 434 SERVIÃOS 435 436 </a> 437 438 439 </li> 440 441 <li> 442 <a class="flex items-center justify-between py-3 border-b border-slate-100 dark:border-slate-800 hover:text-primary transition-colors" 443 href="/noticias/" 444 > 445 NOTÃCIAS 446 447 </a> 448 449 450 </li> 451 452 <li> 453 <a class="flex items-center justify-between py-3 border-b border-slate-100 dark:border-slate-800 hover:text-primary transition-colors" 454 href="https://transparencia.missal.pr.gov.br" 455 > 456 TRANSPARÃNCIA 457 458 </a> 459 460 461 </li> 462 463 <li> 464 <a class="flex items-center justify-between py-3 border-b border-slate-100 dark:border-slate-800 hover:text-primary transition-colors" 465 href="/galeria/" 466 > 467 FOTOS E VÃDEOS 468 469 </a> 470 471 472 </li> 473 474 <li> 475 <a class="flex items-center justify-between py-3 border-b border-slate-100 dar
475k:border-slate-800 hover:text-primary transition-colors" 476 href="/contato/" 477 > 478 CONTATO 479 480 </a> 481 482 483 </li> 484 485 </ul> 486 487 </div> 488</nav> 489 </header> 490 491 <main> 492 493<main class="flex-1 lg:px-40 px-6 py-12 bg-slate-50 dark:bg-slate-900/50"> 494 <!-- Breadcrumbs --> 495 <nav class="flex items-center gap-2 mb-8 text-sm"> 496 <a class="text-slate-500 hover:text-primary flex items-center gap-1" href="/"> 497 <span class="material-symbols-outlined text-sm">home</span> InÃcio 498 </a> 499 <span class="text-slate-400">/</span> 500 <span class="text-primary font-semibold">Bandeira</span> 501 </nav> 502 503 <!-- Hero Section --> 504 505 <div class="relative h-72 md:h-96 rounded-3xl overflow-hidden mb-12 shadow-xl"> 506 <img class="w-full h-full object-cover" src="/media/paginas/capas/bandeira-missal.jpg" alt="Bandeira"/> 507 <div class="absolute inset-0 bg-gradient-to-t from-slate-900/80 via-slate-900/30 to-transparent"></div> 508 <div class="absolute bottom-0 left-0 p-10 z-10"> 509 510 <span class="material-symbols-outlined text-white/80 text-5xl mb-4 block">flag</span> 511 512 <h1 class="text-4xl md:text-5xl font-black text-white tracking-tight mb-3">Bandeira</h1> 513 514 <p class="text-slate-200 text-lg max-w-2xl">A Bandeira</p> 515 516 </div> 517 </div> 518 519 520 <!-- Content Area --> 521 <article class="bg-white dark:bg-slate-900 rounded-3xl shadow-sm border border-slate-200 dark:border-slate-800 p-10 md:p-16 mb-12"> 522 <div class="prose prose-lg prose-slate dark:prose-invert max-w-none 523 prose-headings:font-black prose-headings:tracking-tight 524 prose-h2:text-2xl prose-h2:mt-12 prose-h2:mb-6 prose-h2:text-primary 525 prose-h3:text-xl prose-h3:mt-8 prose-h3:mb-4 526 prose-p:leading-relaxed prose-p:text-justify 527 prose-a:text-primary prose-a:font-bold prose-a:no-underline hover:prose-a:underline 528 prose-img:rounded-2xl prose-img:shadow-lg 529 prose-ul:space-y-2 prose-li:text-slate-600 dark:prose-li:text-slate-400 530 prose-blockquote:border-primary prose-blockquote:bg-primary/5 prose-blockquote:rounded-r-xl prose-blockquote:py-1"> 531 <img src="/media/paginas/capas/bandeira-missal.jpg" style=""> 532<br> 533As peças e as cores da Bandeira Municipal apresentam a seguinte simbologia:<br> 534<br> 535- <strong>Verde vegetal </strong>dos paralelogramas lembra os campos verdejantes e a esperança de boas colheitas<br> 536<br> 537- <strong>Faixas diagonais</strong> de cor vermelho escuro simbolizam a terra fértil espalhada por todos os quadrantes de seu território<br> 538<br> 539- <strong>Azul dos triângulos-retângulos</strong> representa a cor do céu nas manhãs de primavera, os rios e o lago de Itaipu que banham o território do municÃpio<br> 540<br> 541- <strong>Losango branco</strong> ao centro significa o território e a população de Missal, simboliza também o espÃrito da paz e amizade presentes nos corações dos habitantes do municÃpio.<br> 542<br> 543- <strong>Livro aberto</strong> simboliza a Sede Municipal, a fita marcadora do Poder Municipal a guiar os destinos de sua população. 544 </div> 545 546 <!-- Attachments Area --> 547 548 </article> 549 550 <!-- Meta Footer --> 551 <div class="flex flex-wrap items-center justify-between gap-4 text-sm text-slate-400"> 552 <span class="flex items-center gap-2"> 553 <span class="material-symbols-outlined text-sm">update</span> 554 Ãltima atualização: 26/03/2026 à s 15:50 555 </span> 556 <a href="/" class="text-primary font-bold hover:underline flex items-center gap-1"> 557 <span class="material-symbols-outlined text-sm">arrow_back</span> Voltar ao InÃcio 558 </a> 559 </div> 560</main> 561 562 </main> 563 564 <!-- Footer --> 565 <footer class="bg-white dark:bg-slate-900 border-t-4 border-primary mt-12"> 566 <div class="max-w-[1280px] mx-auto px-4 lg:px-10 py-16 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12"> 567 <div class="space-y-6"> 568 <div class="flex items-center gap-4"> 569 <div class="size-12 bg-white rounded-lg flex items-center justify-center text-white p-1"> 570 <img src="/static/img/brasao_missal.svg" alt="Brasão de Missal" class="h-full w-auto"> 571 </div> 572 <div> 573 <h2 class="text-lg font-extrabold text-primary">MISSAL</h2> 574 <p class="text-[10px] text-slate-500 font-bold uppercase">Estado do Paraná</p> 575 </div> 576 </div> 577 <p class="text-sm text-slate-500 leading-relaxed"> 578 Trabalhando com transparência e eficiência para construir uma cidade cada vez melhor para todos os cidadãos de Missal. 579 </p> 580 <div class="flex gap-4"> 581 <a class="size-8 rounded-full bg-slate-100 dar
581k:bg-slate-800 flex items-center justify-center text-slate-600 hover:bg-primary hover:text-white transition-all" href="https://www.facebook.com/PrefeituradeMissal" target="_blank" title="Facebook"><span class="material-symbols-outlined text-sm" >thumb_up</span></a> 582 <a class="size-8 rounded-full bg-slate-100 dark:bg-slate-800 flex items-center justify-center text-slate-600 hover:bg-primary hover:text-white transition-all" href="https://www.instagram.com/prefeiturademissal/" target="_blank" title="Instagram"><span class="material-symbols-outlined text-sm" >photo_camera</span></a> 583 <a class="size-8 rounded-full bg-slate-100 dark:bg-slate-800 flex items-center justify-center text-slate-600 hover:bg-primary hover:text-white transition-all" href="https://www.youtube.com/@municipiodemissal" target="_blank" title="Youtube"><span class="material-symbols-outlined text-sm" >play_circle</span></a> 584 </div> 585 <p class="text-xs text-slate-400 font-small tracking-widest"><a href="/pagina/politicas-de-privacidade/" target="_blank">Politicas de Privacidade</a></p> 586 </div> 587 <div> 588 <h4 class="text-slate-900 dark:text-white font-bold mb-6 text-sm uppercase tracking-widest">Acesso Rápido</h4> 589 <ul class="space-y-3 text-sm text-slate-500 dark:text-slate-400"> 590 <li><a class="hover:text-primary transition-colors" href="https://webmail.missal.pr.gov.br/" target="_blank">Webmail</a></li> 591 <li><a class="hover:text-primary transition-colors" href="/atendimento/">Central de Atendimento</a></li> 592 <li><a class="hover:text-primary transition-colors" href="https://publicacoesmunicipais.com.br/eatos/missal" target="_blank">Diário Oficial</a></li> 593 <li><a class="hover:text-primary transition-colors" href="https://transparencia.missal.pr.gov.br/licitacoes" target="_blank">Licitações</a></li> 594 <li><a class="hover:text-primary transition-colors" href="https://transparencia.missal.pr.gov.br/concursos" target="_blank">Concursos e Seletivos</a></li> 595 <li><a class="hover:text-primary transition-colors" href="https://leismunicipais.com.br/legislacao-municipal/3372/leis-de-missal" target="_blank">Legislação Municipal</a></li> 596 <li><a class="hover:text-primary transition-colors" href="https://saladoempreendedor.missal.pr.gov.br/" target="_blank">Sala do Empreendedor</a></li> 597 </ul> 598 </div> 599 <div> 600 <h4 class="text-slate-900 dark:text-white font-bold mb-6 text-sm uppercase tracking-widest">Contato</h4> 601 <ul class="space-y-4 text-sm text-slate-500 dark:text-slate-400"> 602 <li class="flex gap-3"> 603 <span class="material-symbols-outlined text-primary">location_on</span> 604 <span>Rua Nossa Senhora da Conceição, 555 - Centro<br/>Missal - PR, 85736-021</span> 605 </li> 606 <li class="flex gap-3"> 607 <span class="material-symbols-outlined text-primary">call</span> 608 <span>(45) 3244-8000</span> 609 </li> 610 <li class="flex gap-3"> 611 <span class="material-symbols-outlined text-primary">mail</span> 612 <span>[email protected]</span> 613 </li> 614 <li class="flex gap-3"> 615 <span class="material-symbols-outlined text-primary text-xl">schedule</span> 616 <span>Segunda a Sexta<br/>07h30 às 11h30 e 13h às 17h</span> 617 </li> 618 </ul> 619 </div> 620 <div> 621 <h4 class="text-slate-900 dark:text-white font-bold mb-6 text-sm uppercase tracking-widest">Localização</h4> 622 <div class="rounded-lg overflow-hidden h-40 border border-slate-200 dark:border-slate-800"> 623 <a href="https://maps.app.goo.gl/EoQjXHTrtyE61oCN7" target="_blank"> 624 <iframe 625 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14408.016335198!2d-54.2494917!3d-25.044033!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94f6ba6e7e7e7e79%3A0x7d7d7d7d7d7d7d7d!2sPrefeitura%20Municipal%20de%20Missal!5e0!3m2!1spt-BR!2sbr!4v1700000000000!5m2!1spt-
625BR!2sbr" 626 class="w-full h-full border-0" 627 allowfullscreen="" 628 loading="lazy" 629 referrerpolicy="no-referrer-when-downgrade"> 630 </iframe> 631 </a> 632 </div> 633 </div> 634 </div> 635 <div class="bg-slate-50 dark:bg-slate-950 py-6 border-t border-slate-200 dark:border-slate-800 text-center"> 636 <p class="text-xs text-slate-400 uppercase font-medium tracking-widest">© 2026 Prefeitura Municipal de Missal - Todos os direitos reservados</p> 637 <p class="text-xs text-slate-400 font-small tracking-widest">Desenvolvido por <a href="https://www.linkedin.com/in/vilmar-spies-553a9122/" target="_blank">Vilmar Spies</a></p> 638 </div> 639 </footer> 640 <div vw class="enabled"> 641 <div vw-access-button class="active"></div> 642 <div vw-plugin-wrapper> 643 <div class="vw-plugin-top-wrapper"></div> 644 </div> 645 </div> 646 647<div x-data="cookieConsent()"> 648 <div 649 x-show="visible" 650 x-transition:enter="transition ease-out duration-500" 651 x-transition:enter-start="opacity-0 translate-y-8" 652 x-transition:enter-end="opacity-100 translate-y-0" 653 x-transition:leave="transition ease-in duration-300" 654 x-transition:leave-start="opacity-100 translate-y-0" 655 x-transition:leave-end="opacity-0 translate-y-8" 656 x-cloak 657 class="fixed bottom-0 left-0 right-0 z-[9999] p-4 md:p-6" 658 role="dialog" 659 aria-live="polite" 660 aria-label="Aviso de cookies" 661 > 662 <div class="max-w-5xl mx-auto bg-white dark:bg-slate-900 rounded-2xl shadow-2xl border border-slate-200 dark:border-slate-700 overflow-hidden"> 663 <div class="h-1 bg-gradient-to-r from-primary via-blue-400 to-primary"></div> 664 <div class="p-6 md:p-8"> 665 <div class="flex flex-col md:flex-row md:items-start gap-6"> 666 667 <!-- Ãcone + texto --> 668 <div class="flex items-start gap-4 flex-1"> 669 <div class="size-12 rounded-xl bg-primary/10 flex items-center justify-center flex-shrink-0"> 670 <span class="material-symbols-outlined text-primary text-2xl">cookie</span> 671 </div> 672 <div> 673 <h3 class="text-base font-extrabold text-slate-900 dark:text-white mb-1"> 674 Este site utiliza cookies ðª 675 </h3> 676 <p class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed"> 677 Usamos cookies <strong class="text-slate-700 dark:text-slate-300">essenciais</strong> 678 para o funcionamento do site e cookies 679 <strong class="text-slate-700 dark:text-slate-300">analÃticos</strong> 680 (Google Analytics) de forma anonimizada. Nenhum dado é vendido a terceiros. 681 <a href="/pagina/politicas-de-privacidade/" class="text-primary font-bold hover:underline ml-1"> 682 PolÃtica de Privacidade â 683 </a> 684 </p> 685 686 <!-- Detalhes expansÃveis --> 687 <div x-data="{ open: false }" class="mt-3"> 688 <button @click="open = !open" 689 class="text-xs text-primary font-bold flex items-center gap-1 hover:underline focus:outline-none"> 690 <span class="material-symbols-outlined text-sm" 691 x-text="open ? 'expand_less' : 'expand_more'">expand_more</span> 692 <span x-text="open ? 'Ocultar detalhes' : 'Ver detalhes dos cookies'"></span> 693 </button> 694 695 <div x-show="open" x-transition class="mt-3 grid sm:grid-cols-3 gap-2"> 696 <div class="bg-slate-50 dark:bg-slate-800 rounded-lg p-3 border border-slate-100 dark:border-slate-700"> 697 <div class="flex items-center gap-2 mb-1"> 698 <span class="size-2 rounded-full bg-green-500"></span> 699 <span class="text-xs font-bold text-slate-700 dark:text-slate-300">Essenciais</span> 700 <span class="ml-auto text-[10px] bg-green-100 text-green-700 px-1.5 py-0.5 rounded font-bold">Sempre ativos</span> 701 </div> 702 <p class="text-[11px] text-slate-500">Sessão, segurança e preferências básicas.</p> 703 </div> 704 <div class="bg-slate-50 dark:bg-slate-800 rounded-lg p-3 border border-slate-100 dar
704k:border-slate-700"> 705 <div class="flex items-center gap-2 mb-1"> 706 <span class="size-2 rounded-full bg-blue-500"></span> 707 <span class="text-xs font-bold text-slate-700 dark:text-slate-300">AnalÃticos</span> 708 <label class="ml-auto flex items-center cursor-pointer"> 709 <input type="checkbox" x-model="analytics" class="sr-only peer"> 710 <div class="relative w-7 h-4 bg-slate-300 peer-checked:bg-primary rounded-full transition-colors"> 711 <div class="absolute top-0.5 left-0.5 size-3 bg-white rounded-full shadow transition-transform" 712 :class="analytics ? 'translate-x-3' : 'translate-x-0'"></div> 713 </div> 714 </label> 715 </div> 716 <p class="text-[11px] text-slate-500">Google Analytics â estatÃsticas anônimas.</p> 717 </div> 718 <div class="bg-slate-50 dark:bg-slate-800 rounded-lg p-3 border border-slate-100 dark:border-slate-700"> 719 <div class="flex items-center gap-2 mb-1"> 720 <span class="size-2 rounded-full bg-purple-500"></span> 721 <span class="text-xs font-bold text-slate-700 dark:text-slate-300">Preferências</span> 722 <label class="ml-auto flex items-center cursor-pointer"> 723 <input type="checkbox" x-model="preferences" class="sr-only peer"> 724 <div class="relative w-7 h-4 bg-slate-300 peer-checked:bg-primary rounded-full transition-colors"> 725 <div class="absolute top-0.5 left-0.5 size-3 bg-white rounded-full shadow transition-transform" 726 :class="preferences ? 'translate-x-3' : 'translate-x-0'"></div> 727 </div> 728 </label> 729 </div> 730 <p class="text-[11px] text-slate-500">Tema, fonte e acessibilidade.</p> 731 </div> 732 </div> 733 </div> 734 </div> 735 </div> 736 737 <!-- Botões --> 738 <div class="flex flex-col sm:flex-row md:flex-col gap-2 md:min-w-[180px]"> 739 <button @click="acceptAll()" 740 class="w-full bg-primary text-white text-sm font-bold px-5 py-2.5 rounded-xl hover:opacity-90 active:scale-95 transition-all flex items-center justify-center gap-2"> 741 <span class="material-symbols-outlined text-sm">check_circle</span> 742 Aceitar todos 743 </button> 744 <button @click="acceptSelected()" 745 class="w-full bg-slate-100 dark:bg-slate-800 text-slate-700 dark:text-slate-300 text-sm font-bold px-5 py-2.5 rounded-xl hover:bg-slate-200 active:scale-95 transition-all flex items-center justify-center gap-2"> 746 <span class="material-symbols-outlined text-sm">tune</span> 747 Salvar seleção 748 </button> 749 <button @click="rejectAll()" 750 class="w-full text-slate-400 hover:text-slate-600 text-xs font-medium px-5 py-2 rounded-xl transition-colors flex items-center justify-center gap-1"> 751 <span class="material-symbols-outlined text-xs">block</span> 752 Apenas essenciais 753 </button> 754 </div> 755 </div> 756 </div> 757 </div> 758 </div> 759 760 <!-- Botão flutuante para rever preferências --> 761 <div x-show="showFloatingButton && !visible" x-cloak 762 class="fixed bottom-4 left-4 z-[9998]"> 763 <button 764 @click="clearConsent()" 765 class="size-10 rounded-full bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 shadow-lg flex items-center justify-center text-slate-400 hover:text-primary hover:border-primary transition-all" 766 title="Rever preferências de cookies"> 767 <span class="material-symbols-outlined text-lg">cookie</span> 768 </button> 769 </div> 770</div> 771 772<style>[x-cloak] { display: none !important; }</style> 773
774<script> 775function cookieConsent() { 776 return { 777 visible: false, 778 showFloatingButton: false, 779 analytics: true, 780 preferences: true, 781 782 init() { 783 // Verifica cookie HTTP (não localStorage) para consistência com o middleware 784 const hasConsent = document.cookie.includes('cookie_consent='); 785 if (!hasConsent) { 786 setTimeout(() => { this.visible = true; }, 800); 787 } else { 788 this.showFloatingButton = true; 789 } 790 }, 791 792 acceptAll() { 793 this.save({ essential: true, analytics: true, preferences: true }); 794 }, 795 796 acceptSelected() { 797 this.save({ essential: true, analytics: this.analytics, preferences: this.preferences }); 798 }, 799 800 rejectAll() { 801 this.save({ essential: true, analytics: false, preferences: false }); 802 }, 803 804 save(consent) { 805 consent.date = new Date().toISOString(); 806 // Salva como cookie HTTP (para o middleware Django ler) 807 const value = encodeURIComponent(JSON.stringify(consent)); 808 const expires = new Date(); 809 expires.setFullYear(expires.getFullYear() + 1); // validade de 1 ano 810 document.cookie = `cookie_consent=${value}; path=/; expires=${expires.toUTCString()}; SameSite=Lax`; 811 812 // Sync preferências: se recusado, limpa localStorage de acessibilidade 813 if (consent.preferences === false) { 814 localStorage.removeItem('theme'); 815 localStorage.removeItem('textSize'); 816 } 817 818 this.visible = false; 819 window.dispatchEvent(new CustomEvent('cookie-saved')); 820 821 // Recarrega para aplicar/remover scripts do django-analytical 822 window.location.reload(); 823 }, 824 825 clearConsent() { 826 // Abre o banner novamente em vez de apenas limpar e recarregar 827 this.visible = true; 828 } 829 } 830} 831</script>
831 832
832<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
832 833
833<script> 834 new window.VLibras.Widget('https://vlibras.gov.br/app'); 835 </script>
835 836 <!-- Lógica de Alternar Contraste e Acessibilidade --> 837
837<script> 838 // Hamburguer toggle 839 document.getElementById('menu-toggle').addEventListener('click', () => { 840 const menu = document.getElementById('mobile-menu'); 841 const iconOpen = document.getElementById('menu-icon-open'); 842 const iconClose = document.getElementById('menu-icon-close'); 843 844 menu.classList.toggle('hidden'); 845 menu.classList.toggle('flex'); 846 iconOpen.classList.toggle('hidden'); 847 iconClose.classList.toggle('hidden'); 848 }); 849 850 // Submenu mobile 851 function toggleSubmenu(e, id) { 852 e.preventDefault(); 853 const submenu = document.getElementById(id); 854 const arrow = document.getElementById(id.replace('submenu', 'arrow')); 855 856 submenu.classList.toggle('hidden'); 857 submenu.classList.toggle('flex'); 858 arrow.classList.toggle('rotate-180'); 859 } 860 861 // --- Contraste --- 862 document.getElementById('toggle-contrast-btn').addEventListener('click', function() { 863 if (document.documentElement.classList.contains('dark')) { 864 document.documentElement.classList.remove('dark'); 865 localStorage.setItem('theme', 'light'); 866 } else { 867 document.documentElement.classList.add('dark'); 868 localStorage.setItem('theme', 'dark'); 869 } 870 }); 871 872 // --- Acessibilidade (Tamanho da Fonte) --- 873 const accessBtn = document.getElementById('toggle-accessibility-btn'); 874 const accessMenu = document.getElementById('accessibility-menu'); 875 876 // Toggle dropdown 877 accessBtn.addEventListener('click', function(e) { 878 // Prevent applying sizes if clicking exactly on the toggle, let child buttons do that 879 if(e.target.closest('#accessibility-menu')) return; 880 881 const isHidden = accessMenu.classList.contains('hidden'); 882 if (isHidden) { 883 accessMenu.classList.remove('hidden'); 884 accessBtn.setAttribute('aria-expanded', 'true'); 885 } else { 886 accessMenu.classList.add('hidden'); 887 accessBtn.setAttribute('aria-expanded', 'false'); 888 } 889 }); 890 891 // Fechar dropdown ao clicar fora 892 document.addEventListener('click', function(e) { 893 if (!accessBtn.contains(e.target)) { 894 accessMenu.classList.add('hidden'); 895 accessBtn.setAttribute('aria-expanded', 'false'); 896 } 897 }); 898 899 // Aplicar tamanho da fonte 900 function setTextSize(size) { 901 if (size === 'normal') { 902 document.documentElement.style.fontSize = '100%'; // Default browser size 903 localStorage.setItem('textSize', 'normal'); 904 } else if (size === 'large') { 905 document.documentElement.style.fontSize = '112.5%'; // ~18px 906 localStorage.setItem('textSize', 'large'); 907 } else if (size === 'xlarge') { 908 document.documentElement.style.fontSize = '125%'; // ~20px 909 localStorage.setItem('textSize', 'xlarge'); 910 } 911 912 // Close menu after selection 913 accessMenu.classList.add('hidden'); 914 accessBtn.setAttribute('aria-expanded', 'false'); 915 } 916 </script>
916 917 918</body> 919</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.