Modelo do encurtador em Next.js

Gerado a partir de deploy-templates/nextjs (dado.cloud ee83546).

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;

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() {
       </section>
 
       <footer className="rodape">
-        Publicado na{' '}
-        <a href="https://dado.cloud" target="_blank" rel="noopener">
-          Dado
-        </a>
+        <span>Publicado na</span>
+        <a
+          href="https://dado.cloud"
+          target="_blank"
+          rel="noopener"
+          aria-label="Dado"
+          dangerouslySetInnerHTML={{ __html: LOGO_DADO_SVG }}
+        />
       </footer>
     </main>
   );