diff --git a/app/globals.css b/app/globals.css index 7a1460a..5dbc3c2 100644 --- a/app/globals.css +++ b/app/globals.css @@ -91,8 +91,9 @@ button:focus-visible, a:focus-visible { outline: 2px solid var(--destaque); outl .sobre dd { margin: 0; overflow-wrap: anywhere; } .dica { font-size: 13px; color: var(--suave); margin: 14px 0 0; } code { font-family: var(--mono); font-size: 0.92em; } -.rodape { margin-top: 32px; text-align: center; font-size: 13px; color: var(--suave); } -.rodape a { color: inherit; } +.rodape { margin-top: 32px; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 13px; color: var(--suave); } +.rodape a { display: inline-flex; color: var(--texto); } +.rodape svg { display: block; height: 18px; width: auto; } .so-leitor { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; diff --git a/app/page.tsx b/app/page.tsx index b38f3a0..327a37b 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,6 +1,7 @@ import { headers } from 'next/headers'; import { enderecoBase, listarLinks, paraJson } from '@/lib/links'; +import { LOGO_DADO_SVG } from '@/lib/paginas'; import pacote from '../package.json'; import Encurtador from './Encurtador'; @@ -66,10 +67,14 @@ export default async function Pagina() { ); diff --git a/lib/paginas.ts b/lib/paginas.ts index 965aa08..8b18fe9 100644 --- a/lib/paginas.ts +++ b/lib/paginas.ts @@ -27,6 +27,11 @@ export function respostaNaoEncontrada(): Response { }); } +// Logo da Dado em SVG inline (texto convertido em curvas, sem fonte nem arquivo externo — +// a CSP da página de aviso só aceita CSS e imagens data:). O nome usa a cor do texto. +export const LOGO_DADO_SVG = + ''; + const MODELO_AVISO = ` @@ -99,8 +104,9 @@ const MODELO_AVISO = ` } .voltar { color: var(--destaque); font-weight: 600; } a:focus-visible { outline: 2px solid var(--destaque); outline-offset: 2px; } - .rodape { margin-top: 32px; text-align: center; font-size: 13px; color: var(--suave); } - .rodape a { color: inherit; } + .rodape { margin-top: 32px; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 13px; color: var(--suave); } + .rodape a { display: inline-flex; color: var(--texto); } + .rodape svg { display: block; height: 18px; width: auto; } @media (max-width: 480px) { .pagina { padding-top: 32px; } h1 { font-size: 24px; } @@ -134,7 +140,7 @@ const MODELO_AVISO = ` - +